Barre avec CSS

Barre avec CSS - HTML/CSS - Programmation

Marsh Posté le 11-01-2008 à 21:25:34    

Bonjour à tous,
 
Suis complètement débutant, alors j'espère que vous aurez la gentillesse de me filer un coup de pouce.
 
Voici ma 1ère question (d'autres s'ensuivront au fur et à mesure que les jours passeront) :
 
Je travaille sous note pad ++, et je souhaite insérer une barre décorative bleue entre ma bannière et le corps de ma page, une barre de séparation qui fait un peu style quoi ...
 
Dois-je utiliser un tableau ? dois-utiliser une image ? peut-on faire ce genre de chose avec le css uniquement ?
 
Merci d'avance pour vos lumières, et j'espère que ma question sera comprise ;-).
 
A +

Reply

Marsh Posté le 11-01-2008 à 21:25:34   

Reply

Marsh Posté le 11-01-2008 à 22:34:19    

Salut ;)
 
Oui tu peux faire ca avec un table, une image ou des div (+css).. Maintenant faux que tu choisisse :d
 
je t'aide :
 
les tableaux, tu dois les utiliser pour des données tabulaires.. genre des statistiques,  le récapitualif d'une liste de client etc.. ca OK
 
Pour de la pure mise en page, tu dois proscrire les tableaux .. déja car c'est super laid (le code est deguelasse et inmaintenable), c'est pas fait pour et ya beaucoup plus simple !
 
Tu vas donc utiliser des divs, du css et surement des images..
 
en gros entre ta baniere et ton site tu rajoute ca :
 
<!-- banniere -->
<div id="header_separator"> blablabla bienvenue sur mon site, c'est trop cool</div>
<!-- contenu du site -->
 
et dans ta feuille de style (style.css) tu vas ecrire :
#header_separator{
   width:800px; /* ou width:100% je sais pas moi  */
height:20px; /* la hauteur de l'image qui va représenter ton bloc*/
background:url("/img/mon_image.jpg" ) no-repeat top left;
}
 
Et voila! Pour le principe c'est ca... Apres tu vas surement vouloir placer des elements dans ce bloc, etc.. bha la je te laisse de la lecture pour apprendre le xhtml + css :  
 
openweb.eu.org
alsacreations.com
siteduzero.com


Message édité par bixibu le 11-01-2008 à 22:35:41
Reply

Marsh Posté le 11-01-2008 à 22:56:42    

Pour faire un trait de separation il existe l'element hr plutot que d'utiliser un bete div.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed