28221 sujets

CSS et mise en forme, CSS3

[RESOLU]Rassembler des propriétés

Bonjour ou plutot bonsoir,
J'ai fait ca 

h1 	{  
     font-family: "Trebuchet MS", helvetica, sans-serif;
	 color: navy;
	 font-size: 250%;
	 text-align:left;
	 margin-left: 10px;
	 background-color:white;
	 height: 40px;
	 border-left-color: olive;
	 border-left-style: solid 1px;
	 border-bottom-color:olive;
	 border-bottom-style: solid 1px;

En fait j'aimerais savoir s'il y a une methode pour rassembler les 4 dernieres lignes du code?
Merci
Modifié le 13 Nov 2004 - 14:47
Bonsoir,

Je ferai quelque chose comme ça :

h1 	{  
font-family: Trebuchet MS, Helvetica, Sans-Serif;
color: navy;
font-size: 250%;
text-align: left;
margin-left: 10px;
background-color: white;
height: 40px;
[b]border-left: 1px solid olive;
border-bottom: 1px solid olive;[/b]
}


Voilou Smiley smile
Ouep ba j'ai essayé mais ca ne s'affichait plus mais je verrais ca demain la je suis trop fatigué...
Merci quand meme.
Administrateur
Ou encore :


h1 	{  
[b]font: 250% Trebuchet MS, Helvetica, Sans-Serif;[/b]
color: navy;
text-align: left;
margin-left: 10px;
background-color: white;
height: 40px;
[b]border: 1px solid olive;
border-width: 0 0 1px 1px;[/b]
}
Je profite du topic pour poser une question Smiley langue
Est-ce possible de mettre la valeur de la couleur de la police dans la même ligne que la taille et le type de police ?

Comme ceci par exemple :

h1 	{  
font: 250% Trebuchet MS, Helvetica, Sans-Serif [b]navy[/b];
}

Modifié le 13 Nov 2004 - 00:07
Administrateur
Manu a écrit :
Je profite du topic pour poser une question Smiley langue
Est-ce possible de mettre la valeur de la couleur de la police dans la même ligne que la taille et le type de police ?

Comme ceci par exemple :

h1 	{  
font: 250% Trebuchet MS, Helvetica, Sans-Serif [b]navy[/b];
}

Non, puisque "font" ne rassemble que les propriétés commençant par "font-..." ('font-style', 'font-variant', 'font-weight', 'font-size', et 'font-family' ... exception : 'line-height')
Ok merci pour l'info !

D'ailleurs après coup je me suis dis que si vous n'aviez pas ajouter la valeur de la couleur dans l'exemple au-dessus c'est que ce n'était pas faisable Smiley smile
Administrateur
Manu a écrit :

D'ailleurs après coup je me suis dis que si vous n'aviez pas ajouter la valeur de la couleur dans l'exemple au-dessus c'est que ce n'était pas faisable

Hey, merci de me tutoyer (sauf contre-indication religieuse) : je ne suis pas encore grabataire ! Smiley biggrin
Raphael a écrit :
Ou encore :


h1 	{  
[b]font: 250% Trebuchet MS, Helvetica, Sans-Serif;[/b]
color: navy;
text-align: left;
margin-left: 10px;
background-color: white;
height: 40px;
[b]border: 1px solid olive;
border-width: 0 0 1px 1px;[/b]
}



Mais la je veux pas que ca fasse un rectangle mais juste un demi-rectangle... vous voyez?
Administrateur
Osiris1426 a écrit :



Mais la je veux pas que ca fasse un rectangle mais juste un demi-rectangle... vous voyez?


Oui et c'est pas bon ? j'ai une bordure en bas et à gauche, ce qui me fait un demi rectangle.

Que veux-tu exactement si ce n'est pas ça ?
Osiris1426 a écrit :

Mais la je veux pas que ca fasse un rectangle mais juste un demi-rectangle... vous voyez?

Comme çà ?
border-bottom: 1px solid olive;
border-left: 1px solid olive;
Administrateur
@Igor :

J'ai un compas dans les yeux ou j'obtiens exactement la même chose avec mon code ??? Smiley fou 

border: solid olive;
border-width: 0 0 1px 1px;
Raphael a écrit :
@Igor :

J'ai un compas dans les yeux ou j'obtiens exactement la même chose avec mon code ??? Smiley fou 

border: solid olive;
border-width: 0 0 1px 1px;


Bah oui que çà fonctionne également.
A titre personnel la formulation border puis border-xxxx me conviens moins. Le wysywig de mon cerveau ne me montre pas immédiatement les bordures
Smiley cligne
C'est une question d'habitude.
Administrateur
Osiris1426 a écrit :

Ptetre qu'avec ca ca marchera sur FireFox...

Oui.
PS : je t'ai expliqué plus haut pourquoi ça ne marchait pas Smiley cligne
Sujet clos
Aller à