WEBMASTER THREAD: who needs some CSS tips?

[MetaMan]

Post away!

i am willing to help out if its general questions, not here to fix you entire page

[MetaMan]

quick one:

<link rel="stylesheet" href="www.domain.com/css.css" type="text/css" />
<!--[if lte IE 6]><style type="text/css" media="all">@import "www.domain.com/ie6.css";</style><![endif]-->
<!--[if gt IE 6]><style type="text/css" media="all">@import "www.domain.com/ie7.css";</style><![endif]-->


put this is your header if there is small differences in IE and you need to change up margins etc.

you dont need an entire new style sheet for each new called in css file, you only need to replace the div that are different for ie and ie will read it.

[MetaMan]

always use your h1-h6 tags for main titles.

also always put main txt in <p></p> paragraph holders.

[MetaMan]

for a repeating style always use <div class=""></div>
for individual divs use <div id=""></div>

[jscott]

can you or somebody help direct me on how i can insert a 950width x 140height header into my asian porn blog -> www.asian-blogs.com please

pretty please

[MetaMan]

when doing padding and margins use this format:

padding: 10px 5px 5px 5px;

the order goes:
padding: top right bottom left;

when you have a padding of:

padding: 10px 0px 0px 0px;
the "px" is not needed take out the "px" on 0's and it becomes:

padding: 10px 0 0 0;

[MetaMan]

can you or somebody help direct me on how i can insert a 950width x 140height header into my asian porn blog -> www.asian-blogs.com please

pretty please

i wont go into the page exactly but i am guessing something like this:

in the css file:
#header {
width: 950px;
height:140px;
float:left;
}

if you want to center it:

#header {
width: 950px;
height:140px;
float:left;
margin: 0 auto;
}

if it end up aligning wrong and tucking next to a div do:

#header {
width: 950px;
height:140px;
float:left;
margin: 0 auto;
clear:both;
}

so then in the page its:
<div id="header">content here</div>

[jscott]

thanks Meta Man, i'll try to figure it out based on what you said, in a couple hours (gotta head out now)
thx thx!

[MetaMan]

proper way to list text:

font: normal 22px Helvetica, arial, sans-serif;

css is all about short form and keeping everything compressed as possible, always think of this when planning out a page.

[MetaMan]

thanks Meta Man, i'll try to figure it out based on what you said, in a couple hours (gotta head out now)
thx thx!

cool once u put it in i can have a look if it doesnt work.

i just cant go through everyone pages for free and do it hehe. but i dont mind helping if its an obvious answer.

[GrouchyAdmin]

CSS is that newfangled shit that doesn't really work, so real webmasters just make everything 100&#37; flash but they pepper the code with unused variables for SEO purposes.

[MetaMan]

CSS is that newfangled shit that doesn't really work, so real webmasters just make everything 100% flash but they pepper the code with unused variables for SEO purposes.

you have obviously never done a page in proper CSS, it makes a world of difference especially if you are running a CMS system and need to make multiple changes at one time.

html is dead. and anyone still doing there pages in it is behind times.

[GrouchyAdmin]

html is dead. and anyone still doing there pages in it is behind times.

Oh, you're being serious for the whole thread? I've been using CSS since 2003. I agree that using inline colors, fonts, etc, is stupid for this day and age.

Also, Don't throw away Dean's "IE7", yet.

[MetaMan]

Oh, you're being serious for the whole thread? I've been using CSS since 2003. I agree that using inline colors, fonts, etc, is stupid for this day and age.

Also, Don't throw away Dean's "IE7", yet.

nice! i wasnt to sure if you were being serious, but it honestly makes a world of difference, amazing the kind of things you can accomplish with it.

css is all powerful

[Sands]

Oh, you're being serious for the whole thread? I've been using CSS since 2003. I agree that using inline colors, fonts, etc, is stupid for this day and age.

Also, Don't throw away Dean's "IE7", yet.

Brilliant! I was looking for something that'd help me out with png support on older versions of IE. Much appreciated ese.