PDA

View Full Version : CSS Nav Layout Help (New Member)



Darren_Clark
Mar 16th, 2008, 09:29 PM
Hi..


First I guess I should say hi!

I'm just looking for some advice/help with the coding on a website I am designing. It's the first time I've used CSS as I was educated using tables, but I'm ready to leave the darkside!!

The site /page is located here: http://www.studentdoctors.co.uk/Final/studentdoctors.html

The problem I'm having is with the menu section. As you can see at the moment it is sitting at the top of the site. However, I would like it to sit down the left hand side alongside the main content. I have tried using floats, but then the main content (once the menu has finished) sits underneath the menu. I want the main content to stay the same distance from the left hand margin throughout (how can I do this?). Is there some way of splitting the main content div?

Also, I want to implement some minimum and maximum widths, so that the main content remains between a constant size and not having the potential be reduced to a very small width.

Finally, is there anyway to create an indent on the bullet points so that if a particular "bullets" content goes over two lines the second line sits under the first letter of the first line rather than the bullet itself.

I have/am working through a book on CSS and have looked through various documents online but haven't managed to solve the problems yet...

Any help is appreciated!

Darren_Clark
Mar 16th, 2008, 09:44 PM
Sorry, I meant to give the CSS coding that I am using:

@charset "UTF-8";
/* CSS Document */

body {
background-color:#993333;
background-image:url(maincontentimage.jpg);
background-repeat:repeat-y;
background-position:center;
width: 80%;
}


.heading {
color:#FFFFFF;
width: 50%;
background-image:url(logo.jpg);
background-repeat:no-repeat;
background-position:center;
}

.maincontent {
color:#FFFFFF;
width:80%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-position:center;
}

effpeetee
Mar 16th, 2008, 10:34 PM
There are several sites for menus on my Sources program on the right hand side.

Section P

http://exitfegs.co.uk/Sources.html

This Sources program uses ordered lists.

e.g. http://www.dynamicdrive.com/style/CSSlibrary/category/c2/

http://www.cssplay.co.uk/menus/

http://www.dynamicdrive.com/style/CSSlibrary/category/c2/P56/

Frank

abduraooft
Mar 17th, 2008, 09:59 AM
Try to build like http://bonrouge.com/2c-hf-fixed.php