zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem bei Link Pseudo - Elemente innerhalb ID

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.02.2007, 12:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.02.2007
Beiträge: 5
vidar befindet sich auf einem aufstrebenden Ast
Standard Problem bei Link Pseudo - Elemente innerhalb ID

Hallo zusammen!
Vielleicht weiß der eine oder andere Rat bei folgendem Problem: Die Styles für die Links sollte im Status "link, visited" innerhalb von "area1" rot/unterstrichen und innerhalb von "area2" blau/nicht unterstrichen sein. "area1" bekommt aber den Style von "area2"?? Abhilfe schafft hier die einzelne Definition aller Pseudo - Elemente. Nur warum? Kann ich die Gruppierung von mehreren Pseudo - Elementen bei einem Style bei Beschränkung auf einen ID-Bereich nicht verwenden? Selbst der Link "keine Area" bekommt diesen Style??? Das Problem tritt bei allen von mir getesteten Brwosern auf. (FF 1.*, IE 6, Netsi7, Opera 8.5)
Gruss Vidar

Code:
<?xml version="1.0" encoding="ISO-8859-1" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
	<title>Test</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	
<style>
#area1 a:link, a:visited {
	color: #ff0000; /*rot*/
	text-decoration: none;
}

#area1 a:hover, a:active {
	color: #ff0000; /*rot*/
	text-decoration: underline;
}


#area2 a:link, a:visited {
	color: #0080FF; /*blau*/
	text-decoration: underline;
}

#area2 a:hover, a:active {
	color: #0080FF; /*blau*/
	text-decoration: none;
}

</style>
</head>

<body>

<div id="area1">
<a href="#">Area 1</a>
</div>

<div id="area2">
<a href="#">Area 2</a>
</div>

<a href="#">keine Area</a>

</body>
</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.02.2007, 12:12
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Code:
#area1 a:link, #area1 a:visited
usw.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.02.2007, 12:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.02.2007
Beiträge: 5
vidar befindet sich auf einem aufstrebenden Ast
Standard

na klar, vollständig definieren geht natürlich! manchmal ist die lösung so einfach... thx
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
Problem mit Impressum Link MarkusStar Offtopic 16 08.07.2010 10:46
Link ersetzt submit-button in Formular => Problem RollingStones Javascript & Ajax 1 21.09.2007 23:15
CSS Navigationsproblem thesecretboy CSS 0 12.04.2007 09:12
Problem: Überschrift <hx> innerhalb von Abschnitt <p> Ares CSS 7 24.10.2006 14:30


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:51 Uhr.