mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 08:23 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: 52
Geschlecht: Männlich
Verfasst Mi 06.04.2005 16: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 22: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: 47
Geschlecht: Männlich
Verfasst Mi 06.04.2005 16: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 16: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: 52
Geschlecht: Männlich
Verfasst Mi 06.04.2005 16: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: 47
Geschlecht: Männlich
Verfasst Mi 06.04.2005 16: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: 52
Geschlecht: Männlich
Verfasst Mi 06.04.2005 16: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: 47
Geschlecht: Männlich
Verfasst Mi 06.04.2005 17: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: 41
Geschlecht: Männlich
Verfasst Mi 06.04.2005 17: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: 52
Geschlecht: Männlich
Verfasst Mi 06.04.2005 17: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
hover-Button/hover-Bild wird darunter eingefügt
Hover und ie
box hover mit css
Hover
:hover und ie6
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB