Whats wrong with my HTML?

Discussion in 'Web Design and Development' started by jwolf6589, Dec 6, 2011.

  1. jwolf6589 macrumors 6502a

    jwolf6589

    Joined:
    Dec 15, 2010
    Location:
    Colorado
    #1
    On this page

    http://www.cerm.info/bible_studies/Theological/limited_atonement.htm

    My table displays great in FireFox, but for some reason does not display at all in Safari. Its not a big deal, but a minor issue I would love to have resolved. Please note that I wrote this document 3 years ago and was then using the outdated and obsolete Claris Home Page. These days I no longer use that app (cant anyway with my Intel Mac with no classic support) and use more modern HTML apps like Sea Money & Text Wrangler.

    Thanks..

    John
     
  2. a8ball macrumors newbie

    Joined:
    Aug 26, 2009
    #2
    Im only learning myself so I may be completely off but you have the following CSS for the tr "border: 0.5pt solid windowtext;". I believe its the windowtext that is not supported in safari from reading this post http://www.webmasterworld.com/forum83/1446.htm
     
  3. Darth.Titan macrumors 68030

    Darth.Titan

    Joined:
    Oct 31, 2007
    Location:
    Austin, TX
    #3
    Did you really create that page in Claris Homepage?

    There's your problem...
     
  4. Timid&friendly, Dec 6, 2011
    Last edited: Dec 6, 2011

    Timid&friendly macrumors newbie

    Timid&friendly

    Joined:
    May 20, 2007
    #4
    The code is screwy. That is why it's not showing the borders. Your actually luckly that firefox does work because strictly speaking the inline styles are incorrectly coded.

    First rule is delete all inline styles and all extra tags
    You know have this:-
    Code:
    <td valign="top" style="width:239.4pt;border:solid windowtext .5pt;
      border-left:none;padding:0in 5.4pt 0in 5.4pt" width="239">
             <center class="MsoNormal" style="text-align:center">
                      <span style="font-size:18.0pt;font-family:Times;color:windowtext"><b>THE
             5 POINTS OF ARMINIANISM</b></span></center>
          </td>
    Code:
    <td></b>THE 5 POINTS OF ARMINIANISM</b></td>
    Really you should link to an external stylesheet but if you don't know how add these styles between style tag
    Code:
    <style>
    
    table,
    td {border: 1px solid #000}
    
    </style>
    Lastly remove from the <table ... > tag the border="1" attribute.

    If you are going to spend time creating for the web, it might be wise to study the basics. Opera provide an excellent free course http://www.opera.com/developer/wsc/

    ----------

    This is what it should look like:

    Code:
    <table width="670" border="1" >
        <tr>
            <th>&THE 5 POINTS OF
    CALVINISM;</th>
            <th>&THE 5 POINTS OF ARMINIANISM;</th>
        </tr>
        <tr>
            <td><strong>TOTAL DEPRAVITY</strong>
    Sin controls every part of man. He is spiritually dead and blind, and unable to obey, believe or repent. He continually sins, for his nature is completely evil.</td>
            <td><strong>FREE WILL</strong>
    Sin does not control man’s will. He is sick and near-sighted, but still able to obey, believe and repent. He does not continually sin, for his nature is not completely evil.</td>
        </tr>
        <tr>
            <td>etc.</td>
            <td>etc.</td>
        </tr>
        <tr>
            <td>etc.</td>
            <td>etc.</td>
        </tr>
        <tr>
            <td>etc.</td>
            <td>etc.</td>
        </tr>
        <tr>
            <td>etc.</td>
            <td>etc.</td>
        </tr>
    </table>
    just use this code and past your text in between the tds
     

Share This Page