Autor Zpráva
Z3NTIVA
Profil
Zdravím, mám takový problém zde : www.hoscer.cz
Už se to tu jednou řešilo, ale ja jsem pořád bezradný... homepage už mám skoro hotovou ( viz. ), jediné co dělá problém je menu, za prvé to vysunuté popojíždí, při oddálení a přiblížení... Nikdy neni přímo pod nadřazeným elementem, vždy o několik px vedle, a navíc, jak říkám, když chci najet na vysunutou část, zase zmizí. Nevíte někdo prosím co s tím ? Díky moc
joe
Profil
Menu mizí, protože než na něj stihneš najet, najedeš na element s id="slideshow", podívej se ve firebugu, kam až zasahuje a proč zasahuje do menu.

A pro ul.vyjed by bylo lepší, kdybys využil procenta a ne pixely pro pozici, takto to sedí:

display: none;
position: absolute;
left: 0;
top: 100%;
width: 100px;
height: 50px;
margin-top: -13px;
Z3NTIVA
Profil
Díky, tak vzjíždění jsem už opravil tím, že jsem zrušil zaporny margin, který posouval sldieshow nahoru... radši budu mít slideshow o 20 px níže, než aby nefungovalo menu :)
Nastal ale další problém, u vyjetého menu nefunguje hover ( color: black )
Navíc stále přetrvává problém s tím, že to vyjeté nesedí přimo pod nadřazeným elementem. to mě v tuto chvíli štve nejvíc...

viz. : www.hoscer.cz
joe
Profil
Pro #slideshow nastav margin-top: 10px; (nebo libovolně jiný) a pak u #slideshow img odstraň tu pozici top: 30px;

Aby submenu sedlo přesně pod položkou hlavního menu, udělej to, co jsem psal [#2] joe v kódu u ul#menu ul.vyjed
Z3NTIVA
Profil
Tak slideshow je vyřešen, díky.
Co se týče pozice menu, je to trošku lepší, ale pořád to trochu skáče, kor při větším oddálení :(
Navíc, mám ještě takový problém, že mi nefunguje hover na lack u vyjetých položek... nevíš čím to může být ? Díky fakt moc :)
Z3NTIVA
Profil
Tak sjem zjisil, že hover třeba v mozile funguje, v chrom ne, u ostatních prohlížečů nevím... Čím to může být ? netuší někdo ? Díky
peta
Profil
Posunuti menu je krasne videt pridanim:
 ul#menu {border:1px solid #f00;} 

Hover mi funguje pridanim:
ul#menu .vyjed a {color:#f00;}
ul#menu .vyjed a:hover {color:#0f0;}

Hover v cele sirce i vysce mi tez funguje pridanim:
ul#menu
{border:1px solid #f00;}
ul#menu ul.vyjed
{display:block; width:100%;
border:1px solid #f00 !important;
padding:0;
}
ul#menu ul.vyjed li
{display:block; width:100%;}
ul#menu ul.vyjed a
{
color:#f00;
display:block; padding:6px 0; width:100%;
border:1px solid #fff;
margin:0;
}
ul#menu .vyjed a:hover
{color:#0f0;}
Je mozne, ze ale IE6 nemusi uznavat padding pro A, ikdyz jsem ho pretypoval na display:block; S paddingem zleva bude asi dost problem, pokud neznas presnou sirku, protoze pro ul, li i a potrebujes sirku nastavit, jinak maji puvodni z inline displeje. Spis bych zkusil text-indent.

ul#menu li:hover 
V IE6 to funguje jen pomoci javascriptu. Ale dnesni prohlizece umi hover i na LI. nevim, co chrome.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: