Link auf Bild erstellen

Status
Nicht offen für weitere Antworten.
D

diano

Mitglied
Hallo Leute,

Ich habe in eine Tabelle eine kleine Grafik eingefügt und will jetzt auf der Grafik einen link setzen zu meiner zweiten Seite. Wo muss ich das "a href" Attribut positionieren und wie kann ich die Eigenschaften mit CSS ändern?

Quellcode:

<table
cellpadding="0"
cellspacing="0"
style="position:absolute;
top:220px;
left:128px;
border:none">
<tr>
<td
style="width:140px;
height:30px;
background-image:url(../Bilder/Button_Hauptseite_Reise_1.jpg);">
</td>
</tr>
</table>
 
Probier mal Folgendes:
HTML: 
<a href="http://example.net/" id="foobar"><img src="../Bilder/Button_Hauptseite_Reise_1.jpg"></a>
Code: 
img {
	border:		none;
}
#foobar {
	position:	absolute;
	top:		220px;
	left:		128px;
	display:	block;
}
#foobar img {
	display:	block;
}
 
Gumbo hat dir gezeigt, wie ein Grafik-Link erstellt, sowie mit CSS formatiert wird, und vorausgesetzt, daß du weißt, wo der Link im HTML-Quelltext hingehört.

Das a-Element wird nicht im head-, sondern im body-Bereich des Dokuments / der Seite notiert, in deinem Fall in der Tabellenzelle:

HTML: 
<body>

<table>
 <tr>
  <td>
   <a href="deine_seite.htm" id="foobar"><img src="../Bilder/Button_Hauptseite_Reise_1.jpg" alt="" border="0"></a>
  </td>
 </tr>
</table>

</body>
Wer mitdenkt, ist klar im Vorteil ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück