[CoopFLYMember]

Ok so I just went to WordPress 2.5 from 2.3.3 and i used to have it set up as my header being clickable to the home page. Now for some reason the same coding i used does not work. I do not understand could someone help me.

Code:

FiLM Grenade

The Most Explosive Film News

Now i added on to the original <div id="headerimg">

any ideas? Thanks :D

[boxMember]

This reply has been reported for inappropriate content.

You don’t need the extra headerimg div – all you’ve done is place a div inside a div, thus bloating your code. Simply add your image as a background to the h1 tag and include all of your text as a single link. The add display:block to that link. i.e.

Code:

#header h1 a{
display:block;
}

…then your link will be clickable. Make sure your h1 height and width match that of you image.

[CoopFLYMember]

"box" wrote:

You don’t need the extra headerimg div – all you’ve done is place a div inside a div, thus bloating your code. Simply add your image as a background to the h1 tag and include all of your text as a single link. The add display:block to that link. i.e.

Code:

#header h1 a{
display:block;
}

…then your link will be clickable. Make sure your h1 height and width match that of you image.

I’m sorry but i am a little confused could you show me. I can not figure out the placement of everything your talking about. I am a newb…sorry :D

[OnyxParticipant]

In your CSS file, you have this code:

Code:

#headerimg {
margin: 7px 9px 0;
height: 192px;
width: 740px;
}

Replace it by:

Code:

#header h1 {
margin: 7px 9px 0;
height: 192px;
width: 740px;
}
#header h1 a {
display:block;
}

You can remove the <div id="headerimg"> from your html file.

[CoopFLYMember]

hey so i replaced

Code:

#headerimg {
margin: 7px 9px 0;
height: 192px;
width: 740px;
}

with this one

Code:

#header h1 {
margin: 7px 9px 0;
height: 192px;
width: 740px;
}
#header h1 a {
display:block;
}

but it does not seem to do anything. My header image still is not clickable. The

Code:

FiLM Grenade

The Most Explosive Film News

I was talking about was in my header.php file not in my style.css file

[Chris CoyierKeymaster]

This reply has been reported for inappropriate content.

You can make entire DIV’s clickable with inline javascript/css if you need to:

https://css-tricks.com/creating-clickable-divs/

[Author]

Posts