i create a top menu with images but small bug

Author Message
Crysy
Posted: 10/24/2009
Quote message 

Hi all,
i have create a top menu with différent image image :
CSS : 
/* menu Images */

.menu_image

{

	float: right; 

	margin: 0px;

	border: 0px;

	padding-top: 0px

        height: 0px;

	width: 986px;

        text-decoration: none;

}



/* end Header */





.menu_btn_1 a {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn1-1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:151px;

	height:45px;

	padding-top:0px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-align:center;

	text-decoration: none;

}



.menu_btn_1 a:hover {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

	color: #ffffff;

	background-image: url(../images/btn1-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;	

}



.menu_btn_1 active {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn1-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;		

}



.menu_btn_2 a {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn2-1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;		

}



.menu_btn_2 a:hover {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

	color: #ffffff;

	background-image: url(../images/btn2-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;	

}



.menu_btn_2 active {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn2-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;		

}





.menu_btn_3 a {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn3-1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;		

}



.menu_btn_3 a:hover {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

	color: #ffffff;

	background-image: url(../images/btn3-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;	

}



.menu_btn_3 active {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn3-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;		

}



.menu_btn_4 a {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn4-1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;		

}



.menu_btn_4 a:hover {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

	color: #ffffff;

	background-image: url(../images/btn4-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;	

}



.menu_btn_4 active {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn4-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;		

}



.menu_btn_5 a {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn5-1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;		

}



.menu_btn_5 a:hover {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

	color: #ffffff;

	background-image: url(../images/btn5-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;	

}



.menu_btn_5 active {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn5-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;		

}



.menu_btn_6 a {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn6-1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;		

}



.menu_btn_6 a:hover {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

	color: #ffffff;

	background-image: url(../images/btn6-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;	

}



.menu_btn_6 active {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	font-weight:bold;

	background-image: url(../images/btn6-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float:left;

	width:150px;

	height:45px;

	padding-top:0px;

	text-align:center;

	text-decoration: none;		

}


HTML : 
<div class="menu-image">



     <div class="menu_btn_1"><a href="../index.php/mission.html" ><div style="margin-top:13px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ENTREPRISE</div>

     </a></div>

     

     <div class="menu_btn_2"><a href="../index.php/conseil-architecture.html">

      <div style="margin-top:8px;">

      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CONSEIL<br />

      &nbsp;&nbsp;&nbsp;&nbsp;ARCHITECTURE </div>

     </a></div>



     <div class="menu_btn_3"><a href="../index.php/ingenieurie-mise-en-oeuvre.html">

     <div style="margin-top:8px;">

      &nbsp;&nbsp;&nbsp;&nbsp;ING&Eacute;NIERIE<br />

      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MISE EN OEUVRE </div></a>

     </div>



     <div class="menu_btn_4"><a href="../index.php/service-desk.html">

     <div style="margin-top:13px;">

      &nbsp;&nbsp;&nbsp;&nbsp;SERVICE DESK </div>

     </a></div>



     <div class="menu_btn_5"><a href="../index.php/actualites.html">

     <div style="margin-top:13px;">

      &nbsp;&nbsp;&nbsp;&nbsp;ACTUALIT&Eacute; </div>

     </a></div>



     <div class="menu_btn_6"><a href="../index.php/emploi.html">

     <div style="margin-top:13px;">

      &nbsp;&nbsp;EMPLOI </div>

     </a> </div>

</div>


hi have a little bug, i show a texte-decoration underline but i don't want it ...? Can you see if i do an error in my code ?
Thank you for your feed back.

Crysy
 
Garry
Posted: 10/24/2009
Quote message 

Try inserting text decoration none
 

Reply


NAME *
EMAIL
SMILIES :-) :( :-D 8-) :*) :-/ :-{} :-X :-O :-@ O:) :-P :-< :-( :-| ;-) 
CODES [Quote] [B] [I] [U] [Code] [IMG] 
BODY *  
VALIDATION *