SitePoint Sponsor

User Tag List

Results 1 to 25 of 25
  1. #1
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    I have problems with mine validating, help!

    But NOT all of it is MY problem..okay, I can fix the first 16 errors if I can figure out exactly how but the 17th-39th error is generated by my SERVER and not a blasted thing I can do about it...it's added AFTER I code the document. http://www.prioritycomputers.net/ http://tinyurl.com/47n36 is the validation page. Liz

  2. #2
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey there lady! BTW, how do we get southern lady from Michigan? Shouldnt that be northern lady?

    OK here's some of your errors nailed down.

    1. need a content type for the doc this puppy:

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

    2. alt tags on ALL your images!

    3. non-closing tags (IE: images) need to be coded like this in xhtml:

    <img src='' />

    4. looks like you have an in-line style on line 20

    background:transparent url(<img src="1345620.gif" width="500" height="7" bor

    better to get it into an external style sheet anyways but its not terminated properly. I always OPT for an externally linked style sheet, its just easier that way...... put them all in a .css file and use a link like this:

    <link rel='stylesheet' type='text/css' href='your_stylesheet.css' media="screen" />

    5. Right before you shut off your form its looking for an </b> tag .... probably improper nesting

    6. line 183 has this:

    <script language="javascript">

    Language is no longer an attribute of a script tag ... needs to be <script type='text/javascript'> The language att was an old netscape thingy I think - make it go away and then check your other script tags because I see it several times.

    7. Line 184, column 9: there is no attribute "SRC" is because of the upper case SRC just make it lower case

    8. Line 184, column 47: cannot generate system identifier for general entity "t" is because you have &t ..... make it &amp;t (if you can) - yahoo and them are famous for this mistake!

    9. Line 184, column 65: there is no attribute "ALT" - make the alt lower case if you can AND put quotes around them


    If these yahoo / geocities images are from their server and you have no way to fix them you are going to have to live with it ...... as I said before these companies are famous for cranking out garbage code! Unfortunately its something you have to live with on free hosting services like Geocities!

    BTW, If I missed anything let me know!

  3. #3
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Because this SOUTHERNlady was born and raised in SC! I just happen to live in MI for right now because of hubby's job...we will retire back to NC as soon as we can!

    Okay, how do I do an external style sheet...btw, css and I are NOT comfortable with each other and I'm being hauled into the XHTML & CSS age, kicking and screaming! :'( LOL Liz

  4. #4
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    2. alt tags on ALL your images!
    Oh yeah, I meant to ask about this...I keep seeing this and I'm a great fan of the copy and paste method...no clue what it means. Liz

  5. #5
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay, I'm down to 10 errors instead of 16. Improving but not completely there yet. I ran it thru my 1st Page 2000 and that helps some once you pointed out the errors, It gives me line #'s which notepad doesn't Liz

  6. #6
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    which errors do you have left??

    alt tags are now required because they help with accessibility etc simple as this:

    <img src='flower.gif' alt='A pretty flower'>

    They should be descriptive of the image they attempting to describe. (was that an UH DUH or what?)

    External styles are fun and simple! Dont scream and cry - once you get the hang of it you will wonder why you ever did it any other way!

    Take this out of your html code:

    Code:
    html, body {height:100%}
    body {
        padding:0;
        margin:0;
        background:#F0EEFB url(<img src="1345620.gif" width="500" height="7" border="0">) repeat-y left top;
        color: #000000;
    }
    #outer{
        height:100%;
        min-height:100%;
        min-width:500px;
        background:transparent url(<img src="1345620.gif" width="500" height="7" border="0">) repeat-y right top;
        margin-bottom:-52px;
        color: #000000;
    }
    html>body #outer{height:auto;} 
    #header{
        background:#FFF;
        border-top:5px solid #fff;
        border-bottom:1px solid #fff;
        color: #000000;
        text-align:center;
    }
    .inside {
        border:2px solid blue;
    }
    #left {
        position:relative;
        width:200px;
        float:left;
        display:inline;
        margin-left:12px;
        height:1%;
    }
    #left p {padding-left:3px;padding-right:2px}
    #right p {padding-left:3px;padding-right:2px}
    
    #right {
        position:relative;
        width:207px;
        float:right;
        margin-right:2px;
    }
    
    #footer {
        height:50px;
        clear:both;
        border-top:1px solid #FFF;
        border-bottom:1px solid #FFF;
        background-color: blue;
        color: #FFF;
        text-align:center;
        position:relative;
    }
    
    * html #footer {
        \height:52px;
        he\ight:50px;
    }
    #clearfooter{clear:both;height:40px;}
    div,p  {margin-top:0}
    #centrecontent {
        height:1%;
        margin:0 225px 12px 225px;
    }
    #left img,#right img {margin-top:3px}
    #footer a {color:#fff}
    and make a new file called myStyles.css - paste all that into it.

    Then in the head of your html get rid of the old style tag you have and add this:

    <link rel='stylesheet' type='text/css' href='myStyles.css' media="screen" />

    of course adjust the path if needed (I put all mine in a folder called styles)

    Simple as that .... now ONE stylesheet can be applied to as many pages as you want just by adding the link!

    OOOOOOOO Michigan from SC that hurts!

    BTW, if you want a nice editor that HAS line numbers and is REALLY cheap I would suggest EditPlus ... only $29 and worth 10 times that!

  7. #7
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay, now something's REALLY screwed up...and I need the footer a color. Liz

  8. #8
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by southernlady
    Okay, now something's REALLY screwed up...and I need the footer a color. Liz
    You didnt remove the old style tag!

    this:

    <style type="text/css">
    <link rel='stylesheet' type='text/css' href='myStyles.css' media="screen" />
    </style>

    should be this:

    <link rel='stylesheet' type='text/css' href='myStyles.css' media="screen" />

  9. #9
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    and you didnt put the styles only in your style sheet!

    ONLY this:

    html, body {height:100%}
    body {
    padding:0;
    margin:0;
    background:#F0EEFB url(<img src="1345620.gif" width="500" height="7" border="0"/>) repeat-y left top;
    color: #000000;
    }
    #outer{
    height:100%;
    min-height:100%;
    min-width:500px;
    background:transparent url(<img src="1345620.gif" width="500" height="7" border="0"/>) repeat-y right top;
    margin-bottom:-52px;
    color: #000000;
    }
    html>body #outer{height:auto;}
    #header{
    background:#FFF;
    border-top:5px solid #fff;
    border-bottom:1px solid #fff;
    color: #000000;
    text-align:center;
    }
    .inside {
    border:2px solid blue;
    }
    #left {
    position:relative;
    width:200px;
    float:left;
    display:inline;
    margin-left:12px;
    height:1%;
    }
    #left p {padding-left:3px;padding-right:2px}
    #right p {padding-left:3px;padding-right:2px}

    #right {
    position:relative;
    width:207px;
    float:right;
    margin-right:2px;
    }

    #footer {
    height:50px;
    clear:both;
    border-top:1px solid #FFF;
    border-bottom:1px solid #FFF;
    background-color: blue;
    color: #FFF;
    text-align:center;
    position:relative;
    }

    * html #footer {
    \height:52px;
    he\ight:50px;
    }
    #clearfooter{clear:both;height:40px;}
    div,p {margin-top:0}
    #centrecontent {
    height:1%;
    margin:0 225px 12px 225px;
    }
    #left img,#right img {margin-top:3px}
    #footer a {color:#fff}
    goes in the style sheet ..... NO html tags at ALL!

  10. #10
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm still doing something wrong but I got back my footer. Liz

  11. #11
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You have to get all those html tags out of the css file! See my last post

  12. #12
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay, this is exactly what is on my style sheet:
    HTML Code:
    <style type="text/css">
    html, body {height:100%}
    body {
        padding:0;
        margin:0;
        background:#F0EEFB url(<img src="1345620.gif" width="500" height="7" border="0"/>) repeat-y left top;
        color: #000000;
    }
    #outer{
        height:100%;
        min-height:100%;
        min-width:500px;
        background:transparent url(<img src="1345620.gif" width="500" height="7" border="0"/>) repeat-y right top;
        margin-bottom:-52px;
        color: #000000;
    }
    html>body #outer{height:auto;} 
    #header{
        background:#FFF;
        border-top:5px solid #fff;
        border-bottom:1px solid #fff;
        color: #000000;
        text-align:center;
    }
    .inside {
        border:2px solid blue;
    }
    #left {
        position:relative;
        width:200px;
        float:left;
        display:inline;
        margin-left:12px;
        height:1%;
    }
    #left p {padding-left:3px;padding-right:2px}
    #right p {padding-left:3px;padding-right:2px}
    
    #right {
        position:relative;
        width:207px;
        float:right;
        margin-right:2px;
    }
    
    #footer {
        height:50px;
        clear:both;
        border-top:1px solid #FFF;
        border-bottom:1px solid #FFF;
        background-color: blue;
        color: #FFF;
        text-align:center;
        position:relative;
    }
    
    * html #footer {
        \height:52px;
        he\ight:50px;
    }
    #clearfooter{clear:both;height:40px;}
    div,p  {margin-top:0}
    #centrecontent {
        height:1%;
        margin:0 225px 12px 225px;
    }
    #left img,#right img {margin-top:3px}
    #footer a {color:#fff}
    </style>
    And it's STILL screwy! Liz

  13. #13
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you STILL have the style html tags in there:

    Get rid of this:

    <style type="text/css">

    and this:

    </style>

    and you'll be golden

  14. #14
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I just did...and go look...I still have issues. Liz

  15. #15
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My current style sheet:
    HTML Code:
    html, body {height:100%}
    body {
        padding:0;
        margin:0;
        background:#F0EEFB url(<img src="1345620.gif" width="500" height="7" border="0"/>) repeat-y left top;
        color: #000000;
    }
    #outer{
        height:100%;
        min-height:100%;
        min-width:500px;
        background:transparent url(<img src="1345620.gif" width="500" height="7" border="0"/>) repeat-y right top;
        margin-bottom:-52px;
        color: #000000;
    }
    html>body #outer{height:auto;} 
    #header{
        background:#FFF;
        border-top:5px solid #fff;
        border-bottom:1px solid #fff;
        color: #000000;
        text-align:center;
    }
    .inside {
        border:2px solid blue;
    }
    #left {
        position:relative;
        width:200px;
        float:left;
        display:inline;
        margin-left:12px;
        height:1%;
    }
    #left p {padding-left:3px;padding-right:2px}
    #right p {padding-left:3px;padding-right:2px}
    
    #right {
        position:relative;
        width:207px;
        float:right;
        margin-right:2px;
    }
    
    #footer {
        height:50px;
        clear:both;
        border-top:1px solid #FFF;
        border-bottom:1px solid #FFF;
        background-color: blue;
        color: #FFF;
        text-align:center;
        position:relative;
    }
    
    * html #footer {
        \height:52px;
        he\ight:50px;
    }
    #clearfooter{clear:both;height:40px;}
    div,p  {margin-top:0}
    #centrecontent {
        height:1%;
        margin:0 225px 12px 225px;
    }
    #left img,#right img {margin-top:3px}
    #footer a {color:#fff}
    I HATE CSS!!!! LIZ

  16. #16
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK now that we have that right you have to fix those image url tags:

    url(<img src="1345620.gif" width="500" height="7" border="0"/>);

    should be

    url(1345620.gif);

    and if you have any problems with that add a / to the image like this:

    url(/1345620.gif);

  17. #17
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm going back to not having a style sheet...look at what THAT got me! Liz

  18. #18
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh come one now ... It just takes some learning....

    I downloaded your page and stuff ... did some quick fixes (not perfect but close) and uploaded it to my server ....... you can get it here

    http://dcddesigns.com/cssfix/fixed.htm


    I really have to run .... Ive been killing time 1/2 the day when i should have been working (no motivation kind of day)

    You had quite a few improper nestings etc .... as I said I just did a QUICK fix but it puts it back into some shape you can work on from there!

    Wish I could help more but Im gonna get myself WAY behind if I dont get going on my work here!

    ILL TRY to check back later this evening!

  19. #19
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for posting that, I did copy it and I'll see what I can do...and I do appreciate the help, even tho I STILL hate CSS!!! Liz

  20. #20
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Funny you sound like me back in November! Trust me It gets better with time and experience..

    What I usually tell beginners is to draw it out on paper first, then write down the tags and THEN code .... just trying to code while you are learning can be MIGHTY painful!

    glad I could help ..... off to work I go!

  21. #21
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's actually suppose to be three columns so when you get back, can we work on that part and get that pack in line again? The part where the headlines are are uppose to be over on the right, LOL.

    This is the original code:
    HTML Code:
    </div>
      <div id="right"> 
        <p><img src="images/pmoblogof.jpg" alt="Example image" width="195" height="102" /></p>
        <p><strong>Right Column</strong></p>
        <p>Right content goes here : Right content goes here : Right content goes 
          here : Right content goes here : Right content goes here : Right content 
          goes here : Right content goes here : Right content goes here : Right content 
          goes here : </p>
    
      </div>
      <div id="centrecontent">
        <!--centre content goes here -->
        <p><strong>3 column layout</strong> - any column can be the longest. Footer 
          will stay at bottom of window unless content is greater then it stays at 
          bottom of document.</p>
        <p>Only tested on PC (IE5, 5.5 , 6, Mozilla 1.2 , Firebird 0.6.1, Opera7,Netscape 
          6.2). Opera 6 doesn't like the footer but it's usable.I expect mac and other 
          browsers will fall over. (<strong>*Update*</strong> Mac Firebird and Mac 
          Netscape 6 &amp; 7 (OS9) look perfect in all cases. Mac IE 5.1.7 &amp; IE5.2.3 
          and Safari1.1.1 don't like the footer and render it at bottom of the longest 
          column. However the columns works fine and the effect is still usable. Thanks 
          to a number of people for checking this out for me as I don't have a mac 
          to test on.)</p>
    
        <p>The left and right column colours are background images showing through. 
          A different left column background colour can be achieved by using different 
          repeating image on either side.</p>
        <p style="text-align:center"><strong>For a full explantion follow this<a href="3colfixedtest_explained.htm"> 
          link</a></strong></p>
      	<p><a href="3colfixedtest_4.htm">Back to main 3 column demo</a></p>
      </div>
      <div id="clearfooter"></div>
    And here was MY version of it:
    HTML Code:
     <div id="right"> 
         <p><img src="AthXP.jpg" alt="AthXP" width="195" height="102" /></p>
    
        <p><strong></p>Headline</strong><a href="http://www.earthtimes.org/articles/show/1875.html" class="style11">Bloggers not protected by Constitution</a>...</strong></b> : <strong>
              Headline</strong> <a href="http://www.pcworld.com/news/article/0,aid,119903,00.asp"><strong>Microsoft Says No New Security Patches This Month</strong>...</a> : <strong>Headline</strong> <a
              href="http://www.eweek.com/article2/0,1759,1771372,00.asp"><strong>Latest Bagle Worm Attacks with Trojan Horse</strong>...</a> : <strong>Headline</strong> <a href= 
              "http://www.eweek.com/article2/0,1759,1770355,00.asp"><strong>Processor Rivals Prepare Dual-Core Chips</strong>...</a>
            </p>
          </div>
          <div id="centrecontent">
        <div class="feature">
              <img src="system.gif" alt="System" width="146" height="118" /> 
              <p class="style5">
                <strong>Come check out our complete systems. Decide what YOU want and let us build it for you. Need a gamer? Or something for the office? We can build it.</strong>
              </p>
            </div>
            <div class="story">
              <img src="17WXGA.gif" alt="Notebook" width="137" height="134" /> <strong>Need a notebook? We have those as well. We can build those to specification as well, just let us know what you want. We also carry
              Sony, Tobisha, and IBM notebooks.</strong> 
              <div class="story">
                <strong><img src="XPProWSP2a.JPG" alt="XPProWSP2" width="138" height="100" /> Operation Systems (special OEM price on Windows XP Pro with purchase of computer systems or selected hardware), Office suites
                etc.</strong>
              </div>
            </div>
            <div class="story">
              <strong><img src="ViewSonicVP20.gif" alt="ViewSonic" width="150" height="150" /> And we also have plenty of monitors and other parts. Just come explore. This ViewSonic VP201B 20 inch LCD Monitor (Black) is
              just one example of the monitors we have available.</strong>
            </div>
          </div>
          &gt;
        </div>
        <div id="footer">

  22. #22
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ill try later ..... can you post a screenie of whats its supposed to look like (I forget) ...... talk later this evening!

  23. #23
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay, what it was suppose to look like: http://www.pmob.co.uk/temp/ezora.htm Liz

  24. #24
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well I spent a LITTLE time fixing the one you had online .... not my idea of a great Firday night but I did promise you .... If you got to:

    http://www.dcddesigns.com/cssfix/hers.html

    you'll see a completely xhtml1.0 strict VALID version that also uses an external stylesheet!

    There's a lot more that could be done but Ill leave that for you .... you MAY want to pay attention to some of the code I removed from your code. Things like bold tags, strong tags etc REALLY arent needed anymore ... use styles! It makes the code cleaner, easier to valididate and so much easier to deal with.

    Id spend more time but my wife wants to BEAT ME for doing this on my only evening off!

  25. #25
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    THANK YOU for all your help...I had to put it in a second page, delete my index.html completely and then rename the page I had it in for it to work, but it did. When I updated some links in the jpgs (I had tried to clean them up) and updated the links to the headlines, I got some validation errors that *I* need to work on...but it is back and I thank you for taking your time to help.

    Now I need to really work on my shopping cart...guess I need to head over to the php or perl board. And try and wrap my poor head around THAT code.

    Once I get it all working, then I will try and get it all looking better. Liz


Bookmarks

Posting Permissions

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