Autor Zpráva
Pepik
Profil *
Zdravím,
měl bych dotaz nevíte někdo o nějakých hotových kódech pro vertikální hover menu? Díval jsem se na stránkách http://css.interval.cz/, ale zde jich moc není většinou se jedná o horizontální. Jediné co by se asi dalo použít je což by bylo dobré, že bude fungovat i při vypnutém scriptu případně.Ale přeci jen bych rád jestli ještě někdo o něčem neví. Děkuji moc
Miky
Profil *
Měl bych dotaz také a to jaké by jste dali menu na tyto stránky. Přemýšlím o Hover menu 1 které je výše a nebo menu2 či menu3
Nevím asi by nebylo špatný to první kdyby se ta nabídka doplnila o nějakou výšku. Jen nevim jak pak v tom boxu vycentrovat to na střed té výšky. A taky je otázky když bych zvětšil šířku menu na 100%, kterých mi ohraničuje layout, tak abych i tu část rozevírajícího menu měl stejnou, jako má ta šířka základního sloupce.
Dik moc za názor a radu
Bubák
Profil
kdyby se ta nabídka doplnila o nějakou výšku
Pokud chceš jen zvětšit výšku, tak přidej pro ul#hlavniMenu a padding, třeba takto:
padding: 20px 0;

Pokud chceš pevnou výšku, tak ji pro ul#hlavniMenu a deklaruj a deklaruj také line-height o stejné hodnotě, to je takový malý trik.
Miky
Profil *
body
{
background-color:#dddddd;
}

ul#hlavniMenu
{
width:100%;
background-color:white;
}

ul#hlavniMenu, ul
{
padding:0;
margin:0;
list-style-type:none;
}

ul#hlavniMenu ul
{
position:absolute;
top:0;
left:100%;
visibility:hidden;
background-color:white;
}

ul#hlavniMenu li
{
position:relative;
width:100%;
height: 50px;
}

ul#hlavniMenu a
{
color:black;
display:block;
font:12px arial,sans-serif;
text-align: center;
text-decoration:none;
display:block;
width:152px;
height: 50px;
}

ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a
{
background-color:black;
color:white;
}

ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a
{
background-color:white;
color:black;
}

ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover
{
background-color:black;
color:white;
}

ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul
{
visibility:visible;
}

ul#hlavniMenu li li
{
border:none;
padding:0;
background-color:white;
}

ul#hlavniMenu li
{
behavior: url(hover.htc);
}
Zvětšení jsem udělal, ale otázka pak jak ještě ten text vycentrovat na střed jak šířku, tak výšku. Ale třebas by nebylo špatný dát jiný menu nevim. Nechám si poradit. Pevnou šířku ne, ale šířka základního sloupce se mění se šířkou definovanou layoutem, ale ta podnabídka už by jí musela mít pevně nadefinovanou, což by nemusel být už tak pěkný.
Bubák
Profil
ul#hlavniMenu a
{
color:black;
display:block;
font:12px arial,sans-serif;
text-align: center;
text-decoration:none;
display:block;
width:152px;
padding: 20px 0;
}

Nebo:

ul#hlavniMenu a
{
color:black;
display:block;
font:12px arial,sans-serif;
text-align: center;
text-decoration:none;
display:block;
width:152px;
height: 50px;
line-height: 50px; /* tolik, co height */
}
Miky
Profil *
Tak asi lépe použiju to menu 3, jelikož to menu 2 mi hází šedou všude možně i když je to ve vlastním divu zavřený.
Miky
Profil *
Tady je to [url=file:///C:/Documents%20and%20Settings/Miky/Plocha/Pokus/kontakt.h tml]vidět[/url].
Miky
Profil *
Sry mělo tam bejt toto
Miky
Profil *
Sry mělo tam být toto
Miky
Profil *
Viz tady
Miky
Profil *
Prosím moderátory o promazání, nějak mi to blblo :(
Miky
Profil *
Jak udělat tady, abych měl vpravo takhle ten černej rám ale z levý strany by mohl bejt kolem text, kterej by ho tam vlevo obtékal. DIk moc za radu

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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