Horizontální menu

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Zamčeno
Uživatelský avatar
CrazyC0de
Level 3
Level 3
Příspěvky: 517
Registrován: 02 pro 2012 20:25
Kontaktovat uživatele:
Kontaktovat uživatele CrazyC0de

Re: Horizontální menu

Příspěvek od CrazyC0de »

Až pošleš to nové menu, tak jsem ochoten ti ho udělat.
Vtípek

Alenka v říši divů : <div> <div><div><div><div>ALENKA</div> </div> </div> </div></div>
Nahoru
yela94
nováček
Příspěvky: 30
Registrován: 21 bře 2013 15:32

Re: Horizontální menu

Příspěvek od yela94 »

CZechBoY píše:no však pošli nový předělaný html podle toho co ti radil d1amnod

<ul id="menu" class="clearfix">
<li><a href="omessim.html">O Messim</a></li>
 <li>
    <ul id="menu">
      <li><a href=#>1</a></li>
<li><a href=#>2</a></li>
    <ul>
 </li>
<li><a href="klub.html">Současný klub</a></li>
<li><a href="repre.html">Reprezentace</a></li>
<li><a href="uspechy.html">Úspěchy</a></li>
<li><a href="charakteristika.html">Charakteristika</a></li>
<li><a href="osobnizivot.html">Osobní život</a></li>
</ul>
</ul>
Nahoru
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:
Kontaktovat uživatele CZechBoY

Re: Horizontální menu

Příspěvek od CZechBoY »

uh?
<ul></li>
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Nahoru
yela94
nováček
Příspěvky: 30
Registrován: 21 bře 2013 15:32

Re: Horizontální menu

Příspěvek od yela94 »

nevím jak to mám udělat :oops:
Nahoru
Uživatelský avatar
CrazyC0de
Level 3
Level 3
Příspěvky: 517
Registrován: 02 pro 2012 20:25
Kontaktovat uživatele:
Kontaktovat uživatele CrazyC0de

Re: Horizontální menu

Příspěvek od CrazyC0de »

Ach, chceš to udělat ?

--- Doplnění předchozího příspěvku (30 Bře 2013 19:34) ---

Ach, chceš to udělat ?
Vtípek

Alenka v říši divů : <div> <div><div><div><div>ALENKA</div> </div> </div> </div></div>
Nahoru
yela94
nováček
Příspěvky: 30
Registrován: 21 bře 2013 15:32

Re: Horizontální menu

Příspěvek od yela94 »

jo prosím :D aby mě to u jakýkoliv položky hodilo na výběr třeba dvě delší
Nahoru
Uživatelský avatar
CrazyC0de
Level 3
Level 3
Příspěvky: 517
Registrován: 02 pro 2012 20:25
Kontaktovat uživatele:
Kontaktovat uživatele CrazyC0de

Re: Horizontální menu

Příspěvek od CrazyC0de »

Dobře mrknu na to..
Vtípek

Alenka v říši divů : <div> <div><div><div><div>ALENKA</div> </div> </div> </div></div>
Nahoru
yela94
nováček
Příspěvky: 30
Registrován: 21 bře 2013 15:32

Re: Horizontální menu

Příspěvek od yela94 »

Dík moc
Nahoru
Uživatelský avatar
CrazyC0de
Level 3
Level 3
Příspěvky: 517
Registrován: 02 pro 2012 20:25
Kontaktovat uživatele:
Kontaktovat uživatele CrazyC0de

Re: Horizontální menu

Příspěvek od CrazyC0de »

Je za co :D.
Vtípek

Alenka v říši divů : <div> <div><div><div><div>ALENKA</div> </div> </div> </div></div>
Nahoru
Gizzer2
Level 3
Level 3
Příspěvky: 419
Registrován: 27 pro 2011 18:49
Kontaktovat uživatele:
Kontaktovat uživatele Gizzer2

Re: Horizontální menu

Příspěvek od Gizzer2 »

Zde máš to menu:

Kód: Vybrat vše

  <style>

.menu ul, .menu li
{
list-style-type: none;
margin: 0;
padding: 0 .5em;
}
ul.uroven1 li.polozka1
{
float: left;
position: relative;
font-weight: bold;
padding: .2em .5em;
height: 1em;
_width: 1px; /* IE */
}
ul.uroven2
{
position: absolute;
left: 0;
top: 1.4em;
_top: 1.6em; /* IE */
width: 120px;
visibility: hidden;
padding: .8em .5em;
}

ul.uroven2 li.polozka2 a
{
font-weight: normal;
text-align: left;
padding: 0 .5em .1em;
margin: 0 -.5em;
}

.menu a:hover
{
text-decoration: underline;
}


ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
} 
</style>

<ul class="menu uroven1">
<li class="polozka1">
<a href="">Home</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">O Messim</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Současný klub</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Reprezentace</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Úspěchy</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Charakteristika</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Osobní život</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Rekordy</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
</ul>
"Cíle by měly být třešínky na dortech, ne na hromadách hoven."
To nejlepší z country muziky:http://country.funsite.cz/
Nahoru
Uživatelský avatar
CrazyC0de
Level 3
Level 3
Příspěvky: 517
Registrován: 02 pro 2012 20:25
Kontaktovat uživatele:
Kontaktovat uživatele CrazyC0de

Re: Horizontální menu

Příspěvek od CrazyC0de »

No, já myslím, že mě někdo předběhl, nu což, už to máš, dělat to 2x je zbytečné.
Vtípek

Alenka v říši divů : <div> <div><div><div><div>ALENKA</div> </div> </div> </div></div>
Nahoru
yela94
nováček
Příspěvky: 30
Registrován: 21 bře 2013 15:32

Re: Horizontální menu

Příspěvek od yela94 »

Gizzer2 píše:Zde máš to menu:

Kód: Vybrat vše

  <style>

.menu ul, .menu li
{
list-style-type: none;
margin: 0;
padding: 0 .5em;
}
ul.uroven1 li.polozka1
{
float: left;
position: relative;
font-weight: bold;
padding: .2em .5em;
height: 1em;
_width: 1px; /* IE */
}
ul.uroven2
{
position: absolute;
left: 0;
top: 1.4em;
_top: 1.6em; /* IE */
width: 120px;
visibility: hidden;
padding: .8em .5em;
}

ul.uroven2 li.polozka2 a
{
font-weight: normal;
text-align: left;
padding: 0 .5em .1em;
margin: 0 -.5em;
}

.menu a:hover
{
text-decoration: underline;
}


ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
} 
</style>

<ul class="menu uroven1">
<li class="polozka1">
<a href="">Home</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">O Messim</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Současný klub</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Reprezentace</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Úspěchy</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Charakteristika</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Osobní život</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Rekordy</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
<li class="polozka2"><a href="">podmenu</a></li>
</ul>
</li>
</ul>


dík moc ale podle toho html kodu jsem něco udělal špatně protože se mi zobrazí něco jinýho asi to vzdávám no :D
Nahoru
Zamčeno

Zpět na „Programování a tvorba webu“