4 replies [Last post]
obsidian
Offline
Enthusiast
South Carolina
Last seen: 15 years 14 weeks ago
South Carolina
Joined: 2004-08-15
Posts: 136
Points: 0

Alright, I really need some help here. I have been trying to learn CSS for some time now, and I like to think I'm getting the hang of it, but I've stumbled accross something that I really can't get to work properly. All I want is dashed borders around my boxes in the sidebar. Everything shows up fine... except in IE, suprise, suprise. What I'm running into is that the links in the box (which I have used border-bottom rather than text-decoration) do not show the border-bottom, and when any link on the page is hovered over, the entire border around the box jumps. This occurs every time the page is refreshed. I would appreciate any help you could give me.

Here's my CSS for the sidebar:

#sidebar ul {
	margin-bottom: 0;
}

#sidebar h3, #sidebar p {
	padding: 0 10px;
}

#sidebar #window {
	margin: 5px 5px 0;
	padding: 5px;
	border: 1px dashed #3C4349;
	background: #FFFFFF;
	line-height: normal;
}

#sidebar #window p {
	text-align: justify;
}

#sidebar #window table.login th {
	background-color: #ADC6D7;
	width: 190px;
}

#sidebar #window table.login td {
	padding: 5px 0 0 0;
	font-size: 10px;
}

#sidebar #window table.login td a {
	color: #4F4F4F;
	text-decoration: none;
	border-bottom: 1px dashed #4F4F4F;
}

#sidebar #window table.login td a:hover {
	color: #ADC6D7;
	border-bottom: 1px dashed #ADC6D7;
}

#wrap > #sidebar {
	width: 190px;
}

You can see what I'm talking about here:

http://liz.thewaytech.com/new/

What's really throwing me is that the links in all the other portions of the page are set up the same way, and they work fine (including the second box on the same page wich has the exact same CSS.)

Any thoughts would be greatly appreciated!!!

You can't win, you can't lose, you can't break even. You can't even get out of the game!

Root
Offline
Enthusiast
Brighton UK
Last seen: 14 years 51 weeks ago
Brighton UK
Joined: 2004-09-08
Posts: 76
Points: 0

Border issues in IE (Suprise!)

Yes. You have 2 divs with the id of window. Change that to class and you should be OK. The markup and CSS looks pretty neat otherwise.

No class, little style and a lotta division.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 3 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Border issues in IE (Suprise!)

Seems fine in IE6, can't see any of the problems you mention; have you fixed it ?

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

obsidian
Offline
Enthusiast
South Carolina
Last seen: 15 years 14 weeks ago
South Carolina
Joined: 2004-08-15
Posts: 136
Points: 0

Border issues in IE (Suprise!)

haven't fixed it yet... still seem to be having an underline problem with the login box.

if someone can take a look: liz.thewaytech.com

everything seems to be working except for the dashed underline inside the login box on the main page. the "Forgot" and "Register" word links don't have the underline in IE. I think everything else is fine.

Any help would be greatly appreciated!

You can't win, you can't lose, you can't break even. You can't even get out of the game!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 6 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Border issues in IE (Suprise!)

Hi obsidian,
You may have to set the links to display:block to get the border to show up.
Unfortunately this may mess up the section of text.
Another option would be to float the links but this would also make a bit of a mess.

Sorry I can't see why the other links work and these don't.