28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai une question. J'ai un entete de Site WEB, dans laquelle il contient le LOGO du site Internet. Le logo est de 1000 pixels de large par 300 pixels de haut. J'ai déclaré dans le fichier CSS la largeur et la hauteur égale à l'image, et j'ai inclus comme background image le logo du site Internet.

Dans ce #header, aligner verticalement en bas, j'aimerais faire afficher un menu.
Il y a 8 items dans celui-ci. Afin que vous compreniez mieux, c'est comme un tableau d'une seule rangée avec 8 cellules, avec chacune une image de fond et de l'écriture dans la cellule. Le tout doit s'afficher une à coté de l'autre.

Merci de m'éclaircir dans ma demande.
Salut,

Peut être en utilisant une liste auquel tu appliques un display : block; et un float : left;. Si l'image de fond de chaque "cellule" doit être différente, attribuer un "id" différent sur chaque "<li>" ..
Bonsoir,

qu'est-ce qui te pose problème dans cette énoncée ?
Sur quoi bloques-tu ?
bonjour,

le logo reflete le nom de ton site ou quelque chose d'important,il vaut mieux le garder comme contenue (image + alt="signification du logo").

Pour placé ton menu le positionement relatif/absolue te seras utile:

architecture basique:

<div id="header">
<img src="logo.jpg alt="le bologo" />
<ul>
<li><a href="#">lien</a></li>
<!--  et les autre li a -->
</ul>
</div>


CSS basique

#header {
width:  = largeur  image;
height: = hauteur image;
position:relative;
}
#header ul {
position:absolue;
bottom:0;
left:0;
}
#header li {float:left; /* ou autre technique */}


GC
Merci,

J'ai résolu mon problème.

Si jamais j'ai d'autres questions, je reviens vous voir, vous avez été rapide à répondre.

Sylvain