[CSS]menu rozwijane,punkty za bardzo wysuniete w prawo. Opcje

[gigzorr]

witam.pokaze to na ssie:
(IMG:http://img130.imageshack.us/img130/7950/hhhobi.jpg)

jak sami widzicie , za bardzo wysuniete jest w prawo.probowalem to usunac marginesem , ale za to na innych przegladarkach jest zle np. na chrome to wyglada ok bez niczego , a na firefoxie jest tak wysuniete.

kod css :

[HTML] pobierz, plaintext 
#jsddm
{	margin: 0;        
	padding: 0}
 
	#jsddm li
	{	float: left;
		list-style: none;
		font: 11px Arial, Arial}
 
	#jsddm li a
	{	display: block;		
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 120px;
                z-index: 1;
		color: #EAFFED;
		white-space: nowrap}
 
	#jsddm li a:hover
	{	background: #24313C;                
 
 
        }
 
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			}
 
			#jsddm li ul li
			{	float: none;
				display: inline}
 
			#jsddm li ul li a
			{	width: auto;
                                font-size: 12px;
				background: #A9C251;
				color: #24313C}
 
			#jsddm li ul li a:hover
			{	background: #8EA344}
 
[HTML] pobierz, plaintext 

Wiem , że jest burdel jak cholera ale jeszcze nie mialem czasu tego usegregowac, pierw chce to poprawic.
Ten kawalek jest za to odpowiedzialny:

[HTML] pobierz, plaintext 
#jsddm li ul li a
			{	width: auto;
                                font-size: 12px;
				background: #A9C251;
				color: #24313C}
[HTML] pobierz, plaintext 

Tzn. ja tak uwazam , bo jak dalem margines to szlo w lewo.
Tu jeszcze przyklad html:

[CSS] pobierz, plaintext 
ul id="jsddm">
	<li><a href="#" style="font-size:12px;">a</a></li>
	<li><a href="#" style="font-size:12px;">b</a>
		<ul>
			<li><a href="wyslij-zaproszenie">e</a></li>
			<li><a href="znajdz-gracza">f</a></li>
			<li><a href="lista-uzytownikow">g</a></li>
		</ul>
	</li>
[CSS] pobierz, plaintext 

Ten post edytował gigzorr 25.07.2010, 21:03:43

[gigzorr]

Teraz kod wyglada tak :

[HTML] pobierz, plaintext 
#jsddm {margin: 0;
        padding: 0;
}
 
#jsddm li {float: left;
	   list-style: none;
	   font: 11px Arial, Arial;
}
 
#jsddm li a {display: block;
	     padding: 5px 12px;
	     text-decoration: none;
	     border-right: 1px solid white;
	     width: 120px;
             z-index: 1;
	     color: #EAFFED;
	     white-space: nowrap;
}
 
#jsddm li a:hover {background: #24313C;
}
 
#jsddm li ul {margin: 0;
	      padding: 0;
              float: left;
	      visibility: hidden;
}
 
#jsddm li ul li	{float: none;
		 display: block;
                 margin: auto;                 
 
 
}
 
#jsddm li ul li a {width: 120px;
                   font-size: 12px;                  
		   background: black;
		   color: #CC6633;                   
}
 
#jsddm li ul li a:hover {background: #FFFF99;
                         margin: auto;                        
}
[HTML] pobierz, plaintext 

Tyle , ze tak jak mowilem , najade pod menu to sie otwiera , tutaj mozna zobaczyc efekt.
Czyli nawet nie mozna sie zalogowac.

Ten post edytował gigzorr 26.07.2010, 13:40:59