Autor Zpráva
BJx
Profil
Mám dotaz ohledně tohoto kódu:

<head>
<meta http-equiv="Content-Language" content="cs"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250"/>
<title>Vertikalni nerozbalovaci menu</title>
<style type="text/css" media="all">

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

#obalovydiv a {
display: block;
color: #FFF;
background-color: #036;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold; }

#obalovydiv a:hover {
background-color: #369;
color: #FFF; }

#obalovydiv li li a {
display: block;
color: #FFF;
background-color: #69C;
width: 9em;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal; }
</style>

<html>
<body>
<div id="obalovydiv">
<ul>
<li><a href="#">Hlavní odkaz 1</a>
<ul>
<li><a href="#">Pododkaz 11</a></li>
<li><a href="#">Pododkaz 12</a></li>
</ul>
</li>
<li><a href="#">Hlavní odkaz 2</a>
<ul>
<li><a href="#">Pododkaz 21</a></li>
<li><a href="#">Pododkaz 22</a></li>
</ul>
</li>
<li><a href="#">Hlavní odkaz 3</a>
<ul>
<li><a href="#">Pododkaz 31</a></li>
<li><a href="#">Pododkaz 32</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>

Potřeboval bych ho upravit tak, aby hlavní odkazy nebyly klikatelné, ale pouze text. Tj. aby se po najetí myší na "Hlavní odkaz XY" nezobrazila klasická ručička .. Zkrátka, jak se dají při zachování stejného designu menu střídat textové a odkazové položky?? Jde to vůbec? Berte dotaz prosím s rezervou, HTML a CSS se věnuji asi 4 dny .. Díky za radu BJx

P.S. Opravdu výborný web, když něco nevím při psaní kódu, nemusím složitě listovat rejstříkem knížky, ale prostě juknu sem, díky ...
roberta
Profil
<head>
<meta http-equiv="Content-Language" content="cs"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250"/>
<title>Vertikalni nerozbalovaci menu</title>
<style type="text/css" media="all">

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

#obalovydiv a {
display: block;
color: #FFF;
background-color: #036;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold; }

#obalovydiv a:hover {
background-color: #369;
color: #FFF; }

#obalovydiv li li a {
display: block;
color: #FFF;
background-color: #69C;
width: 9em;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal; }

.hlavny-odkaz
{
color: #FFF;
background-color: #036;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;}
</style>

<html>
<body>
<div id="obalovydiv">
<ul>
<li><span class="hlavny-odkaz">Hlavní odkaz 1</span>
<ul>
<li><a href="#">Pododkaz 11</a></li>
<li><a href="#">Pododkaz 12</a></li>
</ul>
</li>
<li><span class="hlavny-odkaz">Hlavní odkaz 2</span>
<ul>
<li><a href="#">Pododkaz 21</a></li>
<li><a href="#">Pododkaz 22</a></li>
</ul>
</li>
<li><span class="hlavny-odkaz">Hlavní odkaz 3</span>
<ul>
<li><a href="#">Pododkaz 31</a></li>
<li><a href="#">Pododkaz 32</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Suk12
Profil
http://www.jakpsatweb.cz/css/cursor.html ... mozna to najdes zde
Zahon
Profil
Vyvaruj se řešení, které navrhl roberta... je to bez JS v některých prohlížečích (IE) naprosto nepoužitelné... Raději použij řešení od Suka12 a změň pro hlavní odkaz jenom kurzor (bude fungovat jako odkaz, ale nebude se mu zobrazovat ručička..)
BJx
Profil
to Roberta: prosté a geniální :), díky, teď si připádam jak ***** :(

to Suk12: díky, ale tohle by mi asi nepomohlo, nastavení kurzoru je podle mě globální, tj. týká se všech odkazů ..

to Zahon: zkusil jsem to v IE 6.0. a funguje to, tak nevím .. nemám možnost to teď zkusit v jiném prohlížeči a do Javy se mi ještě nechce - jak říkám, začínám ..
Zahon
Profil
Jéé, promiň já se překoukl.. myslel jsem že se jedná o vyjížděcí menu. A ono se jedná o normální.. pardon, pak je Robertovo řešení ideální...
Suk12
Profil
BJx
nemusi to byt pro vsechny odkazy, staci vytvorit nejakou tridu v css a na ni pak odkazat treba ve spanu
Toto téma je uzamčeno. Odpověď nelze zaslat.