Hintergrund-Images in Links per CSS

Bond246 · 06.08.2006

Hab folgendes Problem:
Ich will meine Seite komplett neu aufbauen und das Webdesign mit einer Tabellenstruktur verwirklichen.
Doch es stellt sich schon dass erste Problem.
Ich will die Menü-Links erstmal ganz normal in Zellen schreiben und dann per CSS der Zelle eine Hintergrund-Image zuweisen

HTML:

a:link {background-image:url(image.png)

Soweit ist das alles eigentlich kein Problem, allerdings ist jetzt die Image nur so groß, wie das entsprechende Link-Wort.
Gibt es eine Möglichkeit, dass die Image genauso groß ist, wie die Zelle?
eigentlich soll z.B. bei dem Befehl

HTML:

a:hover {background-image:url(image-hov.png)

dann ein entsprechendes anderes Hintergrund-Bild erscheinen. Das funktioniert auch so, aber wie gesagt, dann ist auch das nur so groß wie das Link-Wort.
Gib es noch eine andere Möglichkeit, als nur der Zelle

HTML:

<td>

eine Hintergrund-Image zuzuweisen?

Und dann hab ich auch gleich noch eine 2. Frage:
Kann man von tabellen die "border" ach mit grafiken machen?

skyborla · 07.08.2006

zu1
Du kannst der Zelle ein image zuweisen und es dann mit JS (onmouseover) ändern ...

zu2
ich denk mal nicht, das das geht ... du müstest eine tabelle in der tabelle machen und dann in die einzelnen zellen images einfügen ...

RIP · 12.08.2006

du musst noch folgendes ins style schreiben:

Code:

display:block;
width:200px;
height:200px;

das block bedetet genau das was du wolltest, dass der link net nur so groß is, wie das der text, sondern so groß wie man mit width und height bestimmt...

Hintergrund-Images in Links per CSS

Bond246

skyborla

RIP

Hintergrund-Images in Links per CSS

ANGEBOTE & SPONSOREN

Neueste Beiträge

Statistik des Forums