asked on

First attempt at designing using CSS

Ok so I'm giving up on front page, and trying to get into the swing of things with dreamweaver.
I have followed some tutorials from Lynda, but remain stumped so far on a couple issues.

link
I'm using 3 column fixed width with header and footer.
My goal is for the logo to fill the header or the header to be a big as the logo-
To have the navbar against the logo/header without space between.
To have the menu bar the same size across, not like rules and regs.
Once i resolves these issue and work on a better color scheme i plan making a template
Any other tips for a beginner would be appreciated.
Thanks
seaweed

Hagay Mandel

A picture worths 1000 words.
Prepare a schematic layout and present it.

jonahzona

I would start by deleting the image element that you used to place the header image. Make that image the background of the header div.

.oneColFixCtrHdr #header {
    background: url("images/wssa.jpg") repeat scroll 0 0 transparent;
    height: 200px;
    padding: 0 10px 0 20px;
}

Open in new window

It starts to repeat, so you will need to either resize your header or resize the image to fit.

SOLUTION

Jason C. Levine

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ASKER CERTIFIED SOLUTION

jonahzona

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

seaweed27

ASKER

Looks like progress Here is what i have now
need to remove the white bar
center the navebar better
and maybe adjust H/V position of the test to the center of navbar
thanks
temp.gif

jonahzona

The white line is being caused by a

<br> (line-break)

You have between the header and the NAV.

Add this to your ul.MenuBarHorizontal li

margin: 0 4px 0 5px;

this will help space it out better.

jonahzona

Sorry, that <br> is between MainContent and Navigation.

seaweed27

ASKER

its looking great, are there any other suggestions tips from the pros that help as a newbie to DW and CSS?

Seaweed

Jason C. Levine

>> tips from the pros that help as a newbie to DW and CSS

Start Googling for tutorials :)

seaweed27

ASKER

Great help, All of the posts contained helpful content,
Thanks
Seaweed