...

View Full Version : CSS Problems.



Tomi
07-20-2008, 02:51 AM
Hi, thanks for taking the time to look. I'm a novice XHTML/CSS coder learning all the time. This isn't my first site but for some reason the CSS is being a real pain. You can view the site here:
http://jrcdesigns.co.uk/cafe434/

And what is to be achieved here:
http://www.codedpreview.com/?view=1914

As you can see its by no means a complex site. I also want to note that I'm not looking for someone to do this for me, if you can point out my mistakes and get me going again that will be much more valuable to me in the long run of learning.

Some problems:

Main Container not centering.
Widths not being applied.
Font color not being applied.
Background color not being applied.

In fact, most things aren't working. My friend also looked at it and for the life of us we can't see whats wrong. I'm willing to be its something stupid and small but I just can't see it.

Any help is greatly appreciated!
Thanks
James

FWDrew
07-20-2008, 03:30 AM
Hi,

First take care of these errors, it looks as if you have missed a few tags (which should solve some of your headaches) as well as have some other markup errors.

CSS Validation Errors:
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fjrcdesigns.co.uk%2Fcafe434%2F (http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fjrcdesigns.co.uk%2Fcafe434%2F)

HTML Validation Errors:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fjrcdesigns.co.uk%2Fcafe434%2F

If you dont know where to start, just start with the first error on your CSS, for example:

Property text-color doesn't exist : FFFFFF

You simply missed a '#' before the hex code. Continue through your errors until you have none, then see where you are at ;)

Regards,

Drew

Tomi
07-20-2008, 05:16 AM
Thanks for the reply. I fixed all my validation errors but it's still not displaying correctly. http://jrcdesigns.co.uk/cafe434/

Thanks again
James

FWDrew
07-20-2008, 05:49 AM
Hi there,

I noticed in your css you were declaring ID's (except for container), and then in your html you were calling them as classes instead of ID's (vice versa for your container class) ;)

This is how you wanted your HTML I believe:


<div class="container">
<div id="left"><img src="images/logo.jpg" alt="Cafe 434"><br>
link<br />
link<br />
link<br />
link<br />
link<br />
link<br />
link<br />
<img src="images/special.jpg" alt="special" /></div>
<div id="special"><span class="specialtxt">$49.00 3 Course Dinner Wed - Thurs Evening Earlybird Dinners receive a 10&#37; discount off final bill. Bookings made between 5.30-6.00pm Fri-Sat Booking Essential (03)98663355</span></div>
<div id="top"><span class="specialtxt">Phone: 0320230049 Something else.</span></div>
</div>


Regards,

Drew

EDIT-Just to note, those links should be in a unit list (UL tags) as that is what they are.

Tomi
07-20-2008, 06:00 AM
Thank you so much! I knew it would be something stupid like that! :)

You rock :) :thumbsup:

FWDrew
07-20-2008, 07:06 AM
No worries, happens to everyone :)

Glad it worked out,

Drew

effpeetee
07-20-2008, 09:29 AM
EDIT-Just to note, those links should be in a unit list (UL tags) as that is what they are.

Shouldn't that be "unordered list"

Frank

FWDrew
07-20-2008, 10:46 AM
Shouldn't that be "unordered list"

Which would be exactly what "ul" for stands and why the tags themselves are:

<ul>

Drew



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum