Link question

[pardonmy]

Hi everyone,

I have spent about 2 hours trying to make the image on top of my site to link back to homepage. Can someone help me please? I really have given up. Thank you.

[Joe[y]+]

you can just link to index.php - that's all that's needed.

just wrap the img tag with the <a> tag.

[pardonmy]

Thanks for your help. This is the best that I was able to do, altough it doesn't look like I am doing the right thing. It doesn't come out right on IE although it does come out right on Firefox. Sorry, I am veeeery new to PHP and will buy a book this coming weekend. So please forgive my utter ignorance of the issue. Tx!

<div id="wrapper"> <div id="image">

<a href="http://www.pardonmypixel.com"><img id="image" src="http://www.pardonmypixel.com/templates/sugar/images/image-header.png" alt="Home" title="Click to go to homepage" style="border: 0px solid #000;"/></a>

<div id="image-header">

[blinking8s+]

this is xhtml and css, not php just trying to save you some money, although php is great to learn too

moving this to the design and front end code section, also in this section you will see a list of learning resources, books can be good, but you can learn a lot for free too!

[Joe[y]+]

what's wrong with it in IE?

[tbell]

I think something is messed about your id tags, particularily the div and img tages that both have an image id.

Maybe refresh your selector knowledge here:
http://www.456bereastreet.com/archiv...ectors_part_1/

Could try removing most of the id tags there and see what you get.

[pardonmy]

It seperates the title image from the body and just doesn't look like one piece anymore. This is the code, or at least the part that I think is relevant:

<div id="wrapper"> <div id="image"> <div id="image-header">&nbsp;</div> <div id="image-menu"> <div class="menu"> <!-- if you want to add some items to the left, remove the comments markup and create one <li> for each item <ul style="width:340px; float:left;"> <li>&nbsp;</li> <li><a href="portfolio">portfolio</a></li> <li><a href="forum">formol</a></li> <li><a href="radio">radio</a></li> </ul>-->

I changed the above and added the <a href> tag, but that doesn't look good in IE. Joe, I am not even sure if this is what you had asked me to do. Is it possible to change the above to what I need and post it?

<div id="wrapper"> <div id="image">

<a href="http://www.pardonmypixel.com"><img id="image" src="http://www.pardonmypixel.com/templates/sugar/images/image-header.png" alt="Home" title="Click to go to homepage" style="border: 0px solid #000;"/></a>

<div id="image-header">&nbsp;</div> <div id="image-menu"> <div class="menu"> <!-- if you want to add some items to the left, remove the comments markup and create one <li> for each item <ul style="width:340px; float:left;"> <li>&nbsp;</li> <li><a href="portfolio">portfolio</a></li> <li><a href="forum">formol</a></li> <li><a href="radio">radio</a></li> </ul>-->

[Joe[y]+]

i really think a lot of the code is messed up.. especially ID wise - if i were you i'd get hold of bretzelman (the template creator) and ask him about your problem.

[pardonmy]

Oy vey. Thanks.