3 replies [Last post]
antimattr
Offline
newbie
toronto
Last seen: 16 years 43 weeks ago
toronto
Timezone: GMT-5
Joined: 2005-02-08
Posts: 5
Points: 0

hello folks,

i'm just getting ready to copy my index.html to various folders to get my site up and running (i.e., move the template index doc to various subfolders, like photo, misc., and contact me). the site is a simple blog and will also be a photoblog as soon as i'm set on my index format.

what i'm looking for from the community is simply some thoughts on the navigation bar (navbar) that i've set up. the normal flow i have is navbar -> content. but i'm floating (and fixing for FF) the navbar on the left and moving the content over with a margin-left. i'm trying to keep things as uncluttered as possible.

please let me know if this setup is reasonable or not, or what i can do to improve it. one issue that i note already is that the navbar takes exceptionally different positions in IE and FF, which i can't figure out exactly.

i don't mind if i have to go back to square one, i'm new to this game and have only learned css from reading tutorials at w3schools and checking out a few other people's code.

i also note that people seem to use a lot more divs to accomplish layouts like what i'm seeking, which i haven't wrapped my head around yet.

thanks so much in advance for your thoughts and suggestions.

site: http://ww.antimattr.com/index.html
style sheet: http://www.antimattr.com/styles.css

matt.

redipixel
Offline
Regular
Tampa, FL
Last seen: 16 years 46 weeks ago
Tampa, FL
Joined: 2005-01-20
Posts: 33
Points: 0

antimattr.com

my .02:
- transparent bg behind "antimatter" no white
- date/header in same style as "antimatter"
- make footer same width as content, again no white bg
- make the hover grey and normal transparent on nav.
- no border on nav, let it really float
- make li's blocks so u dont have to rollover just the text
- its a long page... "back to top" or menu at bottom?

good start though

wayne

REDIPIXEL.COM

antimattr
Offline
newbie
toronto
Last seen: 16 years 43 weeks ago
toronto
Timezone: GMT-5
Joined: 2005-02-08
Posts: 5
Points: 0

antimattr.com

thank you kindly for you input,

- transparent bg behind "antimatter" no white

the antimattr image has a white background, that's why i did that, so the fading colors wouldn't intersect the white background of the image.

- date/header in same style as "antimatter"

i'd love to do that, but i don't have photoshop anymore Smile

- make footer same width as content, again no white bg

is that done by just not specifying the width?

- make the hover grey and normal transparent on nav.

preference thing, i'll check it out though.

- no border on nav, let it really float

can you clarify this? i don't understand. does border affect floating, or is this a preference/style comment?

- make li's blocks so u dont have to rollover just the text

THANK YOU SO MUCH...i was wondering how to do that, because IE makes you rollover the text, while firefox only requires you to rollover the rectangle (for lack of a better word).

- its a long page... "back to top" or menu at bottom?

i'm going to archive by month, and i'm not sure if i should do that blog thing with anchors and a short list...i don't think what i'm saying is important enough for all that jazz.

thank you for your help...i'd still like to hear more everyone else.

matt.

antimattr
Offline
newbie
toronto
Last seen: 16 years 43 weeks ago
toronto
Timezone: GMT-5
Joined: 2005-02-08
Posts: 5
Points: 0

get rid of <li> space in menus, and make block clickab

well, i'm sure this information is somewhere on this site already, but i just wanted to point on that making my list work in IE was not trivial; two problems: (1) whole block not clickable, and (2) weird extra space below each list item.

solution was found here:

http://www.projectseven.com/tutorials/css/uberlinks/

this is a hack involving 'conditional comments' --

does anyone know another way around this, a less hackful hack perhaps?

these darned browswers, they're all over the place.

matt.