CSS - Combine Two Css Into One?

Hi,

I have a liquid 2 col layout, the left column needs to have a fixed with of 300px whilst the right col just needs to fill the rest of the space.

Has anyone got any suggestions or examples on how this can be done?

Thanks,
Scott

Could someone please help me work this one out, been at it from last night and still can't figure it out?

I have 2 styles, button and tips. I have 5 buttons total and the first 4 are fine as is opening a linked page.

I need help to make the last one which uses the tips style to open a mouse-over message to also be displayed with the same button style.

Thanks a bunch, the forum won't let me post the text so here is a link to it.

lastborns.tripod.com

I'm creating a bunch of stylesheets for our intranet, and rather than have our webmasters use a <link> tag for each individually, i thought I would use @import statements within one main stylesheet. Like this:

Code:

@import url("1.6/core.css");
@import url("1.6/mobile.css");

As you see above, there's a mobile stylesheet as well, which has something like this inside:

Code:

@media screen and (max-device-width: 480px){ 
..stylesheet code...
}

This all works fine, though I got to thinking it would be nice to somehow specify in the import statement this is a mobile stylesheet, so desktop browsers wouldn't bother downloading it.

Using a <link> tag I could do:
Code:

<link rel="stylesheet" type= "text/css" media="only screen and (max-device-width: 480px)" href="iphone.css"  />

Is there a way to do something similar with the @import line?

Hi!

Could some experienced CSS developer please confirm this:

All paddings, and right and left margins, always combine (what I mean is if you have a left object with a 5px right margin and a right object with a 5px left margin, the distance between the two will be 10px).

However, bottom & top margins never combine.

Is all this true?