Re: Using CSS for best layout - experts help please

news.freedom2surf.net wrote:

http://62.149.36.16/~generic9/index-plainexaml.htm

Since you want to learn, first this:
The doctype isn't valid.
You have:
<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/DTD/strict.dtd";>

That should be:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>

Make a habit of checking your code in the validator, and you'll catch
errors like that easily. With a valid doctype, your pages will have
more chance of being displayed correctly in different browsers.
http://validator.w3.org/

You also forgot the <title> element in the <head>. This is compulsory.

I'm creating the above page, but what I'm trying to acheive is that top
right nav menu items (Contact Join us etc. ) are to the right most of the
screen they can be.

You floated their container right, but set the text-align to
"inherit". Apparently it's inheriting 'left'. Set it to 'right'
instead.

If I add new menu tems to this menu it would be nice if the always stayed on
one line and always stayed that the final item is on the most right.

In that case, I think you should not float it to the right with a 50%
width. As soon as you will have more items than fit in half you page's
width, it would wrap. (still to the right though, if you use
text-align:right; on the container)

Also the text that says "Another Interactive logo here -..etc." (which will
probably be replaced by a flash moive). I wanted this placed on the left of
the content.

You have set text-align:center; on the body, and if you don't change
that for its children, they will also be centered. If you want that
line of text to the left (and you probably will want the rest of your
page's text left-aligned as well), set 'text-align:left;' on the
container div.(div#mainContent). Then everything will be left aligned,
except for where you specifically set it otherwise.

I've tried to be very good with the use of my CSS, but I'm still a newbie
really but learning.

We've all started as newbies - you'll learn :-)

--
Els http://locusmeus.com/
.

Relevant Pages

  • Re: Design Problem Aggregation
    ... Something else also has to inherit from A or else B is an identity set ... > Class H has a member of type C. ... As G is the base class of H and I we can add to the container ... > that interface in H and I. C and E have many member functions and I ...
    (comp.object)
  • Re: Design Problem Aggregation
    ... > Classes A, D, F, G, J inherit from BASE. ... > Class H has a member of type C. ... As G is the base class of H and I we can add to the container ... this case that it must be a reference or pointer to BASE (note that H and I ...
    (comp.lang.cpp)
  • Re: Design Problem Aggregation
    ... Classes A, D, F, G, J inherit from BASE. ... Class H has a member of type C. ... Class J has a member that is container that can accept objects of type ... As I need to access the interface to C and E, ...
    (comp.object)
  • Re: Access check for inherited permission
    ... If the security descriptor on the container object, Users in our case, ... contains an ACE with CIOI (container inherit, ... Users will inherit the ACE and the GUID will be present in the inherited ... Microsoft Online Community Support ...
    (microsoft.public.platformsdk.security)
  • Re: Position absolute different in different browsers
    ... The main container, the container inside the ... I want to control where the content will show up relative to my link ... The reason for that is you're in quirks mode. ... The doctype line you ...
    (alt.html)