Autor Zpráva
tanderzz
Profil *
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 */
}
díky za každou odpověd :)
panther
Profil
tanderzz:
v jakém prohlížeči (ve firefoxu/chromiu nikam neskáče)?
tanderzz
Profil *
v chromu .. :)


to je divný, mě to přeskakuje ... :/
panther
Profil
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 *
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
<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>
Uprav na
<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 *
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
tanderzz:
Vyzkoušej a uvidíš.
tanderzz
Profil *
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 ... :/

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: