Autor Zpráva
george[6]
Profil *
Použil jsem tuto strukturu pro oblast, ve které se zobrazují data z databáze v řádcích. Potřebuji, aby celý řídek fungoval jako odkaz s podbarvením. Takto vše sice funguje, ale v místech, kde se nachází text v tagu span, se nezobrazuje klasická ručička i když odkaz funguje... Jak nastilovat span .colbig, aby se ručička zobrazovala?

HTML

<div id="navcontainer">
<ul id="navlist">
<li><a href="#"><span class="colbig">údaj 1</span><span class="colbig">údaj 2</span</a></li>
<li><a href="#"><span class="colbig">údaj 1</span><span class="colbig">údaj 2</span</a></li>
<li><a href="#"><span class="colbig">údaj 1</span><span class="colbig">údaj 2</span</a></li>
<li><a href="#"><span class="colbig">údaj 1</span><span class="colbig">údaj 2</span</a></li>
</ul>
</div>


CSS

#navcontainer { width: 500px; }

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

#navcontainer a
{
display: block;
padding: 3px;
width: 100%;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}

.colbig
{
text-align: center;
width: 14%;
}
Plaváček
Profil
.colbig {cursor:pointer;cursor:hand /* IE */}
Bubák
Profil
a span {cursor: pointer; cursor: hand}

Některé starší IE umí jenom hand, Firefox (a odvozené) umí jenom pointer, pořadí je nutné dodržet.
www.jakpsatweb.cz/css/cursor.html
habendorf
Profil
BTW

padding: 3px;
width: 100%;


Pokud ti všechny browsery neběží v quirku, tak tohle není moc dobrý nápad.
george[6]
Profil *
Bubák $ Plaváček

Děkuju, vůbec jsem netušil, že se dají měnit vlastnosti kurzoru...


habendorf

Zřejmě bych měl zadávat rozměry buď relativně nebo absolutně a nekombinovat je... Nebo to je z jiného důvodu?
Plaváček
Profil
george[6]

Habendorf naráží na rozdílné chápání box modelu ( http://ie-brouci.dero.name/box-model.html ) v závislosti na režimu prohlížeče.
Knopi
Profil
george[6]: Ještě doplňující informace http://www.jakpsatweb.cz/css/css-kurzory.html . :o)
habendorf
Profil
george[6]: Jak píše Plaváček. Ve standardu ta tvoje definice znamená, že element bude široký 100% + 6px, takže ti nutně bude někde přetékat.
Toto téma je uzamčeno. Odpověď nelze zaslat.