Quote:
|
Originally Posted by chucker
If you want the entire image to be one:
<div id="header">
<a href="INSERTHERE"><div id="headerimg">
<div class="description"><?php bloginfo('description'); ?></div>
</div></a>
</div>
<hr /> |
NO! Bad Chucker.
This isn't valid xhtml. And it causes quite a few problems... most notoriously the IE 6/win reload bug. Each time you mouse over the image it will reload it. I've never found a way around it... I just learned to deal with having only the description be the link. I'm sure there's a way around it... see the issue is that <div> is a block level assignment, and <a> is a line level assignment. You can't wrap line-levels around block levels (or something like that... I don't think my terminology is exactly correct). Perhaps there'd be a way around it using absolutely positioned <span> tags with the header image inside them. But I'm a CSS/xhtml newb... So I guarantee that this won't work... but maybe it will send someone on the right track.
