Hej.
Jeg er sikker på at løsningen er simpel, men jeg har altså ikke kunnet greje
den......
I nedenstående HTML+CSS har jeg defineret en tabel med tre celler over
hinanden. Hver celle indeholder en <a> som har et baggrundsbillede med en
ensfarvet gif på 250px*50px. Dette baggrundsbillede skifter farve når musen
føres over (a:hover). Oven i denne gif vil jeg gerne have en højrestillet og
lodret centreret tekst. Højrestillingen virker fint, men ikke centreringen.
Pls. hvad gør jeg galt ?
************* test.htm **************
<html>
<head>
<link rel=stylesheet type="text/css" href="style.css">
</head>
<body>
<table style="margin:0px;padd">
<tr><td><a class="red" href="test.htm">test1</a></td></tr>
<tr><td><a class="blue" href="test.htm">test2</a></td></tr>
<tr><td><a class="yellow" href="test.htm">test3</a></td></tr>
</table>
</body>
</html>
************* style.css **************
a.red {
background-image: URL(red.gif);
width: 250px;
height: 50px;
text-align: right;
}
a.red:hover {
background-image: URL(green.gif);
}
a.blue {
background-image: URL(blue.gif);
width: 250px;
height: 50px;
text-align: right;
}
a.blue:hover {
background-image: URL(green.gif);
}
a.yellow {
background-image: URL(yellow.gif);
width: 250px;
height: 50px;
text-align: right;
}
a.yellow:hover {
background-image: URL(green.gif);
}
--
Jens