✔ Hyperlink blauen Rand entfernen

C

Chixso

Grünschnabel
Hallo,
bestimmt wurde die frage schon ca. 100 mal gestellt aber ich finde im i-net nichts darüber...

ich will mit einem bild eine seite auf meiner homepage verlinken, aber nun hab um dieses bild einen rand (seeeeeeeeeeeehr dick)... mit "border=0" oder sowas hat es i-wie nicht geklappt

hoffe ihr könnt mir helfen

hier nochma mein quelltext (hab da erst eine verlinkung... nicht wundern)

<html>
<head>
</head>
<body>

<center>
<table width="70%" bgcolor="" border="0" background="bg2.jpeg">
</center>

<tr>
<td height="50"> </td>
</tr>
<tr>
<td rowspan="15" width="45px" bgcolor=""> &nbsp </td>
<td height="90" colspan="2" background=".jpeg" bgproperties="fixed"> </td>
<td rowspan="15" width="25px" bgcolor=""> &nbsp </td>
</tr>
<tr>
<td background=".jpeg" colspan="2"> &nbsp</td>
<tr>
<td width="25"><a href="Homepage (WIE) index"> <img height="34" src="button Start.jpeg"> </a> </td>
</tr>
<tr>
<td height="7" width="160"> </td>
<td rowspan="15" valign="top"><center>Das freistehende Ferienhaus "Lobas" liegt im Nordseebad Eckwarden, mit angrenzendem Grundstück und nicht einsehbarer Sonnenterrasse. Vom hinteren Teil des Grundstücks haben Sie einen herrlichen unverbauten Blick. Das Haus liegt ruhig an einer Sackgasse und es sind nur wenige Autominuten bis zum Badestrand in Eckwarderhörne.</center></td>
</tr>
<tr>
<td> <img height="34" src="button Ausstattung.jpeg"> </td>
</tr>
<tr>
<td height="7"> </td>
</tr>
<tr>
<td> <img height="34" src="button Bilder.jpeg"> </td>
</tr>
<tr>
<td height="7"> </td>
</tr>
<tr>
<td> <img height="34" src="button Freizeitangebote.jpeg"> </td>
</tr>
<tr>
<td height="7"> </td>
</tr>
<tr>
<td> <img height="34" src="button Kontakt.jpeg"> </td>
</tr>
<tr>
<td height="7"> </td>
</tr>
<tr>
<td> <img height="34" src="button Anfahrt.jpeg"> </td>
</tr>
<tr>
<td height="250"> &nbsp </td>
</tr>
<tr>

</tr>




</table>
</body>
</html>
Zum Vergrößern anklicken....
 
Hi!

Herzlich Willkommen auf tutorials.de :)

Du musst den Border des Image auf 0 setzen: <img src="xyz" border=0 />
Diesbzgl. schau doch auch mal auf de.selfhtml.org :)

Und: bitte achte bzgl. Deiner durchgehenden Kleinschreibung auf die Netiquette. Danke. :)

Grüße,
Mark.
 
Moin,

oder mit Hilfe von CSS.

  • Zentraler Stylesheet-Bereich im Dokumentheader:
Code: 
<head>
    <style type="text/css">
        a img { border:0; }
    </style>
</head>
  • Zentrale seperate CSS-Datei, die in das Dokument geladen wird, falls mehrere Seiten im Projekt existieren:
Code: 
<head>
    <link rel="stylesheet" type="text/css" href="style.css" media="screen">
</head>
style.css:
CSS: 
a img { border:0; }
Mit Blick auf die (X)HTML-Varianten "Strict" ein wichtiger Aspekt, da in ihnen das border-Attribut als deprecated (mißbilligt) gilt ;)

Hab da noch drei grundsätzliche Tipps zum Markup:
  1. Der schliessende </center>-Tag nach <table> gehört hinter </table>.
  2. In HTML-Attributswerten (hier: width="45px", width="25px") wird keine Einheit angegeben - die Maßeinheit "px" gilt automatisch, wenn keine relative Dimension mittels "%" deklariert wird.
  3. Den geschützten Leerzeichen "&nbsp;" fehlt jeweils das Semikolon am Ende.

mfg Maik
 
Hey Mark und Maik,
ich bedanke mich bei euch für die Schnellen Anworten...
Endlich klappt es und ich kann weiter machen :-)

Und danke für die anderen nützlichen Tipps (bin noch ziemlich unerfahren)

MfG
------
Chixso
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück