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. :confused: 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/archive/200509/css_21_selectors_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.