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:
    100
    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 368
    J'aime reçus:
    2
    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 522
    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 368
    J'aime reçus:
    2
    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:
    0
    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:
    814
    J'aime reçus:
    0
    Beurk, encore un cas de divite aigue
     
Chargement...
Similar Threads - Encadrer image CSS Forum Date
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
Empêcher l'indexation d'images dont le nom contient une chaîne donnée Crawl et indexation Google, sitemaps 27 Juin 2020
Balise Alt d'une image Crawl et indexation Google, sitemaps 8 Juin 2020
Google Image, url des fichiers et traduction YouTube, Google Images et Google Maps 4 Juin 2020
Vérifier si plusieurs images ont le même poids Développement d'un site Web ou d'une appli mobile 13 Mai 2020
Position images/slideshow dans page ? Rédaction web et référencement 12 Mai 2020
Insérer 1 image google dans une page Développement d'un site Web ou d'une appli mobile 26 Avril 2020
WordPress Questions de SEO pour les images et duplicate content Débuter en référencement 11 Avril 2020
Astuce Presta passage de 1.6 à 1.7 en gardant les images rubriques et sous rubriques e-commerce 8 Avril 2020
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice