28172 sujets

CSS et mise en forme, CSS3

Menu horizontal fixe

Bonjour, je vous écris car j'ai un problème avec mon site en css.
Je n'arrive pas à créer un menu fixe (en effet, il ne cesse de se déplacer malgré mes absolute, fixed et j'en passe)

Je vous donne le code d'une page simple, le css ainsi qu'une image, alors qi quelqu'un à la solution car je ne sais plus quoi faire.

Merci d'avance


<HTML>
<HEAD>
<TITLE> french wine riviera supply customs</TITLE>
</HEAD>

<script src="../../script.js" type="text/javascript" charset="iso-8859-1"></script>


<link rel="stylesheet" type="text/css" href="../../style.css" charset="iso-8859-1" />


<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<h2 id="cuisine"></h2>


</div>

<div class="drapeaux">

<A HREF="welcome.html" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_30','../images/drapeaufrance02.jpg','../images/drapeaufrance02.jpg',1);"><img name="navi_30" src="../images/drapeaufrance01.jpg" border="0"></A>

<A HREF="company.html" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_31','../images/drapeauangleterre02.jpg','../images/drapeauangleterre02.jpg',1);"><img name="navi_31" src="../images/drapeauangleterre01.jpg" border="0"></A>

</div>

<div class="navigateur">

<A HREF="../welcome/index.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_01','../images/welcome02.jpg','../images/welcome02.jpg',1);"><img name="navi_01" src="../images/welcome01.jpg" border="0"></A>

<A HREF="../company/index.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_02','../images/company02.jpg','../images/company02.jpg',1);"><img name="navi_02" src="../images/company01.jpg" border="0"></A>

<A HREF="../wine/index.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_03','../images/wine02.jpg','../images/wine02.jpg',1);"><img name="navi_03" src="../images/wine01.jpg" border="0"></A>

<A HREF="../quality/index.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_04','../images/quality02.jpg','../images/quality02.jpg',1);"><img name="navi_04" src="../images/quality01.jpg" border="0"></A>

<A HREF="../supply/index.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_05','../images/supply02.jpg','../images/supply02.jpg',1);"><img name="navi_05" src="../images/supply01.jpg" border="0"></A>

<A HREF="../products/index.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_06','../images/products02.jpg','../images/products02.jpg',1);"><img name="navi_06" src="../images/products01.jpg" border="0"></A>

<A HREF="../contacts/index.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_07','../images/contact02.jpg','../images/contact02.jpg',1);"><img name="navi_07" src="../images/contact01.jpg" border="0"></A>



</div>

<div class="barregauche">


<img src="images/menutitresupply.jpg" border="0"></A><br>

<A HREF="supply.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_08','images/menu01b.jpg','images/menu01b.jpg',1);"><img name="navi_08" src="images/menu01.jpg" border="0"></A><br>

<A HREF="documentation.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_09','images/menu02b.jpg','images/menu02b.jpg',1);"><img name="navi_09" src="images/menu02.jpg" border="0"></A><br>

<A HREF="pallet.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_10','images/menu03b.jpg','images/menu03b.jpg',1);"><img name="navi_10" src="images/menu03.jpg" border="0"></A><br>

<A HREF="guidelines.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_11','images/menu04b.jpg','images/menu04b.jpg',1);"><img name="navi_11" src="images/menu04.jpg" border="0"></A><br>

<A HREF="main.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','navi_12','images/menu05b.jpg','images/menu05b.jpg',1);"><img name="navi_12"
src="images/menu05.jpg" border="0"></A><br>




</div>

<div class="textaccueil">
<br>
<br><br>
<br>
<p class="images"><img src="images/images01.jpg" border="1px solid black"></p>
<br><br>
<br>
If your goods sit on a dock awaiting customs clearance for a day, your "speed to market" advantage is squandered. And incomplete or wrong customs documentation can cause considerable delays in transportation, reducing supply chain and delivery reliability.
<br>
<br>
To minimize your customs issues, The French Riviera Winery provides :
<br>
<br>
<li>Import and brokerage systems integrated into our global sea and airfreight operations</li><br>
<li>Brokerage services handled in-house by licensed professionals to the extent permitted by law</li><br>
<li>Information system interfaces that are connected to customs authorities, where available</li><br>
<br>
<br>
Our import and brokerage systems are integrated into our forwarding operations around the globe.
Our comprehensive line of customs brokerage services include:

<br>
<br>
<li>Automated customs clearance</li><br>
<li>Classification and valuation expertise</li><br>
<li>Customized management reports</li><br>
<li>Customs underwriting bond</li>

<br>
<br><br>
<br>
<br>
<br>
</div>

</BODY>
</HTML>


********************************** et la css

body
{
font : normal normal normal 13px sans-serif;
color : #625442;

text-align : left;
line-height : normal;
text-indent : inherit;
text-transform : none;
text-decoration : none;
word-spacing : inherit;
letter-spacing : inherit;
background color : #dedada
/*background : transparent url('background color="#dedada"') no-repeat left top;*/
margin : 0px;
padding : 0px;

}


.navigateur
{
text-align : left;
padding-top : 66px;
padding-left : 50px;
}

.navigateur2
{
text-align : left;
padding-top : 66px;
padding-left : 10px;
}


.drapeaux
{

padding-top : 41px;
padding-left : 948px;
}


.barregauche
{
text-align : left;
margin-top : 125px;
padding-bottom : auto;
padding-left : auto;
float : left;
}

.textaccueil
{
/*overflow : auto;*/
text-align : justify;
width : 480px;
margin-top : 30px;
margin-left : 85px;
background-color : transparent;
float : left;
padding-top : 27px

}

.bordure{border:1px solid black}


.tableaugalerie
{
text-align : justify;
width : 480px;
margin-top : 20px;
margin-left : 15px;
background-color : transparent;
float : left;
padding-top : 27px
}


.tableaugalerie2
{
text-align : justify;
width : 480px;
margin-top : 20px;
margin-left : 5px;
background-color : transparent;
float : right;
padding-top : 27px
border : 1px solid black;
}


.titre01
{
font : normal normal bold 20px sans-serif;

text-align : center;
line-height : normal;
text-indent : inherit;
text-transform : none;
text-decoration : none;
word-spacing : inherit;
letter-spacing : inherit;
margin : 0px;
padding : 0px;
}


.titre02
{
font : normal normal bold 20px sans-serif;

text-align : center;
line-height : normal;
text-indent : inherit;
text-transform : none;
text-decoration : none;
word-spacing : inherit;
letter-spacing : inherit;
margin : 0px;
padding : 0px;
}


.barretexte
{
text-align : left;
margin-top : 110px;
padding-bottom : auto;
padding-left : 10px;
float : left;
background color : #746149
border :1px solid black;
}

.texteblue
{
font : italic normal bold 15px sans-serif;
color : blue
}


.texteblanc
{
font : italic normal normal 14px sans-serif;
color : white
}




.textetitre
{
font : italic normal normal 17px sans-serif;
color : blue
}



.textegens
{
font : normal normal bold 14px sans-serif;
}



.images
{
position : relative; /* on positionne le conteneur */
margin-left : auto;
margin-right : auto;

text-align : center;


}

upload/28356-image-exem.jpg 
[code=css]
[/code]
[code]
Modifié par zinkins (28 Mar 2010 - 16:04)
Salut et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

Bonne continuation Smiley smile

upload/1-code.gif
Sujet clos
Aller à