mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:57 Benutzername: Passwort: Auto-Login

Thema: [CSS] Bildrahmenfarbe bei mouseover verändern vom 24.10.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Bildrahmenfarbe bei mouseover verändern
Seite: 1, 2  Weiter
Autor Nachricht
flavio
Threadersteller

Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht: Männlich
Verfasst Mo 24.10.2005 22:27
Titel

[CSS] Bildrahmenfarbe bei mouseover verändern

Antworten mit Zitat Zum Seitenanfang

nabend,

wie kann ich die rahmenfarbe eines grafiklinks per css verändern?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht: Männlich
Verfasst Mo 24.10.2005 22:31
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
img a {
   border: 1px solid #000
}

img a:hover {
   border: 1px solid #c00
}


Spontane Vermutung...


// Sorry, die Hirarchie ist fürn * Du kannst mich mal... * Hab nix gesagt... * Ich bin ja schon still... *

// mach das so wie bequen


Zuletzt bearbeitet von way2hot am Mo 24.10.2005 22:38, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Doppelplusgut

Dabei seit: 06.10.2005
Ort: Zimmer 101
Alter: 55
Geschlecht: Männlich
Verfasst Mo 24.10.2005 22:32
Titel

Antworten mit Zitat Zum Seitenanfang

Meinst Du sowas?

Code:
<a href="#"><img src="bild.jpg" style="border:1px solid black" /></a>


bzw entsprechend in eine CSS auslagern
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Waschbequen
Account gelöscht


Ort: -

Verfasst Mo 24.10.2005 22:32
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
   <title>Unbenannt</title>
   <style type="text/css">
      a.deeesi
      {
         border: solid 10px green;
      }
      a.deeesi:hover
      {
         border: solid 10px yellow;
      }
   </style>
</head>

<body>

<a href="#" class="deeesi"><img src="http://www.desi-gn.de/desi/deeesi.jpg" border="0"></a>

</body>
</html>
 
elm4ward

Dabei seit: 07.12.2002
Ort: munich
Alter: 42
Geschlecht: Männlich
Verfasst Mo 24.10.2005 22:34
Titel

Antworten mit Zitat Zum Seitenanfang

firefox und andere standardkonformen ( im weitesten sinne) browser sollten sogar folgendes verstehen:
Code:
a img{border:1px solid #000}
a img:hover{border-color:#f00}


oder lieg ich falsch ?


Zuletzt bearbeitet von elm4ward am Mo 24.10.2005 22:34, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
flavio
Threadersteller

Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht: Männlich
Verfasst Mo 24.10.2005 22:44
Titel

Antworten mit Zitat Zum Seitenanfang

ach am a. hats gelegen.
nur warum ist der rahmen so abgeschnitten

http://img467.imageshack.us/my.php?image=hover4ex.jpg
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
13pixelchen
Account gelöscht


Ort: -

Verfasst Mo 24.10.2005 22:51
Titel

Antworten mit Zitat Zum Seitenanfang

Hast Du ihn wegretuschiert? * Keine Ahnung... *
 
flavio
Threadersteller

Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht: Männlich
Verfasst Mo 24.10.2005 22:54
Titel

Antworten mit Zitat Zum Seitenanfang

nee screenshot aus firefox. der innere rahmen ist am bild dran, welcher dann natürlich weg soll.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Bildergalerie Mouseover andere Position & Mouseover Scroll
Mouseover
SVG mit Mouseover und Anderem
Mouseover-Effekt im PDF?
Mouseover-Fehler
Mouseover bei Links
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.