Need help with Glossy Horizontal Menu

**dreamfinder** · 07-05-2009, 08:06 AM

Hy to all,

So this is my website today ...lol more a website training waiting it to be done .

URL edited by admin. Sorry, no adult links allowed. Just post the source code

Don't worry you can go for it there is no adult content yet so just click yes and you will see my problem .

My problem is with the glossy horizontal menu, it doesn't show on the website as it should ( you could have guest it by looking into the link above ) .

This the html code i use :

Code:

<div id="en_tete"></div>

<ul class="glossymenu">
  <li><a href="home.html" class="current">Home</a></li>
  <li><a href="oursexshop.html">Our Sexshop</a></li>
  <li><a href="ourdatingwebsite.html">Our Dating area</a></li>
  <li><a href="thebestsexshoponline.html">The Top 5
Sexshop online</a></li>
  <li><a href="thebestwebcamshow.html">The Top 5
Sex Webcam host online </a></li>
  <li><a href="thebestdating.html">The Top 5 Dating
websites</a></li>
  <li><a href="aboutus.html">About Us</a></li>
</ul>
<br style="clear: left;">

<div id="corps">

And this is my css code :

Code:

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url("menur_bg.gif") repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:white;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url("menur_hover_left.gif") no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url("menur_hover_right.gif") no-repeat right top; /*right tab image path*/
}

What is wrong and how do i fix it ???

By the way i would like my website to be able to " auto format " ( i dont know the rigth term ) to any screen reso ...possible ??

and how if you were kind enough to answer me .

Thank you very much in advance as for me it's like visiting the moon to create a website ..just great .