mario_blank
New member
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?
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
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:
PHP:
<!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>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?
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
