Help getting my webpage wc3 vallidated... (11 errors)

Discussion in 'HTML & Website Design' started by dubs89, Jan 16, 2009.

  1. #1
    I have fixed most errors, however:

    my webpage is this link: http://thedigitaloffering.com/index2.html

    1)I cant get my webpage to center with css
    2) i am not allowed to use border=0 so how can i work around this?

    and here are the other problems....

     
    dubs89, Jan 16, 2009 IP
  2. NosZHi

    NosZHi Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    1. add this to the .main css class
    margin: auto;
    PHP:
    Then you need to align the body of your site with the banner & footer image... or modify the images.
     
    NosZHi, Jan 17, 2009 IP
  3. bojomojo

    bojomojo Peon

    Messages:
    921
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #3
    for the border thing, specify it in css border: 0px;

    Also for all other errors, do them in css, the width and stuff.

    Include an alt value for all your images alt="imagediscriptionhere"

    Then you should be fine, or just let the w3c validator give you the clean code, tick the tidy html option
     
    bojomojo, Jan 17, 2009 IP
  4. Knewber

    Knewber Peon

    Messages:
    116
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    .main {
    margin-left: auto;
    margin-right: auto;
    }

    That should align the mid section.

    …C="images/buttons/freequoteout.png" NAME="img7" class="freequote">

    .freequote {
    border: 0px;
    }

    That is another error fixed.

    Dude, there is far too many errors for me to fix, which would mainly all be fixed by not using tables for templates and using divs instead. If there is anything else big wrong, PM me.
     
    Knewber, Jan 17, 2009 IP
  5. Sapphiro

    Sapphiro Well-Known Member

    Messages:
    1,242
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    175
    #5
    For all images, you have to have a "alt" property and / at the end. :)

    eg. <img src="pig.gif" alt="" />
     
    Sapphiro, Jan 17, 2009 IP
  6. Knewber

    Knewber Peon

    Messages:
    116
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Yes, Sapphiro is right, and you should get used to it if you want to update to xhtml and css strict, which logically seems like the next step for you as you want nice error-free code.
     
    Knewber, Jan 17, 2009 IP
  7. dubs89

    dubs89 Peon

    Messages:
    231
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I got it down to 1 error!

    However the still webpage doesn't line up completely correctly but it is getting better...

    Here is the the error (there was two of these both the same error but when one is fixed it wont link anymore....):

     
    dubs89, Jan 17, 2009 IP
  8. bojomojo

    bojomojo Peon

    Messages:
    921
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #8
    you cant link a div, make it like this
    <a href="portfolio.html" class="rfont">View results</div>

    and the formating of the rfont class use it for the links

    put this in your css file
    a.rfont { formatting here }
     
    bojomojo, Jan 17, 2009 IP
  9. dubs89

    dubs89 Peon

    Messages:
    231
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Thank you so much!

    Does anyone know my the page wont center?
     
    dubs89, Jan 17, 2009 IP
  10. dubs89

    dubs89 Peon

    Messages:
    231
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Thank you so much!

    Does anyone know my the page wont center?
     
    dubs89, Jan 17, 2009 IP
  11. bojomojo

    bojomojo Peon

    Messages:
    921
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #11
    it is centered here
    but i recommend setting borders to zero on all images that acts as buttons.
     
    bojomojo, Jan 17, 2009 IP
  12. Knewber

    Knewber Peon

    Messages:
    116
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Hey you got the template fixed! The design looks great and is now on your index page :) hopefully you can learn from this and grow as a web designer.
     
    Knewber, Jan 18, 2009 IP
  13. NosZHi

    NosZHi Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    First of all...

    <table width="1032px" ...
    <table width="846px" ...
    <img ... width="569px" ...
    
    PHP:
    ... and so on. px isn't accepted in html. Use only numbers (without px after them).

    And second, there a <td> opened before this DIV...
    <div class="padded">
    ...
    </div>
    PHP:
    and it's closed twice, one inside the DIV and one after it. I think you need to take a look at that code and remove the one inside the DIV.
     
    NosZHi, Jan 18, 2009 IP