TalkPHP - View Single Post

Jelmer · 12-27-2007, 07:52 PM

I don't know about the problem, but you can clean up your css a lot, for example you can replace this:

Code:

border-left: 1px solid #333333;
border-top: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;

with this:

Code:

border: 1px solid #333333;

if you want different border sizes on each side:

Code:

border: 1px 2px 0 4px solid #ccc;

(clockwise from top, so border-top is 1px, border left is 4px)

You can also combine the fonts stuff in one line:
font: 1.1em arial, sans-serif;

And finally you can lose a lot of code for the menu items, first define the things that are the same in one piece of code like this:

Code:

#anylinkmenu1, #anylinkmenu2, #anylinkmenu3
{
insert same code..
}

#anylinkmenu1{insert specific code}

I guess it might not be that relevant now but it might just improve your css skills a bit..

I had a look in IE and I see what's wrong now, but besides being behind those div's, I can't click on the links in IE either so that's another potential issue.. Are you sure this is caused (and can therefore be fixed) with css? Is there any javascript involved?

12-27-2007, 07:52 PM	#5 (permalink)
Jelmer The Wanderer Join Date: Dec 2007 Location: The Netherlands Posts: 13 Thanks: 3	I don't know about the problem, but you can clean up your css a lot, for example you can replace this: Code: border-left: 1px solid #333333; border-top: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #333333; with this: Code: border: 1px solid #333333; if you want different border sizes on each side: Code: border: 1px 2px 0 4px solid #ccc; (clockwise from top, so border-top is 1px, border left is 4px) You can also combine the fonts stuff in one line: font: 1.1em arial, sans-serif; And finally you can lose a lot of code for the menu items, first define the things that are the same in one piece of code like this: Code: #anylinkmenu1, #anylinkmenu2, #anylinkmenu3 { insert same code.. } #anylinkmenu1{insert specific code} I guess it might not be that relevant now but it might just improve your css skills a bit.. I had a look in IE and I see what's wrong now, but besides being behind those div's, I can't click on the links in IE either so that's another potential issue.. Are you sure this is caused (and can therefore be fixed) with css? Is there any javascript involved?