Blauer rahmen um bild??

[linus.van.pelt]

hallo,

ich habe ein bild in meiner seite. das bild bekommt per css einen 1px rahmen in grau. auch die link tags sind im css grau angelegt. wenn ich jetzt aber einen link auf mein bild lege, bekomme ich wieder ein blauen rahmen um das bild (statt dem grauen). jemand ne idee?

 

[joachim14]

Der blaue Rand ist in dem Fall kein css-Ergebnis, sondern der Hinweis, dass sich hinter dem Bild ein Link verbirgt.
Das lässt sich ausschalten. Wie, steht zB bei selfhtml.org, wenn Du den Code bearbeiten möchtest, sonst in Deinem Programm, mit dem Du die Webseite herstellst. Dort müsste eine Einstellung etwa wie border = 0 möglich sein.

 

[linus.van.pelt]

danke.
heisst das, dass ich den rahmen komplett abschalten muss? ich möchte nur den grauen rahmen haben, und den link. zusätzliche den border="0" im img-tag hab ich schon versucht. bringt nix ...

 

[astrid_67]

Gib dem Bild doch im Photoshop o.ä. Prog schon einen Rahmen. Dann kannst du die Border auf "0" setzen.

 

[linus.van.pelt]

hab ich auch schon überlegt. aber es geht insgesamt um ca. 50 bilder. hatte gedacht, ich kann mir die ps friggelei sparen.

 

[mac-anfänger]

das reicht doch, wenn du den Anker folgende Stilregel verpasst:

a { border: none;}


gruss
christian

 

[linus.van.pelt]

hab ich grad versucht. zeigt den rahmen immernoch an ...

 

[heldausberlin]

Ist auf jeden Fall einfach per CSS zu lösen. Am Besten du postest einen Link zu deiner Seite, dann kann man besser sehen, wo der Fehler liegen könnte.

 

[mac-anfänger]

poste doch das CSS

 

[linus.van.pelt]

hier das css:



img { border: 1px;
color: #666666;
border-style: solid;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
font-weight: bold;
border: none;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
font-weight: bold;
text-decoration: none;
border: none;
}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
font-weight: bold;
border: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #009900;
border: none;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
font-weight: bold;
border: none;
}


alle änderungen wirken sich auf textlinks aus. aber nicht auf den link auf dem image.

 

[mac-anfänger]

img a {
border: none;}

was bewirkt das?


alle anderen border:none herausnehmen


wie sieht denn das HTML aus?

 

[linus.van.pelt]

der entsprechende image tag sieht so aus:


<td colspan="3"><b><a href="http://www.test.de"><img src="http://www.test.de/PIX/head.jpg" width="555" height="198" ></a></b></td>

die obige lösung geht auch nicht ...

 

[heldausberlin]

schreib doch mal

img {
border:1px solid #666666;
}


Sonst müsste es „border-color“ heißen.

 

[mac-anfänger]

ach so:

.... ist denn das CSS auf einer externen Datei?
HTML sollte nur das "Gerüst" sein, in CSS alle Stile/Formatierungen...

gemischt kommt nicht gut raus, also HTML-Formatierungen und CSS

 

[linus.van.pelt]

es sind von dreamweaver css stile, die im head der seite steht ...
ich will per css nur die links definieren.

 

[joachim14]

Vielleicht so:

<a href="../index.html"><img src="../logo160.gif" alt="Home" height="48" width="160" border="0"/></a>

 

[heldausberlin]

abgesehen vom unnötigen bold-Format (<b>...</b>) sehe ich keine HTML-Formatierung im Quellcode?!

 

[mac-anfänger]

wenn ich mich nicht täusche, dann will er ja eben einen grauen Rand um die Bilder...

gibt es denn einen Link auf die Seite?

 

[linus.van.pelt]

das <b> ist mir beim posten auch aufgefallen. ist schon draussen ...

<a href="../index.html"><img src="../logo160.gif" alt="Home" height="48" width="160" border="0"/></a>

leider auch nicht ....

ja, es gibt einen textlink auf der seite. der passt sich dem css auch immer schön an ... nur das bild nicht

 

[linus.van.pelt]

aha, im firefox gehts ...