Autor | Zpráva | ||
---|---|---|---|
tanderzz Profil * |
#1 · Zasláno: 28. 5. 2012, 17:38:10
zdraví, mám tu takovou nevšední záležitost ... když obnovím stránku tak se menu zobrazí na svém místě a hned poté mizí dolu ... kousek je vidět, ale jenom malý ... ukázka zde: www.sleveo.cz (je to nahoře vpravo) kod zde:
.spotlightmenu{ float:right; width: 100%; overflow:hidden; } .spotlightmenu ul{ margin: 0; padding: 0; font: bold 14px Verdana; /* font style and size */ list-style-type: none; text-align: right; /* "left", "center", or "right" align menu */ } .spotlightmenu li{ display: inline-block; position:relative; padding: 5px; margin: 0; margin-right: 5px; /* right margin between menu items */ } .spotlightmenu li a{ display:inline-block; padding: 5px; min-width:50px; /* horizontal diameter of spotlight */ height: 50px; /* vertical diameter of spotlight */ text-decoration: none; color: black; margin: 0 auto; overflow:hidden; -moz-transition: all 0.5s ease-in-out; /* CSS3 transition to animate all A properties */ -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .spotlightmenu li:hover a{ color: white; background: #a71b15; /* background color of spotlight */ -webkit-border-radius: 50%; /* large radius to create circular borders */ -moz-border-radius: 50%; border-radius: 50%; } .spotlightmenu li a span{ position:relative; top:35%; /* move text down so it appears centered within menu item */ } |
||
panther Profil |
tanderzz:
v jakém prohlížeči (ve firefoxu/chromiu nikam neskáče)? |
||
tanderzz Profil * |
#3 · Zasláno: 28. 5. 2012, 17:43:49 · Upravil/a: tanderzz
v chromu .. :)
to je divný, mě to přeskakuje ... :/ |
||
panther Profil |
#4 · Zasláno: 28. 5. 2012, 17:50:08
tanderzz:
tak koukám, že jsem ho vůbec neviděl - neskáče nikam, ale je skryté - myslíš to menu s položkami naprosto nesouvisejícími, jako jsou „Home“, „DHTML“, ..., že? .top má výšku a overfow: hidden , proto jsem ho neviděl (overflow vyhoď). Nic mi neposkakuje, takže se mi možnou příčinu dále hledat nechce. Třeba bude mít někdo více štěstí a uvidí problém.
|
||
tanderzz Profil * |
#5 · Zasláno: 28. 5. 2012, 17:51:42 · Upravil/a: tanderzz
sice pořád stejné, ale jinak díky za odpověd :))
tak změna, vyhodil jsem to a pomohlo (už je aspon vidět :D), ale ted ho musím nějak zarovnat do prava na úroven toho loga :) ted už to jen potřebuju nacpat na stejnou úroven jako je to logo .. :) prosím o pomoc, díky :) |
||
Someone Profil |
#6 · Zasláno: 28. 5. 2012, 20:22:35
<div class="top"><a href="../"><img src="../images/logo.png" /></a> <div class="spotlightmenu"> <ul> <li><a href="http://www.dynamicdrive.com"><span>Uvod</span></a></li> <li><a href="http://www.dynamicdrive.com/new.htm"><span>DHTML</span></a></li> <li><a href="http://www.cssdrive.com"><span>CSS</span></a></li> <li><a href="http://www.codingforums.com"><span>Forums</span></a></li> <li><a href="http://www.javascriptkit.com"><span>JavaScript</span></a></li> </ul> </div> </div> <div class="top"> <div class="spotlightmenu"> <a href="../"><img src="../images/logo.png" /></a> <ul> <li><a href="http://www.dynamicdrive.com"><span>Uvod</span></a></li> <li><a href="http://www.dynamicdrive.com/new.htm"><span>DHTML</span></a></li> <li><a href="http://www.cssdrive.com"><span>CSS</span></a></li> <li><a href="http://www.codingforums.com"><span>Forums</span></a></li> <li><a href="http://www.javascriptkit.com"><span>JavaScript</span></a></li> </ul> </div> </div> |
||
tanderzz Profil * |
#7 · Zasláno: 28. 5. 2012, 20:32:58
ahoj , díky moc !!!!!! :)
už to běží jak má jinak ještě posunout dolu mužu přes top: 40px ? tedy, je to správná cesta ? díky tanderzz :)
|
||
Someone Profil |
#8 · Zasláno: 28. 5. 2012, 20:35:40
tanderzz:
Vyzkoušej a uvidíš. |
||
tanderzz Profil * |
#9 · Zasláno: 28. 5. 2012, 20:36:26 · Upravil/a: tanderzz
no moc mi to nevyšlo :D
a když dám padding tak se mi to rozsype.... :/ Someone: porad prosim, sem zase uplně neznápadovej ... :/ |
||
Časová prodleva: 12 let
|
0