verlinkte bilder in Dw blau umrandet

T0bi · 18.07.2007, 10:49

hey,

versuche grade mit dreamweaver klar zu kommen. habe dort eine seite erstellt auf der die verlinkten buttons im firefox explorer blau umrandet sind. das soll natürlich nicht so sein - im safari explorer funktioniert auch alles. hat jemand eine idee woran das liegt?

gruß tobi

jayjay · 18.07.2007, 10:58

da hilft nur:

HTML-Code:

<img src="image.jpg" border="0" />

T0bi · 18.07.2007, 11:06

an welcher stelle setze ich den code ein? so siehts im moment aus...:

<td width="245"><a href="heizung/index.html"><img src="buttons/heizung.gif" alt="heizung" name="heiz" width="245" height="25" id="heiz" onmouseover="MM_swapImage('heiz','','buttons/heizung_r.gif',1)" onmouseout="MM_swapImgRestore()" /></a></td>

rewboss · 18.07.2007, 11:20

Zitat:

Zitat von T0bi

an welcher stelle setze ich den code ein?

Im <img>-Tag, wie es jayjay erklärt hat. In deinem konkreten Fall also:

Code:

<img src="buttons/heizung.gif" border="0" alt="heizung" name="heiz" width="245" height="25" id="heiz" onmouseover="MM_swapImage('heiz','','buttons/heizung_r.gif',1)" onmouseout="MM_swapImgRestore()" />

Ein Tag wird so aufgebaut:

<tagname attribut="wert" attribut="wert">

Es ist egal, in welcher Reihenfolge die Attribüte kommen; wichtig ist natürlich, dass der Name des Tags vor allen Attribüten kommt.

T0bi · 18.07.2007, 11:39

habe das auf der startseite (aktuell, bzw. index.html) für den "heizung" button geändert, es hat sich aber leider nichts verändert. hier mal der link:

www.stefan-ruschke.de

gruß

jayjay · 18.07.2007, 11:43

nicht boarder! border, ohne a

T0bi · 18.07.2007, 11:47

ja, das wars! sorry und vielen dank!

gruß tobi

jayjay · 18.07.2007, 12:13

sorry? wofür? dafür gibt es das tp
und wenn dir geholfen wurde kannst natürlich das auch bewerten

preyz · 19.07.2007, 11:14

Ich würde - um Arbeit zu sparen - nicht das "border"-Attribut direkt im "img"-Tag nutzen, sondern mit CSS alle Bilder den Rand untersagen:

HTML-Code:

<head>
  ...
  <style type="text/css">
    img {
      border: none;
    }
    img.border {
      border: 1px solid #000000;
    }
  </style>
</head>

<body>
  <img src="bild1.jpg" />
  <img src="bild1.jpg" />
  <img src="bild3.jpg" />

  <img src="bild4.jpg" class="border" />
</body>

Bild 1-3 haben kein Rand, Bild 4 hat Rand.

marc22 · 19.07.2007, 12:59

Dann wäre es ja günstiger zu schreiben:

Code:

...
a img
{
border:none;
}
...