Texte encadré

Résolu/Fermé
eleveing Messages postés 73 Date d'inscription jeudi 30 août 2012 Statut Membre Dernière intervention 27 février 2014 - 19 août 2013 à 02:52
eleveing Messages postés 73 Date d'inscription jeudi 30 août 2012 Statut Membre Dernière intervention 27 février 2014 - 19 août 2013 à 23:44
Bonjour tout le monde,

j'ai besoin de creer des elements en partie gauche d un site comme ceux d' un menu teq j'aurais des images et au dessus de chaque image un titre ecrit et encadrer
par example
titre1
image1
titre2
image
....

je veux que les titre soit encadrer et que les cadres aient les meme dimensions
voila un code que j utilise mai j arrive pas a fixer les memes dimensions pour tous les titres
je veux pas regler les dimensions pour chaque titre mais pour tous en meme temps:
css:#nino1 {

background-color:#FFE680;
text-decoration:none;
text-align:center;

border:2px solid;

border-color:#FFCCCC;

margin-right:0px;
margin-left:0px;
}

html:
<TABLE WIDTH="25%" BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD width="198" height="24">



<a id="nino1"href="motpresident.php" >
<FONT COLOR="#FF0000" size="4">titre1?</FONT>
</a>


</TD>
</TR>
.........

Merci d'avance,

1 réponse

Angelneonizz Messages postés 784 Date d'inscription mardi 9 décembre 2003 Statut Membre Dernière intervention 19 février 2018 137
19 août 2013 à 12:13
Bonjour,

alors pour commencer, un tableau n'est pas vraiment recommandé mais bon.

Ensuite tu utilises id alors que tu veux que le code CSS se répète sur plusieurs titres donc ton identifiant ne sera pas unique. Il faut utiliser class=

Je te conseille fortement d'utiliser des div à la place du tableau, avec un float left si tu veux que tout soit l'un à coté de l'autre.

Dans ton CSS tu donnes une taille fixe à ta div avec widht et hight.
Pour chaque div tu appelles toujours la même class donc elles auront toutes la même taille.
0
eleveing Messages postés 73 Date d'inscription jeudi 30 août 2012 Statut Membre Dernière intervention 27 février 2014 1
19 août 2013 à 23:44
merci pour votre aide je viens de trouver le code qui me convient :) !!
0