Journal du Net > Développeurs > Contributions > Votre astuce CSS ?
Contribution précédente Contribution suivante

APPEL
A CONTRIBUTION

Vous manipulez le langage CSS au quotidien pour concevoir des pages Web ? Vous avez certainement une astuce à partager ! Cet espace est pour vous.
Dossier Rubrique Client Web
Participez

 Encadrement naturel d'un bloc de contenu avec Fieldset  

Raphaël Jonard , Ransart
Encadrement naturel d'un bloc de contenu avec Fieldset - - Votre astuce CSS ?
Photo déposée par Raphaël Jonard

Quel est en 3 lignes l'objectif de votre astuce ?

L'imbrication d'un fieldset autour d'un bloc de contenu permet de donner un look novateur à votre site mais surtout de mettre en évidence une partie prédéfinie.

Décrivez votre astuce en détail. N'hésitez-pas à inclure des portions de codes.

Dans votre code html

Ici un titre, une img, un logo


Ici votre , un , un , un ou même un simple bloc de texte, ...
Les propriétés du peuvent êtres manipulées à souhait via votre css (double bordure, couleur, ...)





Dans votre CSS (! pas de '.' devant le nom de votre classe)
fieldset {
border: 1px solid #AAAAAA;
margin: 1em 0.5em 1em 0em;
padding: 0em 0em 1em 0.5em;
font-size:12px;
color:black;
font-family:arial;
font-weight:bold;
line-height: 1.3em;
width: 340px;
}

legend {
background: transparent;
padding: 0.5em;
font-size:12px;
color:red;
font-family:verdana;
font-size: 13px;
font-weight:bolder
}

Publié le 25 juillet 2007

Contribution précédente Contribution suivante
20 contributions : 1 ... 8 9 10 11 12 13 14 15 16 17 18 19 20
 




 

RECHERCHE