mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 05.12.2016 21:49 Benutzername: Passwort: Auto-Login

Thema: CSS: Rahmen-Hover funktioniert nur im IE... vom 06.04.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS: Rahmen-Hover funktioniert nur im IE...
Seite: 1, 2  Weiter
Autor Nachricht
Panne
Threadersteller

Dabei seit: 02.06.2002
Ort: Sauerland
Alter: 45
Geschlecht: Männlich
Verfasst Mi 06.04.2005 15:31
Titel

CSS: Rahmen-Hover funktioniert nur im IE...

Antworten mit Zitat Zum Seitenanfang

gelöscht

Zuletzt bearbeitet von Panne am Di 17.05.2005 21:27, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
chrikle

Dabei seit: 02.05.2002
Ort: NRW
Alter: 40
Geschlecht: Männlich
Verfasst Mi 06.04.2005 15:47
Titel

Antworten mit Zitat Zum Seitenanfang

Ich kenne das nur mittels JavaScript.

als Erstes mußt Du deinen Images IDs verpassen. (IMG01, IMG02,...)

Im A-Tag gibste dann folgendes an:
Code:
<a href="..." onMouseOver="Rahmen('IMG001', 'AN') onMouseOut="Rahmen('IMG01', 'AUS')">



Dann brauchste im Header folgendes Script:
Code:
<script language="javascript" type="text/javascript">
<!--
function Rahmen(ID, Status)
{
   if(Status == "AN")
   {
      document.getElementById(ID).style.border= "1px solid #999999";
   }
   else
   {
      document.getElementById(ID).style.border= "1px solid #FFFFFF";
   }
}
//-->
</script>


Gruß
Chris


Zuletzt bearbeitet von chrikle am Mi 06.04.2005 15:48, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Panne
Threadersteller

Dabei seit: 02.06.2002
Ort: Sauerland
Alter: 45
Geschlecht: Männlich
Verfasst Mi 06.04.2005 15:49
Titel

Antworten mit Zitat Zum Seitenanfang

Ja - per Javascript kenn ich das auch. Aber Javascript darf ich nicht... (Vorgabe!)
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
chrikle

Dabei seit: 02.05.2002
Ort: NRW
Alter: 40
Geschlecht: Männlich
Verfasst Mi 06.04.2005 15:54
Titel

Antworten mit Zitat Zum Seitenanfang

Und wenn du dem ANKER das Atribut display:block und width:auto vergibst?

Dabei mußte natürlich die Border-Klasse im ANKER-Tag wieder zuweisen.

Gruß
Chris
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Panne
Threadersteller

Dabei seit: 02.06.2002
Ort: Sauerland
Alter: 45
Geschlecht: Männlich
Verfasst Mi 06.04.2005 15:59
Titel

Antworten mit Zitat Zum Seitenanfang

was bewirken die beiden paramter? width:auto kann ich mir vorstellen (wobei die Breite ja eigentlich stimmt...), aber display:block? Ich hab schon versucht in meiner Verzweiflung, dem a-Tag nen height-Tag zu verpassen, aber Pustekuchen...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
chrikle

Dabei seit: 02.05.2002
Ort: NRW
Alter: 40
Geschlecht: Männlich
Verfasst Mi 06.04.2005 16:09
Titel

Antworten mit Zitat Zum Seitenanfang

block = Erzwingt einen Block - das Element erzeugt eine neue Zeile.

dadurch sollte sich der Rahmen um das Bild schmiegen.
Wobei du dann wohl besser width auf 10px oder so setzten solltest.

Gruß
Chris
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
oki

Dabei seit: 04.04.2005
Ort: Oberhausen
Alter: 33
Geschlecht: Männlich
Verfasst Mi 06.04.2005 16:10
Titel

Antworten mit Zitat Zum Seitenanfang

http://mysib.de/foo.html

mach es doch so
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Panne
Threadersteller

Dabei seit: 02.06.2002
Ort: Sauerland
Alter: 45
Geschlecht: Männlich
Verfasst Mi 06.04.2005 16:12
Titel

Antworten mit Zitat Zum Seitenanfang

Ah - ich glaub, genau so was suche ich! Vielen Dank!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Rahmen-hover-Effekt um verlinktes Bild im IE
[CSS] Hover in Css Klasse einfügen ?
[JS/CSS] CSS-Hover mit JS animieren?
CSS a:hover IE 5.01
box hover mit css
CSS Hover Effekt im IE
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.