CSS+HTML Not Matching Up - Page 1 -...

User 2924428 Photo


Registered User
1,718 posts

Hey guy's, i'm working on my own CSS sheet, I am using bits and pieces from other css codes to write it, and it's not matching up to what I want it to look like, check it out at ..
mhigroup.coffeecup.com
Any feedback is appreciated. thanks :D
User 184085 Photo


Ambassador
1,707 posts

All I can suggest is take it in stages.

Make the background look like you want, then wiork on the header, then the nav.

it looks like you didn't completly copy and paste the code you were wanting

backround:#000 url../bg.jpg) no-repeat;

is one example.

the validator is your friend, it will point out problem areas :)
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 271657 Photo


Ambassador
3,816 posts

the validator is your friend, it will point out problem areas :)


It will help you find things like the open <ul> tag at the end of your list (should be </ul>). :D
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 122279 Photo


Senior Advisor
14,624 posts

Matt, the navigation consists of list items. Compare with the Craig Judd site, you see every menu item is surrounded by <li> </li>

After the </ul> that Paintbrush pointed out you need to close the navigation div in order to get that text out of the navbar.

David mentioned a missing background image. If you plan to use it, fine, but if not, take that css bit out of the style sheet. I think I would advise you not to add any background graphics yet. Make the layout first, then you can add what else you want.

And where is your wrapper?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2924428 Photo


Registered User
1,718 posts

Ok thanks guys, yes I am using the CSS from Judd's site, but only what I think would be helpful to this CSS , not copy pasting.. typing the code over so I learn it :)..
User 2924428 Photo


Registered User
1,718 posts

body {
backround: url(../bg.jpg) repeat;
width: 100%;
margin: 0;
}

Is not working.. going to W3 to see what I can do :)
User 2924428 Photo


Registered User
1,718 posts

Awesome, backround is up, now i'm going to work on the sheet / wrapper for the site and text formatting..
User 122279 Photo


Senior Advisor
14,624 posts

Is the bg.jpg inside a folder called images? if so, the url will be ../images/bg.jpg.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,624 posts

The site is coming on :).

If you want the navigstion centered, you need to change the width on the #navigation ul. For those four menu items looks like 388px will be enough.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2924428 Photo


Registered User
1,718 posts

I'll put the image in a folder called images, I didn't think i'd need one to start off, but I best get organized quick :)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.