✔ border=1 bei mouseover

[Gumbo]

Dann weise dem Element einfach eine ID zu.

 

[Maik]

<style type="text/css">
img {
	border: 1px solid transparent;
}
a:hover img#IDname {
	border-color: #f00;
}
</style>

<a href="messebilder/big01.jpg" target="_blank"><img id="IDname" src="messebilder/big01small.jpg" width="140" height="100"></a>

 

[phamez]

<style type="text/css">
img {
	border: 1px solid transparent;
}
a:hover img#IDname {
	border-color: #f00;
}
</style>

<a href="messebilder/big01.jpg" target="_blank"><img id="IDname" src="messebilder/big01small.jpg" width="140" height="100"></a>

geht ja auch nich, so hat ja dann trotzdem jedes bild auf der seite dann einen rand! Somit auch die Bilder im Top und überall und damit verschiebt sich alles

 

[Maik]

Nächster Versuch:

<style type="text/css">
img {
	border: none;
}
img#IDname {
         border: 1px solid transparent;
}
a:hover img#IDname {
	border: 1px solid #f00;
}
</style>

 

[phamez]

Nächster Versuch:

<style type="text/css">
img {
	border: none;
}
img#IDname {
         border: 1px solid transparent;
}
a:hover img#IDname {
	border: 1px solid #f00;
}
</style>

geht leider auch nich... jetz is dann zwar nur das bild mit rahmen, aber eben immer. also man sieht immer einen rahmen und nur wenn ich auf das bild drauf klicke dann wird der rahmen plötzlich rot.... komisch irgendwie.... Ausserdem zeigt IE auch Fehler auf der Seite an wenn ich den code so einfüge

 

[Maik]

Gibt es eine Online-Version der Problemseite?

 

[deepthroat]

Hi.

Der IE hat wahrscheinlich im Zusammenhang mit der :hover Pseudoklasse Probleme (weil es die ja nur bei a Elementen unterstützt) und kann transparente Rahmen auch nicht wirklich darstellen.

Vorschlag:

<a href="..">
  <img style="margin: 1px" 
   onmouseover="style.margin='0'; style.border='1px solid #f00'" 
   onmouseout="style.margin='1px'; style.border='none'" src="...">
  </img>
</a>

Funktioniert natürlich nur wenn Javascript angeschaltet ist. Außerdem müßte man noch schauen ob es evtl. notwendig ist zu prüfen für welches Element der Event gedacht ist.

Gruß

 

[phamez]

damit hats geklappt!! vielen dank

ps: ne, gibt leider keine online version...