Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8

Thread: CSS Problems.

  1. #1
    New Coder
    Join Date
    Jul 2008
    Posts
    38
    Thanks
    5
    Thanked 0 Times in 0 Posts

    CSS Problems.

    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

  • #2
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    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

    HTML Validation Errors:
    http://validator.w3.org/check?verbos...k%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
    Dev-Tips.com || Employee at the Envato Network || My Portfolio

  • #3
    New Coder
    Join Date
    Jul 2008
    Posts
    38
    Thanks
    5
    Thanked 0 Times in 0 Posts
    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

  • #4
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    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:
    Code:
    <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.
    Dev-Tips.com || Employee at the Envato Network || My Portfolio

  • Users who have thanked FWDrew for this post:

    Tomi (07-20-2008)

  • #5
    New Coder
    Join Date
    Jul 2008
    Posts
    38
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Thank you so much! I knew it would be something stupid like that!

    You rock

  • #6
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    No worries, happens to everyone

    Glad it worked out,

    Drew
    Dev-Tips.com || Employee at the Envato Network || My Portfolio

  • #7
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #8
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Code:
    Shouldn't that be "unordered list"
    Which would be exactly what "ul" for stands and why the tags themselves are:
    Code:
    <ul>
    Drew
    Dev-Tips.com || Employee at the Envato Network || My Portfolio


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •