Div Container als Link

Definiere dein Link-Element als Block-Element und gib ihm die entsprechenden Dimensionen.

Grüße
Mo

<div id="header">
        <div class="searchform">
            <?php include (TEMPLATEPATH . '/searchform.php'); ?>
        </div>
        <div id="headerimg" onclick="location.href='<?php bloginfo('home'); ?>'">
            <div class="blogtitle"><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></div>
            <div class="description"><?php bloginfo('description'); ?></div> 
        </div>
    </div>

Das sollte schon reichen, glaube ich.

Gruß Jeriko

... na und ?

Diese kleine Javascript-Zeile macht deinen Header-Container (an-)klickbar, ob da irgendwas drinsteht oder nicht, wurscht !
Wie Jeriko bereits gepostet hat ... probiers aus.

<div id="headerimg" [COLOR="Blue"]style="cursor: pointer"[/COLOR] [COLOR="Red"]onclick="location.href='<?php bloginfo('home'); ?>'[/COLOR]">

Den Cursor würde ich noch reinsetzen ...
Übrigens hier : WordPress Deutschland FAQ » Wie verlinke ich meinen Header?

Das ...

<a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a>

... würde ich aber entsorgen.

Zitat von telekommander

... na und ?

Diese kleine Javascript-Zeile macht deinen Header-Container (an-)klickbar, ob da irgendwas drinsteht oder nicht, wurscht !
Wie Jeriko bereits gepostet hat ... probiers aus.

PHP

<div id="headerimg" [COLOR=Blue]style="cursor: pointer"[/COLOR] [COLOR=Red]onclick="location.href='<?php bloginfo('home'); ?>'[/COLOR]">

Den Cursor würde ich noch reinsetzen ...

Gruselig....klar funktioniert es, aber es geht doch viel schöner und vor allem ohne javascript.

<a id="headerimg" href="<?php bloginfo('home'); ?>">
   <div class="blogtitle"><?php bloginfo('name'); ?></div>
   <div class="description"><?php bloginfo('description'); ?></div>
</a>

dazu noch passend die CSS ändern

#headerimg {display: block;}

Sollte die deklaration explizit auf ein div geschrieben sein einfach statt "div#headerimg" dann "a#headerimg" nutzen.

Grüße
Mo

Mo,

Das führt nur wieder zu einer lässtigen Diskussion!

Was bitte ist denn an Javascript gruselig ?
Die meisten Webseiten würden ohne nicht funktionieren.

Deine Lösung funktioniert natürlich auch, nur ist es ganz lustig was andere Browser daraus machen.
Und "die" haben auch was dagegen.

Zitat von telekommander

Mo,

Das führt nur wieder zu einer lässtigen Diskussion!

Was bitte ist denn an Javascript gruselig ?
Die meisten Webseiten würden ohne nicht funktionieren.

Deine Lösung funktioniert natürlich auch, nur ist es ganz lustig was andere Browser daraus machen.
Und "die" haben auch was dagegen.

Ich finde die Diskussion nicht lästig, sondern wichtig :)

Ich vertrete den Standpunkt, dass Webseiten auch komplett ohne JavaScript funktionieren müssen...ebenso sieht es aus mit Flash, Java, SVG etc. Deshalb ist für mich ein derartig unsinniger Einsatz von JavaScript ziemlich gruselig.

Die Definition "display:block" sollte von allen Browsern ab der fünften Generation aufwärts fehlerfrei interpretiert werden.

Der Validator hat natürlich was dagegen, weil Block-Elemente (divs) innerhalb eines Inline-Elements (a) stehen. Korrekterweise müssten aus den Divs natürlich Inline-Elemente gemacht werden, z.B. span.

Btw. Neben oben angeführtem Standpunkt, denke ich auch, dass jemand der Div-Suppe kocht, genauso gut wieder Design-Tabellen nutzen kann.

Grüße
Mo

Also wenn die Schrift schon in der Grafik ist und du wirklich nur den Headbereich anklickbar machen willst, mache ich das ganz einfach immer so:

<div id="headerimg">
<a href="<?php bloginfo('home'); ?>" style="width: 750px; height: 80px; display: block;" title="zur Homepage"></a>
</div>

Breite und Höhe dann halt einfach deinen Größen anpassen. Ganz einfach, valide und ohne JavaScript.