mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 07.12.2016 23:45 Benutzername: Passwort: Auto-Login

Thema: css verlinkte bilder rahmen? vom 26.11.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css verlinkte bilder rahmen?
Autor Nachricht
s-ten
Threadersteller

Dabei seit: 19.02.2003
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Fr 26.11.2004 12:13
Titel

css verlinkte bilder rahmen?

Antworten mit Zitat Zum Seitenanfang

Hallo,

folgendes:

ich habe ein bild dieses ist verlinkt.... das bild soll einen schwarzen rahmen bekommen mit der größe von 1px... beim hover soll dieser rahmen weiß werden...
ich hab schon vieles probiert... aber der hover effekt funktioniert einfach nicht...

habt ihr ideen?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
karmacoder

Dabei seit: 15.04.2002
Ort: Fürth
Alter: 35
Geschlecht: Männlich
Verfasst Fr 26.11.2004 12:16
Titel

Antworten mit Zitat Zum Seitenanfang

poste bei sowas bitte immer gleich einen ausschnitt aus deinem source code, dann koennen andere sehen was fehlt/falsch ist,
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Fr 26.11.2004 12:17
Titel

Antworten mit Zitat Zum Seitenanfang

probier mal

<a href="#"><img src="bild.png" alt="" width="300" height="200" /></a>


Code:

<style type="text/css">
a img {border: 1px solid black;}
a:hover img {border: 1px solid white;}
</style>



oder wenn dir internet explorer user egal sind einfach:

img {border: 1px solid black;}
img:hover {border: 1px solid white;}


//edit:
moment, ich seh gerade das der dummi explorer selbst das nich zu können scheint.
ich schau mal eben wie ich das auf meiner seite gemacht hab

//edit2:
machs so, so funktionierts selbst mit dem überbrowser

Code:

<a href="#" class="bilderlink"><img src="bild.png" alt="" width="300" height="200" /></a>


<style type="text/css">
img {border: none;}
* html a.bilderlink {border: 1px solid black;}
* html a.bilderlink:hover {border: 1px solid white;}
.bilderlink img {border: 1px solid black;}
.bilderlink img:hover {border: 1px solid white;}
</style>


Zuletzt bearbeitet von beeviZ am Fr 26.11.2004 12:25, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
s-ten
Threadersteller

Dabei seit: 19.02.2003
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Fr 26.11.2004 13:07
Titel

Antworten mit Zitat Zum Seitenanfang

also der rahmen ist schwarz alles gut, doch kein hover effekt im internet explorer... im firefox ist alles perfekt...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Rahmen um verlinkte Bilder entfernen
[CSS] onclick-Rahmen um verlinkte Objekte entfernen
Rahmen um verlinkte Grafik
CSS Rahmen
CSS und Rahmen mit Grafik
online rahmen um bilder legen?
Neues Thema eröffnen   Neue Antwort erstellen
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.