Div verlinken ohne Inhalt

[Foos]

Hallo,

ich hab in einem Wordpress-Template (php also) einen Div-Container, welcher keinen Text beinhalten darf und ein Hintergrundbild (mein Logo) hat.

Den Text blende ich mit "text-indent" aus. Mein Problem: Dadurch, dass ich den Text nun ausblende ist ja nichts mehr da, was ich klicken kann

Habt ihr eine IdeE?

 

[cebito]

AW: Div verlinken ohne Inhalt

Mach statt dem Div ne h2:

<a href="#"><h2>logo</h2></a>

den Rest wie gehabt...

 

[sokie]

AW: Div verlinken ohne Inhalt

ansatz1: statt des Div ein <a> element mit display:block und dem hintergrund verwenden (der IE6 braucht zusätzlich javascript)
ansatz2: javascript - element.onclick = function(){}.
@cebito Blockelemente (zb H2) innerhalb von a sind nicht valide.

 

[Foos]

AW: Div verlinken ohne Inhalt

mmm irgendwie is der Wurm drin

<div class="boxtitle">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
</div>

#blog-title{
	margin:15px 0px 0px 0px;
	height:57px;
	width:270px;
	float:left;
	cursor: pointer;
	
}

#blog-title  span a:link,#blog-title  span a:visited{
	color:#fff;
	margin-top:20px;

	float:left;
}

h1#blog-title{
	font-size:1px;
	background:url(images/logo.png);
	
}

Funzt net ?!

 

[cebito]

AW: Div verlinken ohne Inhalt

Du sollst auch die h2 in den a-tag setzen und nicht umgekehrt! Guck mal mein Beispiel oben richtig an. Und dann musst die h2 auch noch dementsprechend stylen und ihr das Hintergrundbild geben. Das Stück css, was sollen wir damit? Hat nichts mit deinem Codeausschnitt zu tun.

 

[Llynyania]

AW: Div verlinken ohne Inhalt

Hi,

div=boxtitle und wie im css #blog-title sind 2 unterschiedliche sachen, vielleicht haste dich da vertan?

 

[Herr_D]

AW: Div verlinken ohne Inhalt

Warum baust du nicht einfach ein clear.gif ein?

 

[cebito]

AW: Div verlinken ohne Inhalt

@cebito Blockelemente (zb H2) innerhalb von a sind nicht valide.

Jein, ich mach das schon lang so, es hat noch kein Validator gemeckert. Heißt ja auch nicht, das inline Elemente keine Blockelemente beinhalten dürfen sondern:

Inline-Elemente dürfen Text und weitere Inline-Elemente aber in der Regel keine Block-Elemente enthalten.

in der Regel Allerdings steht da auch nicht, welche Ausnahmen zulässig sind Aber wie schon gesagt, es wurde noch nie bemängelt. Und so gibst dem Logo auch in SEO-Hinsicht eine gewisse Bedeutung.

 

[Foos]

AW: Div verlinken ohne Inhalt

Warum baust du nicht einfach ein clear.gif ein?

Hmmm klingt logisch. Problem: Das sind meine ersten Versuche mit php und ich hab grad keine Ahnung wie ich das gif da reinbekomme