[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

[everth]

Nie mam tej wersji - ale co do poprzedniego postu to przeczytaj co napisałem o CSS visibility:hidden - prawdopodobnie to ci bruździ, a w źródle tego nie zmieniłeś

[gigzorr]

Nie mam tej wersji - ale co do poprzedniego postu to przeczytaj co napisałem o CSS visibility:hidden - prawdopodobnie to ci bruździ, a w źródle tego nie zmieniłeś

Zmienialem , bez tego jest jeszcze gorzej ;p

jak jest tak :

[HTML] pobierz, plaintext 
#jsddm li ul {margin: 0;
	      padding: 0;
              position: absolute;
	      visibility: hidden;
}
[HTML] pobierz, plaintext 

to jest ok , ale na ff3.6.8 jest za bardzo w prawo wysuniete.

jak jest float: left; zamiast absolute, to jest na ff 3.6.8 ok , ale nie idzie sie nawet zalogowac bo samo sie otwiera jak najade pod.

ok usunalem to visibility , troche jest nie tak , ale juz niech bedzie tak (IMG:style_emoticons/default/snitch.gif)

arg bez tego to sie same menu otwiera , bez sens ;x

/edit , dobra udalo sie masz pomogl , za nakierowanie mnie.

Ten post edytował gigzorr 26.07.2010, 14:53:51