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

[gigzorr]

witam.pokaze to na ssie:


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