Probleme XHTML

minibill Messages postés 297 Statut Membre -  
minibill Messages postés 297 Statut Membre -
Bonjour,


je me suis lancer dans le XHTML pour but de crée un site mais aprés plusieurs jour de travail je suis tomber sur le design de mon site web .
j'ai reussis a mettre l'en tête mais le menu c'est la galere !
je n'arrive pas a mettre le menu :o

dans mon HTML :

<div id="menu">
test
</div>

dans mon CSS :

#menu
{
float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
background-image: url("menu.jpg");
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px;
}

le menu n'est pas entier je vois le test avec un petit morceau du menu en dessous de la baniere .
j'ai pris tout sa sur le siteduzero.

Merci.

7 réponses

Tifortune Messages postés 4729 Statut Membre 1 254
 
Dans ton menu, je suppose que tu veux y mettre des liens ^^
Comme tu apprend, je vais te laisser faire toi meme le code ;)

Alors ... créé une liste (un petit <ul> ^^)
Puis met des <li> pour chaque lien du site ;)
N'oublie pas de fermer les <li> avec des </li>
Idem pour les <ul> a fermer avec des </ul> ^^
0
noux
 
Salut,

que veux tu dire par "le menu n'est pas entier".
Et si tu ajoute une hauteur (propriété height) pour ton div #menu ?
0
minibill Messages postés 297 Statut Membre 27
 
Bonjour ^^

Merci de m'aider :)

tifortune j'ai essayer et toujours la même chose ...

noux : oui le menu et pas entier sa mais juste un petit bout de l'image assez pour faire le test et c'est tout ... :(

je voudrait que mon menu et a gauche avec mais lien j'ai réussi a marquer dans l'entête comme il faut et dans le pied de page mais le menu refuse de se mettre en entier et sur le coté :@
0
Tifortune Messages postés 4729 Statut Membre 1 254
 
Passe nous tout ton code html et tout ton code css ^^

Car je m'imagine pas trop le problème la ...
0
minibill Messages postés 297 Statut Membre 27
 
voila mon CSS

[code]

#en_tete
{
width: 760px;
height: 100px;
background-image: url("banniere.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}

#menu
{
float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
background-image: url("menu.jpg");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px;
}


#pied_de_page
{
padding: 5px;
clear: both;

text-align: center;

color: #B3B3B3;
background-color: #626262;
background-image: url("banniere.jpg");
background-repeat: repeat-x;

border: 2px solid black;
}

[/code]

html (juste pour le menu)

[code]

<div id="menu">
site
forum
crédit
</div>

[/code]

oui je c'est les mot sont pas cliquable j'ai fait exprès (je c'est comment faire j'vous jure :p)
0
Tifortune Messages postés 4729 Statut Membre 1 254
 
Alors ... essaye sa :

<div id="menu">
<ul>
<li><p>site</p></li>
<li><p>forum</p></li>
<li><p>crédit</p></li>
</ul>
</div>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
minibill Messages postés 297 Statut Membre 27
 
Merci ^^

mais j'ai les lien en bleu (normal ^^) mais j'ai toujours pas mon menu sur le coté gauche ... toujours en dessous de la bannière ... un screen vaut mieux que des mots :p

http://img11.hostingpics.net/pics/347806menu.jpg

oui c'est bien une tête de navi ^^ je savait pas quoi mettre alors ...
0
Tifortune Messages postés 4729 Statut Membre 1 254
 
Sa y est, j'ai compris ^^

met un margin-left a ton header ^^
0
minibill Messages postés 297 Statut Membre 27
 
j'ai tout compris !

depuis le début c'était bon (enfin presque) le seul problème c'est que en fenêtre petite il et ok sur le coté alors que mon image et 100 fois tros grande ... (j'ai pris un HD :) ) comment régler le problème ?
0
Tifortune Messages postés 4729 Statut Membre 1 254
 
Diminu la taille de l'image xD

Tu peux utiliser gimp ou photofiltre pour le faire ;)
0
minibill Messages postés 297 Statut Membre 27
 
Désoler du retard mais avec la rentré etc ^^

oui j'ai fait sa et résultat ...

sa marche :)

j'avait mis une image HD :p


je te remercie de ton aide ^^
0