• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

Website color critique / recommendations...

Page 2 - Seeking answers? Join the AnandTech community: where nearly half-a-million members share solutions and discuss the latest tech.
Originally posted by: Turkish
Originally posted by: JohnKimble
Sorry, can\'t edit b/c scripting is disabled

9. To align the whole page without much trouble, do body {text-align:center;} and then make a div aruond the whole website, and if you have one then add margin:0 auto; which will add automatic margins to left & right sides, and text-align:left to make the text in the site align left. The reason for body {text-align:center;} is because IE5 doesn\'t understand the margin left&right, but it will center if you do text-align:center. Remember, you\'re putting this in the container, so for ex

body {
text-align:center;
}

#container {
margin:0 auto;
text-align:left;
}

just did what you said but nothing changed on the site? can you check the code and tell me what I am doing wrong? thanks 🙂

Well, it would have worked if you didn't position all the layers absolutely. So you can either keep it that way, or make it more compatible/easy to edit by removing the position:absolute; in all the layers, and basically re-designing it.



If I were you, I would start from scratch. This is how I would do it...

Make a div for the header, a div for the left column, a div for the center column, and a div for the right column.

*Assign the header the width of the site (760px+), and a height for the banner.

*Assign the left column a width in pixels (140px?), and make it float left.

*Assign the center column a margin-left: of 140 pixels, or even more.

*Assign the right column a width in pixels just like the left, and make it float right.

This is just off the top of my head, and it probably isn't right but with some experimenting, it could be.

Got AIM?
 
Originally posted by: JohnKimble
Originally posted by: Turkish
Originally posted by: JohnKimble
Sorry, can\'t edit b/c scripting is disabled

9. To align the whole page without much trouble, do body {text-align:center;} and then make a div aruond the whole website, and if you have one then add margin:0 auto; which will add automatic margins to left & right sides, and text-align:left to make the text in the site align left. The reason for body {text-align:center;} is because IE5 doesn\'t understand the margin left&right, but it will center if you do text-align:center. Remember, you\'re putting this in the container, so for ex

body {
text-align:center;
}

#container {
margin:0 auto;
text-align:left;
}

just did what you said but nothing changed on the site? can you check the code and tell me what I am doing wrong? thanks 🙂

Well, it would have worked if you didn't position all the layers absolutely. So you can either keep it that way, or make it more compatible/easy to edit by removing the position:absolute; in all the layers, and basically re-designing it.

Got aim?

YGPM.
 
The last line of the contact info on the bottom left is running into the dark brown, can't read it. The colors look okay for the the product, but your navigation menu isn't very exciting or distinct from the rest of the site.
 
Originally posted by: Turkish
Oh and I redid the colors, what do you all think now?

i like the new scheme much better than the previous.
in FF, your contact info in the lower left is running into the footer bar
 
Back
Top