Encadrer une image avec CSS

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par le-bon-plan.com, 5 Septembre 2007.

  1. le-bon-plan.com
    le-bon-plan.com WRInaute discret
    Inscrit:
    1 Juin 2007
    Messages:
    98
    J'aime reçus:
    0
    Expert CSS à l'aide, je souhaite savoir s'il est possible via CSS d'encadrer toutes les images de mon site avec un cadre defini un peu à la maniere de ce qui est fait sur le site cha#uffeu#rdebu#zz
     
  2. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 952
    J'aime reçus:
    275
    oui en mettant une propriété border dashed. En revanche ça collera à l'image. Je pense que pour faire une bordure séparée, il te faut rajouter un div conteneur
     
  3. moktoipas
    moktoipas WRInaute passionné
    Inscrit:
    29 Juin 2004
    Messages:
    1 495
    J'aime reçus:
    0
    Marie-Aude >> On peut mettre un padding sur un image :) ca decole la bordure de la dite image (on peut meme mettre un background-color qui va remplir ce padding)

    par contre le cadre comme fait le site dont tu parles, il est met dirrectement sur ses images.c'est donc pas du CSS
     
  4. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 952
    J'aime reçus:
    275
    Oui je n'avais pas vu le cadre en question. Effectivement ça c'est pas CSSable "facilement"
     
  5. rikew
    rikew WRInaute impliqué
    Inscrit:
    19 Décembre 2002
    Messages:
    683
    J'aime reçus:
    2
    D'après moi pour faire ça avec des css il faut 4 div autours de l'image :

    Code:
    <div class="img-t"><div class="img-r"><div class="img-b"><div class="img-l"><img></div></div></div></div>
    Ensuite certains div avec marge négative pour passer par dessus l'image …

    J'ai pas testé ;)
     
  6. DadouDuck
    DadouDuck WRInaute impliqué
    Inscrit:
    28 Mai 2007
    Messages:
    812
    J'aime reçus:
    0
    Beurk, encore un cas de divite aigue
     
Chargement...
Similar Threads - Encadrer image CSS Forum Date
A propos du DIV pour encadrer les images YouTube, Google Images et Google Maps 11 Novembre 2008
Encadrer de texte la likebox de FB Développement d'un site Web ou d'une appli mobile 1 Novembre 2012
Le gouvernement va encadrer l'utilisation des cookies Droit du web (juridique, fiscalité...) 11 Février 2011
<p> pour encadrer un tableau ?? Débuter en référencement 7 Novembre 2008
Comment encadrer un calque sous dreamweaver ? Développement d'un site Web ou d'une appli mobile 28 Août 2005
Image dans les résultats de recherche ? Référencement Google Hier à 21:50
Comment avoir une image à droite des SERP Référencement Google 2 Décembre 2022
Résolution d'image sur Lighthouse. Administration d'un site Web 10 Novembre 2022
Migrer les images de JPEG à WEBP : quel impact perf et SEO ? Référencement Google 28 Septembre 2022
Lien sur une image, même poids SEO que pour un lien sur une ancre de texte ? Rédaction web et référencement 24 Septembre 2022
Position Google image vs Google différente Référencement Google 21 Septembre 2022
Trafic de google image Google Analytics 19 Septembre 2022
Avis sur mon site - hébergeur de galeries d’images Demandes d'avis et de conseils sur vos sites 26 Août 2022
Recherche Google images : mes photos disparaîssent Référencement Google 25 Août 2022
modification taille images sur jimdo Développement d'un site Web ou d'une appli mobile 18 Août 2022
Désindexation images en changeant de format (passage à WebP) Crawl et indexation Google, sitemaps 12 Juillet 2022
Images - site multilangue Référencement international (langues, pays) 11 Juillet 2022
images ; balises ALT et duplicate content Débuter en référencement 9 Juillet 2022
grande image centrer verticalement dans DIV avec largeur variable de l'ecran Développement d'un site Web ou d'une appli mobile 28 Juin 2022
Liens en do follow ou no follow pour créditer les images ? Netlinking, backlinks, liens et redirections 14 Mai 2022