HTML - Rahmen bei Link hinter einem Bild entfernen (IE)

FerFemNemBem · 20.07.2007

Halloechen,

ich habe ein Bild, hinter welchem ein Link liegt. Das sieht im FireFox und Opera auch ganz schmuck aus. Nur der IE bastelt da einen blauen Rahmen drum. Wie bekomme ich den weg?

Danke!

Gruss, FFNB.

futtlui · 20.07.2007

Code:

<img ... [b]border="0"[/b]>

oder per CSS mit der Eigenschaft border:0px;

FerFemNemBem · 20.07.2007

Halloechen,

mit border:0px; im Stylesheet hatte ich es versucht. Das funktioniert irgendwie nicht.

Stylesheet:

Code:

a:link.picturelink
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FE7C04;
border:0px;
}

Html:

Code:

<div id="image5"><a href="./angebot_beachvolleyball.html" class="picturelink"><img id="beachvolleyball_image" height="100" width="132" src="../images/angebot_beachvolleyball_bild2.jpg" alt="beachvolleyball"></a></div>

Gruss, FFNB.

sebhoff · 20.07.2007

Html:

Code:

....<img id="beachvolleyball_image" height="100" width="132" src="../images/angebot_beachvolleyball_bild2.jpg" alt="beachvolleyball" [b]border="0"[/b]></a></div>

dort evt. ?

FerFemNemBem · 20.07.2007

Halloechen,

genau das wars. Haette ich oben bei futtlui auch die Tag-Geschichte (und nicht nur das CSS) richtig gelesen, waere es mir aufgefallen, dass der Rahmen vom Image und nicht vom Link kommt.

Danke Euch beiden!

Gruss, FFNB.

futtlui · 20.07.2007

@FFNB
Deine CSS-Variante funktioniert auch - allerdings nur für einen nicht geklickten Link (a:link), für die Mouseover-, aktiviert- und besucht-Varianten (a:hover, a:active und a:visited) eben nicht.
Und da Du den Link wahrscheinlich schon besucht hast siehst Du die Auswirkungen von a:link eben nicht.
Einfachste Lösung: als Klasse nur a.picturelink einsetzen.

Allerdings kannst Du dann nicht mehr nach Link-Status unterscheiden.

Auch ne galante Möglichkeit:

Code:

a img {
  border:0px;
}

Das gilt dann für alle <img>-Tags, die innerhalb eines <a>-Tags vorkommen

FerFemNemBem · 20.07.2007

Halloechen,

nein, die CSS Geschichte hatte nicht funktioniert, obwohl ich folgendes im Stylesheet gesetzt hatte:

Code:

a:link.picturelink
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FE7C04;
border:0px;
}

a:visited.picturelink
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FE7C04;
border:0px;
}

a:hover.picturelink
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FE7C04;
border:0px;
}

a:active.picturelink
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FE7C04;
border:0px;
}

Wo ist da der Fehler? Jetzt nur noch aus Interesse, da ich es ja schon am image-Tag "gefixt" habe.

Gruss, FFNB.

futtlui · 21.07.2007

hm, ohne das jetzt wirklich zu testen würd ich mal raten, dass die Angabe auf den img-Tag angewendet werden muss, und nicht auf den Link...
Bin mir aber auch nicht sicher. Bei CSS kann man ja jede Menge falsch machen durch sich gegenseitig beeinflussende Angaben usw.

HTML - Rahmen bei Link hinter einem Bild entfernen (IE)

FerFemNemBem

futtlui

FerFemNemBem

sebhoff

FerFemNemBem

futtlui

FerFemNemBem

futtlui

HTML - Rahmen bei Link hinter einem Bild entfernen (IE)

ANGEBOTE & SPONSOREN

Neueste Beiträge

Statistik des Forums