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

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mi 24.04.2024 20:57 Benutzername: Passwort: Auto-Login

Thema: [CSS] verlinktes IMG soll sich nicht wie Link verhalten vom 04.01.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] verlinktes IMG soll sich nicht wie Link verhalten
Autor Nachricht
Xaven
Threadersteller

Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 04.01.2010 13:05
Titel

[CSS] verlinktes IMG soll sich nicht wie Link verhalten

 Antworten mit Zitat Zum Seitenanfang
Guten Morgen Frorum!

Folgendes Problem:
In meinem Blog sind die Beitragsüberschriften als Grafiken angelegt, die wiederum auf den Beitrag verlinken.
Siehe hier:
www.schoenster-tag.de/blog

Code:
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Link zu <?php the_title(); ?>"><?php the_ttftitle(); ?></a></h1>


Nun nimmt die Überschrift logischerweise die ganz normalen Linkklassen an:

Code:
a:link, a:visited {
   color: #7d1a26;
   text-decoration: none;
   border: 1px;
   border-bottom-style:dotted;
}
a:hover, a:active {
   color: #ffffff;
   background-color: #7d1a26;
   border: 1px;
}


Das soll sie aber nicht. D.h. die Überschrift (die hier als Grafik ausgegeben wird) darf kein Border & keine Text-Decoration haben. Was tun? Habe schon alles Mögliche ausprobiert, aber sicher irgendwo einen Fehler gemacht.

Weiß jemand mehr als ich? Lächel

[edit]
Verschoben von Programmierung nach Allgemeines - Nonprint.

Zuletzt bearbeitet von Smooth-Graphics am Mo 04.01.2010 14:28, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 04.01.2010 13:31
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
h1 a:link,
h1 a:visited {
   …
}
h1 a:hover,
h1 a:active {

}


Alternativ könntest du die Hyperlinks auch mit einer CSS Klasse versehen.

Code:
<h1><a href="#" class="img_headline"><img src="#" /></a></h1>

a.img_headline:link,
a.img_headline:visited {
   …
}
a.img_headline:hover,
a.img_headline:active {
   …
}


Und wie gewünscht anpassen.

Zuletzt bearbeitet von m am Mo 04.01.2010 13:35, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Xaven
Threadersteller

Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 04.01.2010 14:02
Titel

Antworten mit Zitat Zum Seitenanfang
Funktioniert. Tausend Dank für die schnelle Hilfe!

Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mo 04.01.2010 14:36
Titel

Antworten mit Zitat Zum Seitenanfang
Dazu noch ein Tipp: Da :link und :visited eh gleich aussehen, schreibe einfach nur a, und deklariere für die Pseudoklassen :hover, :active und :focus einfach nur noch die jeweiligen Änderungen.

Vorausgesetzt, Du nutzt nicht noch a-Elemente als Sprungziele für Steinzeitbrowser wie NN 4 *zwinker*
  View user's profile Private Nachricht senden
 
Ähnliche Themen [HTML] Rahmen um verlinktes Bild
Rahmen-hover-Effekt um verlinktes Bild im IE
DW: Verhalten bei Links
Text mit Verhalten versehen...
Merkwürdiges Verhalten mit meinen Frames!
Dreamweaver Verhalten on mouse klick
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.

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