8 replies [Last post]
shivian
Offline
Regular
Chicago, IL
Last seen: 15 years 50 weeks ago
Chicago, IL
Timezone: GMT-6
Joined: 2005-12-16
Posts: 13
Points: 0

I am in the process of prepairing to switch to using full CSS for shivian.com and would love for people to check out the new layout and let me know how the CSS is flowing and if I need to do any tweeks. The relevant URLs for the new design are below (note: shivian.com is still not running on this new CSS, only these BETA pages are). I tried to impliment all the CSS codes I will be using across the two pages to make a sort of swatch or template so that I (and others here) can see how all the elements would work togeather.

Further, I am using rather annoying (but working) code for the navigation menu on the left hand side of the pages (in the sidebar). If anyone knows of a clearer way to do this without having to have teirs designed on each level - yet retaining the design that I want, please let me know, thanks!

Pages
http://shivian.com/site_without_tables.htm
http://shivian.com/site_without_tables-blogpage.htm
http://shivian.com/site_without_tables-fullpage.htm

CSS Page
http://shivian.com/uw_style-no_tables.css

Mail

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Re: Shivian.com switch to full CSS

shivian wrote:
Further, I am using rather annoying (but working) code for the navigation menu on the left hand side of the pages (in the sidebar). If anyone knows of a clearer way to do this without having to have teirs designed on each level - yet retaining the design that I want, please let me know, thanks!

I would've thought that is the correct way to present a list of links and sub-links like you have. Although in your CSS, you seem to have far more levels of <ul> than you actually have in your HTML.
And I take it the image for the top navigation is just a placeholder at the moment?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

shivian
Offline
Regular
Chicago, IL
Last seen: 15 years 50 weeks ago
Chicago, IL
Timezone: GMT-6
Joined: 2005-12-16
Posts: 13
Points: 0

Re: Shivian.com switch to full CSS

Tyssen wrote:
I would've thought that is the correct way to present a list of links and sub-links like you have. Although in your CSS, you seem to have far more levels of <ul> than you actually have in your HTML.
And I take it the image for the top navigation is just a placeholder at the moment?

Yeah, the top nav will become an image map shortly. Further, the UL's are highly nested -in-case- I need that many layers eventually. I know I don't right away but better prepaired then having to code it in later when I might be in a rush.

Thanks for taking the time to get back to me about it. I take it that it all displays fine then?

shivian
Offline
Regular
Chicago, IL
Last seen: 15 years 50 weeks ago
Chicago, IL
Timezone: GMT-6
Joined: 2005-12-16
Posts: 13
Points: 0

Shivian.com switch to full CSS

whew... crickets...

I cleaned up the css a bit, removing the "ender" css blocks, making the site very low tiered

-- top back wrapper
---- top bar image

-- site wrapper
---- content wrapper
------ content content
---- sidebar wrapper
------ sidebar content

edit: Also cleaned up the coding for the sidebar nav that was so bloated, removed any redundent style formats and now only the changed ones are in place, also making it easier to add new tiers in the future, or change a teir's icon image

shivian
Offline
Regular
Chicago, IL
Last seen: 15 years 50 weeks ago
Chicago, IL
Timezone: GMT-6
Joined: 2005-12-16
Posts: 13
Points: 0

Shivian.com switch to full CSS

Hrm, 89 views and only 3 responses, am I doing somthing wrong?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Shivian.com switch to full CSS

If no-one's replied it's cos:
a) there's nothing wrong,
b) if there is something wrong, they think it's been answered.

If it's a), then that's great. If it's b) but there still is something wrong, then I think you need to state it clearly.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

shivian
Offline
Regular
Chicago, IL
Last seen: 15 years 50 weeks ago
Chicago, IL
Timezone: GMT-6
Joined: 2005-12-16
Posts: 13
Points: 0

Shivian.com switch to full CSS

Tyssen wrote:
If no-one's replied it's cos:
a) there's nothing wrong,
b) if there is something wrong, they think it's been answered.

If it's a), then that's great. If it's b) but there still is something wrong, then I think you need to state it clearly.

Ah, I thought people would post advice, points, thoughtful commentary - not just if it was broken. Thanks for the heads up! Laughing out loud

TymArtist
TymArtist's picture
Offline
Regular
Chicago
Last seen: 9 years 49 weeks ago
Chicago
Timezone: GMT-6
Joined: 2005-11-23
Posts: 31
Points: 8

Shivian.com switch to full CSS

Impressive. Much cleaner. I was most pleased by the reduced load time from 8 seconds to .1 seconds on a T1 (which might have something to do with the database and not the actual structure and markup of the page - something to consider)

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 7 years 30 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

Shivian.com switch to full CSS

Hi there. I think a bigger font-size will fit in nicely with your layout, also some padding between the text and the background's border area. Right now, they're too close to each other.

Cheers! Laughing out loud

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com