28220 sujets

CSS et mise en forme, CSS3

salut à tous ...
j'ai un petit pb avec un tableau html

dans ma cellule je mets une image de fond de 16px de haut et un texte en <h3>

<td align="left" valign="top" width="25%" height="16" background="../images/degradhaut.gif">
						<h3>Mat&eacute;riel</h3>
					</td>


le truc c'est que ma cellule ne fait pas 16 à l'affichage mais au moins 25...donc ça répète mon dégrad" en fond et c'est pas très joli ...
j'ai essayé de mettre une image de 16px de haut en dur juste avant mon texte mais ça ne change rien Smiley decu

le css qui va avec

p, h1, h2, h3, h4, h5 {
padding: 0; 
display: block;

}

h1 { color: red; 
font-size: 13px; 
text-transform: uppercase; 
margin: 0;
}

h2 { color: red; 
font-size: 13px; 
margin: 0;
}

h3 { color: black; 
font-size: 11px; 
font-weight: bold; 
margin: 2px; 
}


si vous avez une idée Smiley lol Smiley lol merki bcp
++
Salut, le problème se pose sous quel navigateur ?

Il faut préciser les unités correctement, c'est "height: 16px;" qu'il faut mettre.

Et n'oublions pas, les tableaux de mise en page, c'est mal !!!
Sopo a écrit :
Il faut préciser les unités correctement, c'est "height: 16px;" qu'il faut mettre.


Pas dans un attribut HTML, sopo : uniquement dans les propriétés CSS
Laurent Denis a écrit :
Pas dans un attribut HTML, sopo : uniquement dans les propriétés CSS

Au temps pour moi. Désolé.

<mode mauvaise foi value="Mais de toutes façons, les styles dans les attributs HTML, c'est mal aussi" />
lol ...
je sais que c'est mal mais bon je peux pas passez du tout html tableau au tout css d'un seul coup ...alors j'essaye d'y aller en douceur Smiley smile
et déjà je m'arrache bien les cheveux certaines fois entre les mises en page IE et FF ...
sinon ce "bug" est présent sur IE et FF ... donc je sais pas trop ... on dirait que le H3 étire ma cellule ou un truc du genre
sais po

merci
++