Autor Zpráva
BJx
Profil
#1 · Zasláno: 15. 6. 2006, 15:18:19
Odpovědět Citovat
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
#2 · Zasláno: 15. 6. 2006, 15:21:46 · Upravil/a: roberta
Odpovědět Citovat
<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
#3 · Zasláno: 15. 6. 2006, 15:25:55
Odpovědět Citovat
http://www.jakpsatweb.cz/css/cursor.html ... mozna to najdes zde
Zahon
Profil
#4 · Zasláno: 15. 6. 2006, 15:38:31
Odpovědět Citovat
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
#5 · Zasláno: 15. 6. 2006, 15:40:06 · Upravil/a: BJx
Odpovědět Citovat
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
#6 · Zasláno: 15. 6. 2006, 16:06:20
Odpovědět Citovat
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í...
Časová prodleva: 4 dny
Suk12
Profil
#7 · Zasláno: 19. 6. 2006, 19:41:44
Odpovědět Citovat
BJx
nemusi to byt pro vsechny odkazy, staci vytvorit nejakou tridu v css a na ni pak odkazat treba ve spanu
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0