GeinMedlem sedan sep. 20004 849 inlägg
Konstig rubrik?
Jag har använt denna kod för att poppa upp boxar när man för muspekarn över vissa textlänkar. Nu vill jag istället ändra länkarna från textlänkar till tabellcellslänkar. Men jag vet bannemej inte hur det ska gå till.
Nu ser en länk ut såhär:
<td><div id="verText"><a href=""><b>1</b><span>Betalning faktura 101</span></a></div></td>
Och när jag istället ville länka hela cellen så provade jag med
<div id="verText"><a href=""><td><b>1</b></td><span>Betalning faktura 101</span></a></div>
Detta fungerar dock inte.
oHLLeMedlem sedan nov. 2002225 inlägg
Med den här css:n
td span {display:none}
td:hover span {display:block}
och den här html:n
<td><b>1</b><span>Betalning faktura 101</span></td>
Så triggas effekten på hela tabel-cellen, tyvärr fungerar inte hover-effekten i IE på någonting annat än länkar. Men med http://www.xs4all.nl/~peterned/csshover.html kan du få IE att hovra på alla element, dock så kommer det bara fungera bara på texten i cellen. Alltså samma resultat som du hade från början. Men för alla som inte använder IE så kommer det fungera som du vill om jag inte missförstod något ;)
GeinMedlem sedan sep. 20004 849 inlägg
Men! Varför kan inte IE bete sej som normala webbläsare gör? Orka hålla på med specialfall för IE :(
InsiderMedlem sedan jan. 20001 003 inlägg
Den här varianten ska fungera bra.
div#wrap {
border:0;
margin-top:50px;
}
table {
border: 0;
}
table a span {
display:none
}
table a:hover span {
display: block;
position:absolute;
top:1px;
left:1px;
}
td {
border: #000 1px solid;
margin:12px;
padding:7px 0px 6px 0px;
}
a {
text-decoration:none;
background:#ccc;
margin:0;
padding:7px 7px 7px 7px;
}
a:hover {
background:#e45;
}
<div id="wrap">
<table>
<tr>
<td><a href="#">[url]www.fredrik77.se[/url]<span>Min hemsida</span></a></td>
<td><a href="#">[url]www.fredrik77.se[/url]</a></td>
<td><a href="#">[url]www.fredrik77.se[/url]</a></td>
<td><a href="#">[url]www.fredrik77.se[/url]</a></td>
</tr>
</table>
</div>
GeinMedlem sedan sep. 20004 849 inlägg
Men den där poppar väl bara upp boxen när man för muspekaren över länken? Det har jag redan åstadkommit.
InsiderMedlem sedan jan. 20001 003 inlägg
Jovisst, men länken fyller ut hela tabellcellen. Så man måste inte hovra över själva texten.
GeinMedlem sedan sep. 20004 849 inlägg
Ah, det är alltså
padding: 7px 7px 7px 7px;
som är nyckeln.
Tack!
InsiderMedlem sedan jan. 20001 003 inlägg
Precis, sen får man trixa lite med paddingen i td för att det ska se snyggt ut.