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.
Participez
 Encadrement naturel d'un bloc de contenu avec Fieldset  
Raphaël Jonard , Ransart
Encadrement naturel d un bloc de contenu avec Fieldset
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

Nathl
Par exemple pour des messages (d'erreur ou autre) je trouve le fieldset plus agréable qu'une fenêtre pop-up (pop-up: pas accessible, de surcroît... )
Contribution précédente Contribution suivante
13 contributions : 1 2 3 4 5 6 7 8 9 10 11 12 13
 




 

© Benchmark Group, 69-71 avenue Pierre Grenier 92517 BOULOGNE BILLANCOURT Cedex

RECHERCHER