28221 sujets

CSS et mise en forme, CSS3

Coucou, grâce à vous, je m'améliore de plus en plus, et franchement, c'est bien sympa ces css. Je ne pose que peu de questions sur ce forum, mais je parcoure quand même pas mal les autres topics et on y apprends beaucoup. Bon venons-en à ma chtite question :

Imaginons que j'ai besoin de 9 balises h. Chacune à du code identique à l'exception de l'attribut background.

Voici un exemple :

h1 {
	[b]background-image:url(images/decors-sections/fondtitre-general.jpg);[/b] 
	font-size: 12px;
	height: 14px;
	padding: 1px;
	margin: 10px 10px 1px 10px;
	text-align: center;
	border-left: 1px solid black;
	border-right: 1px solid black;


Voilà, plutot que de répéter plein de fois la même chose, est-il tout simplement possible d'utiliser le joker *, et faire par exemple ceci :


h *{
        font-size: 12px;
	height: 14px;
	padding: 1px;
	margin: 10px 10px 1px 10px;
	text-align: center;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

h1 {
        background-image:url(images/decors-sections/fondtitre-general.jpg);
}

Modifié le 25 Jan 2005 - 00:41
normalement, le h* ne passe pas, par contre tu peux très bien saisir

h1, h2, h3, h4 {font-size:1.2em}
h1 {background:#ccc}
h2 {background:#ddd}
h3 {background:#eee}

Eric
Modifié le 25 Jan 2005 - 00:38
Bon, yen a qui s'amusent par ici on dirait lol
Alors, finalement, apres plusieurs essais, j'ai trouvé tout seul ma petite reponse, parce que faut bien dire que "voici venu le soir, ami charmant du criminel..."

hum désolé, enfin en fait, la réponse est trop simple mais j'avais envie d'utiliser ce joker.

Il faut juste faire ceci :

h1, h2, h3, ... {
        [i] les attributs ici identiques à tous [/i]
}
h1 {
        L'attribut qui diffère pour chaque cas.
}

Ah lala Smiley eek

Smiley lol

Grillé par Eric, mais MILLE mercis de ta réponse ! Smiley cligne
Modifié le 25 Jan 2005 - 00:42