Autor Zpráva
fusekle98
Profil
zdravím.
Mám problém s okrasnými odkazy jenž se zasunou po najetí myši... přišel jsem k nim na http://www.jakpsatweb.cz/priklady/jakotlacitko.html je tam napsanej ten kód... normalne sem si ho překopíroval, ale! všechno fungovalo dokud...mi takto okrasně nezačali naskakovat všechny odkazy... já to vlastně chtěl pouze do menu... tak jsem se vrátil na stránku kde jsem to našel, alenikde sem nenašel jak se to vypíná...
ten zdrojový kód byl :

a { padding: 0.3em 1em 0.3em 1em; border: outset 0.5em; font-weight: bold; text-decoration: none }
a:link, a:visited { background: #000080; color: #fff }
a:hover { background: #00f; color: #ff0; border: inset 0.5em }

prostě bych chtěl vědět, jak se dá uzavří tento tag... zkoušel jsem vše </a>,</link>,</hover>,</visited>....nic

opravdu nechci mít všechny odkazy velké celé 3 cm... plus minus.... strašně to najednou znehodnotí stránku...
děkuju moc za radu
oogi
Profil
Kolem menu dej buď <div class="menu"> a do stylu přidej ".menu a" místo "a" nebo pokud to máš v seznamu můžeš dát "li a".
Miloš
Profil
Div je zbytečný.

Pokud máš menu v <menu>, pak udělej pravidla pro menu a.
Pokud máš menu v <ul>, přidej ID (např. <ul id="menu">) a obdobně dej pravidla pouze pro ul#menu a.
oogi
Profil
Miloš
Vždyť jsem mu napsal dvě možnosti... Vzhledem k tomu, na co se ptá, bych spíše předpokládal, ža tam mít seznamy ani <menu> nebude a v takovém případě je potřeba tam dát div.
fusekle98
Profil
děkuju vám lidi
fusekle98
Profil
mě se to nějak nevede :( jak by ste to udělali kdž vám to sem napíšu : html>

<head font color="yellow" >
<font color="yellow">
<table bordercolor="black" border="5" bgcolor="DimGray" >
<th><tr><td bordercolor="black" colspan="3" width="800">
<style>
a { padding: 0.3em 1em 0.3em 1em; border: outset 0.5em; font-weight: bold; text-decoration: none }
a:link, a:visited { background: #000080; color: #fff }
a:hover { background: #00f; color: #ff0; border: inset 0.5em }


menu { padding: 0; margin: 0; background: yellow; line-height: 2.5em; border: 3px black; text-align:left }

menu li { display: inline;}

menu li a { color: black; padding: 0 1.5em; }

</style>
<menu>

<ul class="menu">
<li><a href="a.html">iZejtra</a>

<li><a href="a.html">Counter strike</a>

<li><a href="a.html">World of warcraft</a>

<li><a href="a.html">Warcraft 3</a>


<li><a href="a.html">Score</a>
<li><a href="a.html">Gumboy tournamen</a>


<li><a href="a.html">Unreal tournament</a>

<li><a href="a.html">Hudba</a>

<li><a href="a.html">Odkazy</a>

<li><a href="a.html">Chat</a>

<li><a href="a.html">Webové hry</a>

<li><a href="a.html">Dobré odkazy</a>

<li><a href="a.html">Programy</a>

<li><a href="a.html">Videoklipy</a>

<li><a href="a.html">CZ hry</a>

<li><a href="a.html">GTA</a>
<li><a href="a.html">Jak vytvorit hru</a>

<li><a href="a.html">Hamachi</a>

<li><a href="a.html">MMORPG</a>
</ul>
</menu></td></tr>




dál pak už nechci mít ty okrasný odkazy... tady to chci utnout


díky předem
oogi
Profil
Pokud chápu, o co ti jde, tak by to mělo být asi takto:

<style>
.menu li { display: inline;}
.menu li a { color: black; padding: 0.3em 1em 0.3em 1em; border: outset 0.5em; font-weight: bold; text-decoration: none}
.menu a:link, .menu a:visited { background: #000080; color: #fff }
.menu a:hover { background: #00f; color: #ff0; border: inset 0.5em }
</style>
<ul class="menu">
<li><a href="a.html">iZejtra</a></li>
<li><a href="a.html">Counter strike</a></li>
<li><a href="a.html">World of warcraft</a></li>
<li><a href="a.html">Warcraft 3</a></li>
<li><a href="a.html">Score</a></li>
<li><a href="a.html">Gumboy tournamen</a></li>
<li><a href="a.html">Unreal tournament</a></li>
<li><a href="a.html">Hudba</a></li>
<li><a href="a.html">Odkazy</a></li>
...
</ul>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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