11 replies [Last post]
level5
Offline
Enthusiast
Tucson, AZ
Last seen: 13 years 24 weeks ago
Tucson, AZ
Timezone: GMT-7
Joined: 2007-04-17
Posts: 102
Points: 0

Im newbie with CSS. So please tell me if i did right or very wrong i build this website like way Ill be so happy if someone can correcting my skills.. i learned alot about CSS but i feel like something missing that i should have to learn how to do. since i dont have someone to chat, talk, share ideas, etc so help me out! my aim is axisofinsights so hope hear from you from this forums or whatever thanks..

Untitled Document

test

----------------------------------------
Regards,
Nick

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 41 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Not sure what you want. It

Not sure what you want. It looks like you've finished the page.

Upload it to a live url and ask for a review in the reviews section.

level5
Offline
Enthusiast
Tucson, AZ
Last seen: 13 years 24 weeks ago
Tucson, AZ
Timezone: GMT-7
Joined: 2007-04-17
Posts: 102
Points: 0

Hey

ClevaTreva wrote:
Not sure what you want. It looks like you've finished the page.

Upload it to a live url and ask for a review in the reviews section.

Well i mean i want to see if i did the CSS coding proper way.. like process and setups. ok the preview is level5studio.com/tc/ So i know its probably good. but i just want make my coding for CSS is properly struction and proper way.. if you want make suggestions or tip or tricks. please do share ill appreciate it bro. Thank you! Smile

----------------------------------------
Regards,
Nick

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 41 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hi I have moved this to the

Hi

I have moved this to the reviews section, which is where I think it should be.

In IE7, the header/footer are misaligned by one pixel with the center bit.

This is probably a result of using the centering technique wrong somewhere.

Why is the body bg image fixed?

You have used px sizes for your fonts.

Best to set the font (family etc) in the body as 100.1% and then scale using either ems or %

You could set the font-size smaller in the page wraper (tcwrap?)

You set the font-family all over the place, why?

The copyright symbol should be as ©

You have used a class called arrowmenu, but it only occurs in every span inside an li, so instead you could have done away with the class and uses this instead in the stylsheet:

li span{whatever}

Just a few things to get you started.

CT

level5
Offline
Enthusiast
Tucson, AZ
Last seen: 13 years 24 weeks ago
Tucson, AZ
Timezone: GMT-7
Joined: 2007-04-17
Posts: 102
Points: 0

Fixed / Reply

ClevaTreva wrote:
Hi

I have moved this to the reviews section, which is where I think it should be.

In IE7, the header/footer are misaligned by one pixel with the center bit.

This is probably a result of using the centering technique wrong somewhere.

Why is the body bg image fixed?

You have used px sizes for your fonts.

Best to set the font (family etc) in the body as 100.1% and then scale using either ems or %

You could set the font-size smaller in the page wraper (tcwrap?)

You set the font-family all over the place, why?

The copyright symbol should be as ©

You have used a class called arrowmenu, but it only occurs in every span inside an li, so instead you could have done away with the class and uses this instead in the stylsheet:

li span{whatever}

Just a few things to get you started.

CT

I use the MAC so i cant able to check the browser like Internet Explorer so .. I have no idea why the header and footer is little off. Im looking for solution but no luck...

I thought bg fixed will stop the background's scrolling thats what i thought of.

Ok i fixed like you pointed me out.. I really so used with pixels i dont know why fonts needs to be point or em or % i dont get it. i just really dont know much about Em's sizes but why its best than pixel for font? can i ask?

Now i understand that body's family font cant connect whole layout. each css can be adustable by the font sizeable. its much nicer.

I tried do the You have used a class called arrowmenu, but it only occurs in every span inside an li, so instead you could have done away with the class and uses this instead in the stylsheet:

li span{whatever}

it affect the links to be big and fat like the arrows. so i just post the update code and reuploaded to level5studio.com/tc/

And when i change to em on the my menu the yellow part. i still having promblem to make it mouseover and white part fits the bar so well.. so

Thanks again for helping im pleased with it so hope hear from you soon..

Untitled Document

test

----------------------------------------
Regards,
Nick

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 41 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hi I'm dashing out right

Hi

I'm dashing out right now, so I'll take a better look later.

CT

level5
Offline
Enthusiast
Tucson, AZ
Last seen: 13 years 24 weeks ago
Tucson, AZ
Timezone: GMT-7
Joined: 2007-04-17
Posts: 102
Points: 0

Aw

ClevaTreva wrote:
Hi

I'm dashing out right now, so I'll take a better look later.

CT

AWW, Darn man.. okay sure.. no plm... Thanks.

serouslly anybody can see the transparents or white bacckground on the header and footer.

Are all browser ready for PNGS like transparents or what??

----------------------------------------
Regards,
Nick

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 41 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

level5 wrote:serouslly

level5 wrote:
serouslly anybody can see the transparents or white bacckground on the header and footer.

Are all browser ready for PNGS like transparents or what?

Modern browsers have no problems with transparencies. IE6 can be tricked into using them (search for png fix) although it can lead to some problems, but mainly folks get it working. IE6 also has another problem in that the png pallete must be 24bit (16.7m colors). If you use a pallete with less colors (ie by compressing the image) IE6 will render the colors wrong by a significant shade difference.

Anyway, I'll be back with some suggestions in a bit.

CT

level5
Offline
Enthusiast
Tucson, AZ
Last seen: 13 years 24 weeks ago
Tucson, AZ
Timezone: GMT-7
Joined: 2007-04-17
Posts: 102
Points: 0

ok

thanks its no worries man

----------------------------------------
Regards,
Nick

Thinker
Offline
newbie
Brooklyn, NY UsA
Last seen: 15 years 16 weeks ago
Brooklyn, NY UsA
Joined: 2007-04-27
Posts: 1
Points: 0

Px / em / %

"Ok i fixed like you pointed me out.. I really so used with pixels i dont know why fonts needs to be point or em or % i dont get it. i just really dont know much about Em's sizes but why its best than pixel for font? can i ask?"

Dude Internet Explorer?

I don't really know if this is what you meant but last I checked pixels cannot be resized in IE , so that means your site is 'virtually' inaccessible to that portion of browsers using the big E. Well if you don't care about that do your thing.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 25 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Thinker wrote:[right]"Ok i

level5 wrote:
[right]"Ok i fixed like you pointed me out.. I really so used with pixels i dont know why fonts needs to be point or em or % i dont get it.

It's simple - THE WEB IS NOT PAPER!!.

There are a whole number of things a web designer cannot know, and moreover the resolution of most computer screens is much worse than even newsprint. Take a look at the Truth and Consequences of Web Design site and read through it with close attention. This is stuff that is essential knowlege for writing good web sites.

Writing for the web as if it were paper is like writing for TV as if it were just radio with pictures. It just doesn't work. The web is it's own new medium and you have to understand it and learn it's rules to be successful in writing for it.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

level5
Offline
Enthusiast
Tucson, AZ
Last seen: 13 years 24 weeks ago
Tucson, AZ
Timezone: GMT-7
Joined: 2007-04-17
Posts: 102
Points: 0

thanks for the info. im

thanks for the info. im learning thanks!

Ed Seedhouse wrote:
level5 wrote:
[right]"Ok i fixed like you pointed me out.. I really so used with pixels i dont know why fonts needs to be point or em or % i dont get it.

It's simple - THE WEB IS NOT PAPER!!.

There are a whole number of things a web designer cannot know, and moreover the resolution of most computer screens is much worse than even newsprint. Take a look at the Truth and Consequences of Web Design site and read through it with close attention. This is stuff that is essential knowlege for writing good web sites.

Writing for the web as if it were paper is like writing for TV as if it were just radio with pictures. It just doesn't work. The web is it's own new medium and you have to understand it and learn it's rules to be successful in writing for it.

----------------------------------------
Regards,
Nick