OutFront Forums
     Home    Register     Search      Help      Login    

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

 

<div> inside <a> question, and IE6 adding space below logo

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> <div> inside <a> question, and IE6 adding space below logo
Page: [1]
 
 
joy

 

Posts: 178
From: Gilbert AZ USA
Status: offline

 
<div> inside <a> question, and IE6 adding s... - 7/9/2008 22:20:16   
Hello,

It's been a really long time since I've posted here - I'm glad this community is still thriving! Everyone here was always so helplul. It looks like I'm getting back into web design and I have a couple of questions on a new site I'm working on.

Site: www.thekineticcompany.com

#1. IE6 is putting a space under the logo, and shifting the div below it down. It's doing this on another site too, and I can't figure out why.

Screenshot of the error: http://www.thekineticcompany.com/error.gif

#2. I wanted specific <div> sections to have a hover effect, so I did this: <a><div>content here</div></a> for several divs so a uniform-sized square would change background and text colors when hovered. This is apparently not valid. I tried putting the <a> inside the <div>, but since my <div> contains <h1> and <p>, this apparently isn't valid either. I tried adding a <span> around it, and it's still showing as invalid. It seems to be working fine (in ie and firefox, anyways), but it bugs me that the page won't validate.

What is the best way to do this while keeping the size of the hovered "square" consistent even though each div contains a different amount of text?

Thanks in advance for the help!
Joy

< Message edited by joy -- 7/9/2008 23:11:30 >
jaybee

 

Posts: 14442
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: <div> inside <a> question, and IE6 addi... - 7/11/2008 9:42:57   
Div inside a doesn't validate because it doesn't make any sense.

Set up a class in your css to give the hover effect you want then apply the class to your hyperlinks <a class="hovereffect" href="

The heading problem is likely to be the IE pixel jog. Take a look round positionize everything and you should find a fix for it. Sorry I don' have time to play with it at the moment.

< Message edited by jaybee -- 7/11/2008 9:48:14 >


_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to joy)
Tailslide

 

Posts: 6758
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: <div> inside <a> question, and IE6 addi... - 7/12/2008 3:14:01   
The fix for IE adding space below images is to make the image display:block.

_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to jaybee)
joy

 

Posts: 178
From: Gilbert AZ USA
Status: offline

 
RE: <div> inside <a> question, and IE6 addi... - 7/20/2008 22:48:24   
Thank you for the suggestions. display:block fixed the image problem.

(in reply to Tailslide)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> <div> inside <a> question, and IE6 adding space below logo
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts