28173 sujets

CSS et mise en forme, CSS3

Mise en place du menu

bonjour a tous je suis debutant dans le xhtml et css et je susi en trai nde codé mon site et j'aurai une petite question

je n'arrive pas a placé mon menu comme sur mon design (livre d'or a coté de acceuil, biographie a coter de partenaire ect...)

http://www.debarros-karateclub.fr/flo/acceuil%20copie.jpg

comment je doit procédé merci

voici mon code xhtml :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Bienvenue sur mon Portfolio !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" />
   </head>
   <body>
    <div id="menu">
		    <ul>
		        <li><a href="page4.html">lien4</li>
				<li><a href="page5.html">lien5</li>
				<li><a href="page6.html">lien6</li>
			    <li><a href="page1.html">lien1</li>
				<li><a href="page2.html">lien2</li>
				<li><a href="page3.html">lien3</li>
			</ul>
    </div>			
	<div id="header">
	    <div class="logo">
		
		</div>
		<div class="web">
		
		</div>
		<div class="dessin">
		
		</div>
		<div class="flyer">
		
		</div>
		<div class="autre">
		
		</div>
	   </div>
	   
	<div id="footer">
	    <p>Copyright © 2007 Florian CERDA. Tous droits réservés</p>
	</div>
       
   </body>
</html>


et voici le css :
body
{
width: 776px;
height: 382px;
margin: auto;
background-color: #262626;
color
}
/* mon menu 1*/
#menu
{
width: 186px;
height: 119px;
position: absolute;
left: 97px;
top: 22px;
font-family: MoolBoran, Calibri;
font-size: 24px;
}
#menu a
{
text-decoration: none;
color: #7f8080;
font-style: bold;
}

#menu a:hover
{
color: #4bcee6;
}

#menu ul
{
list-style-image: url("images/plus.png");
}
apres quelque modif j'obtiens sa

http://images3.hiboox.com/vignettes/5207/os4yx9vf.jpg

voici mes modif si vous avez une solution pour moi Smiley smile 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Bienvenue sur mon Portfolio !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" />
   </head>
   <body>
	<div id="menu">
		<div class="menu_gauche">
			<ul>
				<li><a href="page1.html">lien1</li>
				<li><a href="page2.html">lien2</li>
				<li><a href="page3.html">lien3</li>
			</ul>
		<div class="menu_droite">
			<ul>
				<li><a href="page1.html">lien4</li>
				<li><a href="page2.html">lien5</li>
				<li><a href="page3.html">lien6</li>
			</ul>
		</div>
		</div>
	</div>			
	<div id="header">
	    <div class="logo">
		</div>

		<div class="web">
		</div>

		<div class="dessin">
		</div>

		<div class="flyer">
		</div>

		<div class="autre">
		</div>
	</div>
	   
	<div id="footer">
	    <p>Copyright © 2007 Florian CERDA. Tous droits réservés</p>
	</div>
       
   </body>
</html>


css :
body
{
width: 776px;
height: 382px;
margin: auto;
background-color: #262626;
color
}
/* mon menu 1*/
#menu
{
width: 186px;
height: 119px;
position: absolute;
left: 97px;
top: 22px;
font-family: MoolBoran, Calibri;
font-size: 24px;
}

#menu a
{
text-decoration: none;
color: #7f8080;
font-style: bold;
}

#menu a:hover
{
color: #4bcee6;
}

#menu ul
{
list-style-image: url("images/plus.png");
}

.menu_gauche
{
position: absolute;
left: 97px;
top: 22px;
}

.menu_droite
{
position: absolute;
left: 200px;
top: 22px;
}
Sujet clos
Aller à