Rozdělovník v menu – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Rozdělovník v menu – CSS – Fórum – Programujte.comRozdělovník v menu – CSS – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
clasic0
Duch
7. 4. 2010   #1
-
0
-

Zdravím, sblížil jsem k sobě položky menu (aby se mi jich tam více vešlo) a nyní nevím jak je rozdělit, aby to bylo přehledne.

Níže posílám kod menu, které mám ve wordpressove sablone.


/************************************************
* Navbar *
************************************************/

#navbar {
background: #1A4E88;
width: 960px;
height: 30px;
color: #FFFFFF;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
}

#navbarleft {
width: 660px;
height: 30px;
float: left;
margin: 0px;
padding: 0px;
}

#navbarright {
width: 250px;
height: 30px;
float: right;
margin: 0px;
padding: 0px;
text-align: right;
}

#nav {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav a {
color: #FFFFFF;
display: block;
font-weight: bold;
margin: 0px 10px 0px 0px;
padding: 8px 10px 7px 10px;
}

#nav a:hover {
background: #4A7EB8;
color: #FFFFFF;
display: block;
text-decoration: none;
margin: 0px 10px 0px 0px;
padding: 8px 10px 7px 10px;
}

#nav li {
float: left;
margin: 0px;
padding: 0px;
}

#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 140px;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #4A7EB8;
color: #FFFFFF;
width: 140px;
float: none;
margin: 0px;
padding: 6px 10px 5px 10px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#nav li li a:hover, #nav li li a:active {
background: #1A4E88;
color: #FFFFFF;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li:hover ul {
left: auto;
display: block;
}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}


Předem děkuji za odpověd a pomoc.

Nahlásit jako SPAM
IP: 147.228.12.–
Reklama
Reklama
Kobi
~ Moderátor
+1
Věrný člen
19. 4. 2010   #2
-
0
-

Co takle sem hodit odkaz na ten web? To mám z tvého kódu hádat, které třídy jsou pro menu?

Nahlásit jako SPAM
IP: 83.240.25.–
Nefaritus
~ Redaktor
+2
Posthunter
19. 4. 2010   #3
-
0
-

To Kobi : Tady aby se člověk naučil složit si v hlavě, jak bude vypadat výsledek z kousku CSS, co si přečte :D

Nahlásit jako SPAM
IP: 93.99.142.–
clasic
~ Anonymní uživatel
2 příspěvky
20. 4. 2010   #4
-
0
-

www.berne.cz

Nahlásit jako SPAM
IP: 81.201.60.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 6 hostů

Podobná vlákna

Menu — založil klaveska

MENU — založil Anonymní uživatel

Menu — založil KiRoS

Menu — založil jozo0025

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý