beginner css issue

[mikedev]

update: http://jsfiddle.net/FbkVw/

Main issues:

1. the new established breadcrumb trail is not formatting correctly to the left side?
2. The main nav menu area is not aligning properly with the logo.
3. In the breadcrumb trail it would be good to put > to help visually show the separation. Is there a way in the css to do this? It would appear to be better in css then in the html, to keep better semantics..

4. I was curious if by using ul class/id settings rather then “divs id=nav” (for example) is this better semantics? My understanding is it is better to not use “divs” for ordered lists.. such as the nav and breadcrumbs. And to leave “divs” for the main content area, ect.

slowly but surely :)

[timmey]

1) You could add

clear:both;

to breadcrumb
3) In CSS for example

#breadcrumb a:before {

content: '> ';

}

[mikedev]

update: http://jsfiddle.net/HnUCu/

I’ve tried to implement a 2 column fixed width content area..with bad results.

Here is the ultimate goal I created in psd.

http://i56.tinypic.com/24cup6t.png

[mikedev]

timmey: thank you, although

1. the clear effect is not helping aligning

2. The content “>” is not adding any additional characters to the breadcrumb trail in the css.

[timmey]

Here is a short update, maybe it helps

http://jsfiddle.net/HnUCu/60/

[Author]

Posts