Pomoc s CSS

Nosferatu

Mám taký problém..mám niečo takéto:

HTML:
<a href="detail.aspx" target="detail">
<span style="width:50%">a</span>
<span>b</span>
</a>

CSS:
a
{
cursor: hand;
margin: 0px;
padding: 0px;

display: block;
font-size: 13px;
color: #000;
text-decoration: none;
}
a:hover
{
background-color: #ece9d8;
}

a:active
{
background-color: #6375d6;
}

..a keď kliknem na a, malo by sa mi zobraziť pozadie linku na modro, ako je to ked kliknem na b, ale nespravi sa to tak..
neviem asi je to tým že keď nastavím šírku spanu, IE si myslí že klikám na span a nie link, abo neviem

Potrebujem aby to šlo len v IE6/IE7
Môžete mi niekto help?

IE pozná hover len na anchoroch (hypertextových odkazoch). Ty to máš span, tak preto ti to v IE nejde

Nosferatu

..no ale potrebujem mať v anchoroch span, alebo nejaký element ktorý by mi rozdelil text na časti, resp. naformátoval

..a rovnako aby mi po kliku išlo a:active a pozadie sa zmenilo do modra

..bo a:hover ide

Nosferatu napísal:..no ale potrebujem mať v anchoroch span, alebo nejaký element ktorý by mi rozdelil text na časti, resp. naformátoval ..a rovnako aby mi po kliku išlo a:active a pozadie sa zmenilo do modra ..bo a:hover ide

To css, čo si dal, je kompletné? Ak je, tak nevidím dôvod, prečo by to nemalo fungovať (nemám zapnutý Windows, ale firefox a konqueror to zobrazujú dobre). Skôr je chyba v IE (napríklad to width:50% podľa mňa nemá zmysel, kedže span je inline typ).

Úprava: ešte mi napadlo, vyskúšaj dať pre span pomocou css

Kód: Vybrať všetko

background-color: transparent;

Nosferatu

ani tak to nejde..
CSS je bez naštýlovaného spanu:
html, body
{
margin: 0px;
padding: 0px;
}
div#list
{
width: 480px;
}
a
{
cursor: hand;
margin: 0px;
padding: 0px;

display: block;
font-size: 13px;
color: #000;
text-decoration: none;
}
a:hover
{
background-color: #ece9d8;
}

a:active
{
background-color: #6375d6;
}

..cem aby to šlo takto, nece sa mi tam zbytočne rvať .NETové retardné postbackové buttony a robiť kvol blbému označeniu postback

zupanok

nechápem, prečo dávaš dve písmená na jeden odkaz, keby si toto vysvetlil, tak by som ti možno poradil,

Nosferatu

to bol len príklad..
vezmi si že máš zoznam.. a v ňom máš odkazy, resp. linky v ktorých sú napr. meno a priezvysko, ulica a mesto.. Tak to pri zozname iste nechceš mať na jednu kopu, pretože každé meno a ulica má inú dĺžku, ale ceš to mať pekne prehľadne pod sebou (meno pod menom, ulicu pod ulicou) nie? Tak by mala mať každá informácia v tom odkaze, svoju šírku..

gwixt

kedze je IE6 hlupe a netusi ze ked kliknes na nejkaky kontajner vo vnutri <a> ze to ma preniest aj na <a> (mozno to tak ma byt .. hmm ) tak sa to da takto spravit

Kód: Vybrať všetko

<a href="hmm.html">
<span>a</span>
<span style="margin-left:50%">b</span>
</a>

Vlastnosť width v css nefunguje pri inline elementoch (a span je inline element). Takže, ak to v IE funguje, funguje to iba kôli nejakej chybe v implementácii. Nefunguje to ani bez toho width? (viem, že vtedy to nevyzerá tak ako potrebuješ, iba ma zaujíma, či to funguje)

mylan

Nosferatu: Pre príklad čo si uviedol sa hodí tabuľka. Tabuľka nie je zlo, len sa ma používať na správne veci a výpis mena, priezviska a podobne sú tabuľkové data. Tak načo to komplikovať...

mylan napísal:Nosferatu: Pre príklad čo si uviedol sa hodí tabuľka. Tabuľka nie je zlo, len sa ma používať na správne veci a výpis mena, priezviska a podobne sú tabuľkové data. Tak načo to komplikovať...

Asi to potrebuje mať ako link (aspoň tak som to pochopil).