Ergebnis 1 bis 4 von 4
Thema: h2 innerhalb von a???
LinkBack URL
About LinkBacks-
16-09-2009, 11:34 #1
Doppel-As
- registriert
- 21-04-2009
- Beiträge
- 143
h2 innerhalb von a???
Hallo Leute,
grundlegend kann man ja sagen, dass die Reihenfolge so gehören würde:
<h2><a href...></a></h2> und nicht so <a href...><h2>text</h2></a> oder?
aber was ist, wenn ich folgendes Szenario realisieren will:
Ich habe ein <div> in dem befindet sich ein <h1> und <h4> und ich will, dass sowohl h1 als auch h4 auf das selbe ziel verlinken und auch GLEICHZEITIG als rollover funktionieren. Beide sollen aber doch noch unterschiedliche rollovers aufweisen! Klingt kompliziert ich weiß.
Also folgendes Beispiel:
Ich würde z.b. gerne dem farbig hinterlegten h4 element beim hover eine andere background-color geben, dem h1 element eine andere schriftfarbe und ZUSÄTZLICH beiden elementen einen border um das div. Ist das verständlich?PHP-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Dokumenttitel</title>
<style type="text/css">
.wrapper {
width:550px;
}
.complete_title a:hover{
background-color:#00FFCC;
}
.blogID_1 {
background-color:#B9CC40;
}
#blogID {
margin-bottom:5px;
}
h1 {}
h4 {}
.content {
font-size:11px;
font-family:Arial;
}
</style>
</head>
<body>
<div class="wrapper">
<div><a class="complete_title" href="http://www.google.de" rel="bookmark" title="titel">
<h4 id="blogID" class="blogID_1">Blogname</h4>
<h1>Headline</h1>
</a></div>
<p class="content">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<p>
</div>
</body>
</html>
Es sollte quasi das gesamte Div als EIN link funktonieren, der auch dem User quasi indiziert, dass es EIN link ist, aber doch noch zusätzlich eigene Effekte beider h-elemente.
Nochmals, wenn ich über das DIV das beide h's trägt mit der mausfahre, soll das DIV einen Border bekommen und beide elemente einschließen. zusätzlich sollen aber beide h-elemente unterschiedliche hover-styles ausführen. GEHT DAS IRGENDWIE?
danke und lg
-
16-09-2009, 11:51 #2
Super Moderator
- registriert
- 28-03-2008
- Beiträge
- 17.757
AW: h2 innerhalb von a???
Also prinzipiell ist
nicht valide - wenn du valides HTML schreiben willst musst du etwa sowas machen:HTML-Code:<a><h1>...</h1></a>
und dann die Klasse .h1 entsprechen anpassen.HTML-Code:<a><span class="h1">...</span></a>
Ansonsten ist dein Vorhaben schon zu realisieren - du musst nur die Klassen richtig ansprechen (in deinem Bsp. oben wäre z.B. die Hintergrundänderung mit dieser Ansprache: "a.complete_title:hover .blogID_1" zu realisieren).
Das mit dem Rahmen um das Div ist nicht zu machen - ABER du kannst deinem <a> einfach ein display: block geben und dann das <a> umranden.
-
16-09-2009, 13:08 #3
Doppel-As
- registriert
- 21-04-2009
- Beiträge
- 143
AW: h2 innerhalb von a???
danke, genau das wollte ich wissen!
-
16-09-2009, 13:12 #4
Super Moderator
- registriert
- 28-03-2008
- Beiträge
- 17.757
AW: h2 innerhalb von a???
Bitte.
ZitierenÄhnliche Themen
-
Auf Methoden innerhalb eines anderen Objectcontext zugreifen
Von loivlis im Forum JavaScriptAntworten: 15Letzter Beitrag: 14-11-2008, 11:59 -
Selektierten Text nur innerhalb eines DIV's?
Von gu4rdi4n im Forum JavaScriptAntworten: 4Letzter Beitrag: 09-10-2008, 19:00 -
onkeyup
Von goody im Forum JavaScriptAntworten: 19Letzter Beitrag: 22-05-2006, 20:38 -
innerhalb eines divs mit JS scrollen
Von tobias@tobias im Forum JavaScriptAntworten: 2Letzter Beitrag: 14-03-2006, 19:13 -
font-Tag oder td-Tag innerhalb eines Table-Tags verändern
Von kakalake im Forum JavaScriptAntworten: 4Letzter Beitrag: 27-08-2002, 15:14
Lesezeichen