Autor Zpráva
Walik
Profil
Zdravím,
na jednom templatu mám vysouvací menu, ale to je jednoúrovňové a já bych potřeboval dodělat další úroveň, ale podle mých návrhů to nefunguje, tak se ptám vás odborníku..

Můj kód..

HTML MENU

<ul id="topmenu" class="topmenu">
			<li><a href="/"><strong>Home</strong></a></li>
			<li><a href="/forum/" title="Fórum"><strong>Fórum</strong></a></li>
                        
			<li><a href="o-hre/" title="O hře" rel="ohre"><strong>O hře</strong></a></li>
			<li><a href="/" title="Klany & Aliance" rel="klany"><strong>Klany & Aliance</strong></a></li>
			<li><a href="/" title="Peti" rel="Peti"><strong>Peti</strong></a></li>
			<li><a href="/" title="Questy" rel="Questy"><strong>Questy</strong></a></li>
			<li><a href="/" title="Rasy" rel="Rasy"><strong>Rasy</strong></a></li>
			
                        <li><a href="/" title="Enchancements" rel="Enchancements"><strong>Enchancements</strong></a></li>
			
		</ul>
		
		
		
		<ul id="ohre" class="sublinks">

			<li><a href="/noblesse/" title="Noblesse">Noblesse</a></li>
                        <li><a href="/hero-a-olympiada/" title="Hero a Olympiáda">Hero a Olympiáda</a></li>
                        <li><a href="/pvp-souboje/" title="PvP souboje">PvP souboje</a></li>
			<li><a href="/rybareni/" title="Rybaření" rel="rybareni">Rybaření</a></li>

                        <li><a href="/underground-coliseum/" title="Underground Coliseum">Underground Coliseum</a></li>

		</ul>



CSS


.tophdasdmenu ul.topmenu { height: 45px; display: block; padding-left: 2px; background: transparent url("/images/topmeewwqu.png") no-repeat left -252px; }
.tophdasdmenu ul.topmenu li { float: left; }
ul.topmenu li a, ul.topmenu li a strong { float: left; height: 45px; }
ul.topmenu li a {
	color: #c5b7ad;
	line-height: 43px;
	text-decoration: none !important;
}

ul.topmenu li a strong {
	cursor: pointer;
	background: transparent url("../images/topmeewwqu.png") no-repeat right -207px;
	padding: 0 16px 0 14px;
}

ul.topmenu li a:hover { color: #fff; background: #5b2f27 url("/images/topmeewwqu.png") repeat-x left -162px; }

ul.topmenu li.selected a { background: #5b2f27 url("images/topmeewwqu.png") repeat-x left -162px; }

.tophdasdmenu ul.sublinks {
	position:absolute;
	top: 0;
	border: 1px solid #a16e5c;
	border-width: 0 1px;
	z-index:100;
	background-color: #813e25;
	width: 200px;
	visibility: hidden;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

ul.sublinks a {
	width: auto;
	display: block;
	text-indent: 12px;
	font-weight: bold;
	border-bottom: 1px solid #a16e5c;
	padding: 5px 0;
	text-decoration: none;
	color: #dac7c0;
}



* html .sublinks a { width: 100%; }

.sublinks a:hover {
	background-color: #8c3822;
	color: #ffffff;
	text-decoration: underline;
}




ul.sublinks2 a {
	width: auto;
	display: block;
	text-indent: 12px;
	font-weight: bold;
	border-bottom: 1px solid #a16e5c;
	padding: 5px 0;
	text-decoration: none;
	color: #dac7c0;
}


          
* html .sublinks2 a { width: 100%; }

.sublinks2 a:hover {
	background-color: #8c3822;
	color: #ffffff;
	text-decoration: underline;
}



.tophdasdmenu ul.subsublinks {
	position:absolute;
	top: 0;
	border: 1px solid #a16e5c;
	border-width: 0 1px;
	z-index:100;
	background-color: #813e25;
	width: 200px;
	visibility: hidden;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

ul.subsublinks a {
	width: auto;
	display: block;
	text-indent: 12px;
	font-weight: bold;
	border-bottom: 1px solid #a16e5c;
	padding: 5px 0;
	text-decoration: none;
	color: #dac7c0;
}



* html .subsublinks a { width: 100%; }

.sublinks a:hover {
	background-color: #8c3822;
	color: #ffffff;
	text-decoration: underline;
}
panther
Profil
Walik
Můj kód..
a kde v tom kódu máš aspoň náznak dvouúrovňového menu? Máš tam dvě jednoúrovňová, ten kód je tedy k ničemu.

Máš dvě možnosti:
1) pokus se o něco sám, někdo ti pomůže tvůj pokus opravit (celé se mi to psát nechce)
2) inspiruj se jinde, dobré příklady jsou třeba na intervalu, ale i jinde.
Walik
Profil
1) pokus se o něco sám, někdo ti pomůže tvůj pokus opravit (celé se mi to psát nechce)

Tak jsem to vyzkoušel a můj pokud nedopadl vůbec dobře, když se menu vysune, rozháže mi to celé seskupení webu, nebyl by tu někdo tak milý a neupravil mi toto CSS http://qrayg.com/experiment/cssmenus/ (To první menu) na můj design? CSS není zrovna má silna stránka..

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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