cadre photo 3 couches en CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : cadre photo 3 couches en CSS

moamatt

banzaï !!!

Salut,
parlons franchement, j'ai découvert les css y a 3 semaines, depuis je bosse très dur pour tout assimiler et je ne me sert pus que de ça maintenant.
Actuellement j'essaie de me faire une petite galerie, et j'en arrive à mon "probleme"
je souhaite faire un cadre à mes photos du genre ça :

comme un sandwish, filet noir, contour blanc, filet noir...

mon image en html se présente comme suit :

Code :

<a id="img" href="gf/pascal 3.jpg" target="img" ><img id="img" src="pf/pascal 3.jpg" /></a>

et actuellement j'arrive à un résultat proche : contour blanc et liseret noir, me manque le 1er liseret, délimitant la photo
mon css ressemble à ça:

Code :

img#img {
color: #FFFFFF;
border: 20px solid #FFFFFF;
}
a#img {
border: 2px solid #000;
}

où placer ma bordure supplémentaire?
là j'avoue, je bloque...

si vous avez des pistes, je suis prenneur ! :pt1cable:

d'avance merci !

---------------
c'est au pied du mur que l'on voit le mieux le mur !

Publicité

gatsu35

Blablaté par Harko

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
.img {border:1px solid black; display:-moz-inline-box; display:inline-block;}
.img img {margin:4px; border:none; display:block}
.img span {background:black; color:white; display:block; font-size:10px; font-family:verdana, arial}
</style>
</head>
<body>
<a href="#" class="img">
<img src="http://images.google.fr/images?q=tbn:OGtVX6tKpyRiWM:http://www.futura-sciences.com/img/chien.jpg">
<span>145x54 145 kb</span>
</a>
</body>
</html>

in id c'est unique dans une page donc utilise une classe
tu fous juste une classe sur le parent et tu découle le merdier ensuite comme j'ai fait

Message édité par gatsu35 le 21-09-2006 à 22:54:50

moamatt

banzaï !!!

ok, merci bcp !
pour les id, depuis que j'ai decouvert ça, j'en mets partout, et parfois les meme, c'est vraiment grave s'ils ne sont plus unique?

---------------
c'est au pied du mur que l'on voit le mieux le mur !

gatsu35

Blablaté par Harko

oui c'est grave, un id c'est unique et ca restera unique
car si tu fais un getElementById("monid" ) en Javascript, ben il va retourner quel élément ???
Normalement le premier qui possede l'id en question mais bon on sait jamais.
et puis pour styler en CSS l'id se met sur un élément parent global. pas sur tous les enfants.

moamatt

banzaï !!!

ok, je vais revoir ma copie alors.
donc dès qu'elles ne sont plus unique, il faut que je remplace mes id par des class ?...

Merci pour ton aide !

---------------
c'est au pied du mur que l'on voit le mieux le mur !

gatsu35

Blablaté par Harko

la reponse est oui
avec un petit article en prime
http://css.alsacreations.com/Bases [...] e-et-un-id
et aussi ceci :
http://www.pompage.net/pompe/terminologie/

moamatt

banzaï !!!

ok, impecable, merci.
j'aurais appris quelquechose !

---------------
c'est au pied du mur que l'on voit le mieux le mur !

FORUM HardWare.fr

Programmation

HTML/CSS

cadre photo 3 couches en CSS

Sujets relatifs
[CSS] faire un site qui est PDA friendly	Table mysql pour un album photo
Pb bidon en CSS	[CSS] Compteur de visites et DIV caché, ça worke quand même?
subtilité (?) en CSS - alignement mauvais dans Firefox	Problème ligne de base CSS -> IE et Firefox différents ...
Cherche un bon logiciel d'édition HTML/CSS ?	Design vs en pensez quoi? + aide CSS
[Firefox] <span> et CSS overflow	[Résolu] Positionnement DIV Css
Plus de sujets relatifs à : cadre photo 3 couches en CSS

Page générée en 0.043 secondes