www.webdeveloper.com
Results 1 to 2 of 2

Thread: Clean my code...?

  1. #1
    Join Date
    Apr 2009
    Posts
    66

    Clean my code...?

    Hi guys!
    I have this code for my page, which is pretty old. I've added things, removed things, and now I think my code is getting bloated. Though, I am too scared to clean it manually, as I migt delete something important. Also, online code cleaners and even softwares like Dreamweaver can't do it.

    Can anybody help me? I need the things to be the same, but with nicer code. Thanks!

    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 
    <html>
    <head>
    <title>Home | Fire Cat Website</title>
    <link rel="shortcut icon" href="favicon.ico" />
    
    <!-- Looking at my source code, eh? Well, I don't mind, so have fun! Though, I would appreciate if you didn't copy this website... Thanks! -->
    <!-- Wanna contact me? Just send a mail to spy.636446@gmail.com. There is a very unlikely possibility that I would respond, but you never know ;D -->
    <!-- Hey you spambots, get lost! -->
    <!-- Fire Cat Designs, by Fire Cat -->
    <!-- Created with Macromedia Dreamweaver 2, copied from my school... --> 
    
    
    <script type="text/javascript" src="corners.js"></script>
    <script type="text/JavaScript"> 
     
      curvyCorners.addEvent(window, 'load', initCorners);
     
      function initCorners() {
        var settings = {
          tl: { radius: 15 },
          tr: { radius: 15 },
          bl: { radius: 15 },
          br: { radius: 15 },
          antiAlias: true
        }
     
        curvyCorners(settings, ".object");
      }
     
    </script>
    <script type="text/JavaScript"> 
     
      curvyCorners.addEvent(window, 'load', initCorners);
     
      function initCorners() {
        var settings = {
          tl: { radius: 7 },
          tr: { radius: 7 },
          bl: { radius: 7 },
          br: { radius: 7 },
          antiAlias: true
        }
     
        curvyCorners(settings, ".objectw");
      }
     
    </script>
    <script type="text/JavaScript"> 
     
      curvyCorners.addEvent(window, 'load', initCorners);
     
      function initCorners() {
        var settings = {
          tl: { radius: 7 },
          tr: { radius: 7 },
          bl: { radius: 7 },
          br: { radius: 7 },
          antiAlias: true
        }
     
        curvyCorners(settings, ".objectt");
      }
     
    </script>
    <style type="text/css">
    body
    {
      background: #D9D9D9;
    }
    div.object
    {
      margin: 5px;
      padding: 5px;
      border: 1px solid #FFFFFF;
      height: auto;
      float: top;
      text-align: left;
      background: #224947;
      color: #FFFFFF;
    }
    div.objectw
    {
      margin: 5px;
      padding: 5px;
      border: 1px solid #FFFFFF;
      height: auto;
      float: top;
      text-align: left;
      background: #D3D3D3;
      color: #224947;
    }
    div.objectt
    {
      margin: 5px;
      padding: 5px;
      margin-top: 8px;
      border: 1px solid #FFFFFF;
      height: auto;
      float: top;
      text-align: left;
      background: #5F5F5F;
      color: #FFFFFF;
    }
    
    div.title
    {
      font-weight: bold;
      font-size: 17px;
    }
    div.text
    {
      font-weight: normal;
      font-size: 17px;
      overflow: auto;
    }
    
    div.menu A:link
    {
      font-weight: bold;
      font-size: 17px;
      color: #FFFFFF;
    }
    div.menu A:visited
    {
      font-weight: bold;
      font-size: 17px;
      color: #FFFFFF;
    }
    
    A:link
    {
      font-weight: bold;
      font-size: 17px;
      color: #FFFFFF;
    }
    A:visited
    {
      font-weight: bold;
      font-size: 17px;
      color: #FFFFFF;
    }
    
    div.titlenoscript
    {
      font-weight: bold;
      font-size: 17px;
      color: red;
    }
    div.noscript
    {
      font-weight: none;
      color: red;
    }
    #fc A:link
    {
      text-decoration:none;
      color:blue;
      font-size:10px;
    }
    #fc A:visited
    {
      text-decoration:none;
      color:blue;
      font-size:10px;
    }
    #fc
    {
      font-size:10px;
      color:blue
    }
    #hidden
    {
      visibility:hidden;
    }
    
    </style>
    <meta name="description" content="Fire Cat's Website ">
    <meta name="author" content="Fire Cat, Fel666">
    <meta name="thanks" content="Clifford Cooley, Niburu2012, Catilley1092">
    <meta name="web-link" content="http://www.w7forums.com">
    <meta name="keywords" content="Fire Cat, Website, w7forums, fel666, beta 3">
    </head>
    <body>
    <center>
      <table width="832" height="401">
        <tr> 
          <td height="152" colspan="2" valign="top"> 
            <div class="object"> 
              <div class="text"> 
                <table width="792" height="136">
                  <tr> 
                    <td width="117" valign="top" rowspan="2" align="left"><img src="Logo.JPG" width="108" height="110"></td>
                    <td width="655" height="64" valign="top" align="left"><font face="Tempus Sans itc" size="7" color="#FFFFFF"><b><font face="Arial, Helvetica, sans-serif">&nbsp;Fire 
                      Cat Website</font></b></font></td>
                  </tr>
                  <tr> 
                    <td width="655" valign="top" align="left" height="38"><b> <a href="index.php" ><font familly="arial"> 
                      <font face="Arial, Helvetica, sans-serif">Home</font></font></a> 
                      <font face="Arial, Helvetica, sans-serif"><a href="blog.php" >Blog</a> 
                      <a href="prod.php" >Products</a> <a href="register.php" >Register</a> 
                      <a href="member.php" >Login</a> </font></b> </td>
                  </tr>
                </table>
              </div>
            </div>
          </td>
        </tr>
        <tr> 
          <td width="598" height="216" valign="top" align="left"> 
            <div class="object"> 
              <div class="title"> <font family=" tempus sans itc"> 
                <div class="objectt"><font face="Arial, Helvetica, sans-serif"><img src="ArrowAndCircle_blue.png" width="15" height="15"> 
                  Welcome!</font></div>
                </font> </div>
              <div class="text"> 
                <p><font family=" tempus sans itc" face="Arial, Helvetica, sans-serif">Welcome 
                  on the Beta 3 Website of Fire Cat, AKA Me. I make this website in 
                  my spare time, which is not alot. If you like it or hate it, please 
                  fell free to post in the blog! This website is run by two Administrators.<br />
                  This is a new version of the website (Beta 3) which has new features 
                  including: </font> 
                <ul>
                  <li><font family=" tempus sans itc" face="Arial, Helvetica, sans-serif">A 
                    Blog</font></li>
                  <li><font family=" tempus sans itc" face="Arial, Helvetica, sans-serif">A 
                    Search (Coming soon...)</font></li>
                  <li><font family=" tempus sans itc" face="Arial, Helvetica, sans-serif">A 
                    free membership area</font></li>
                  <li><font family=" tempus sans itc" face="Arial, Helvetica, sans-serif">And 
                    Much more... </font></li>
                </ul>
              </div>
            </div>
          </td>
          <td width="222" height="216" valign="top" align="left"> 
            <div class="object" id="main"> 
              <div class="title"> 
                <div class="title"> 
                  <div class="objectt"><font face="Arial, Helvetica, sans-serif"><img src="ArrowAndCircle_blue.png" width="15" height="15"> 
                    Links</font></div>
                </div>
                <div class="text"> <a href="sitemap.php">
                  <div class="objectw"><font face="Arial, Helvetica, sans-serif">Sitemap</font></div>
                  </a><a href="help.php">
                  <div class="objectw"><font face="Arial, Helvetica, sans-serif">Help</font></div>
                  </a><a href="rss.rss">
                  </a><a href="http://w7forums.com">
                  <div class="objectw"><font face="Arial, Helvetica, sans-serif">W7Forums.com</font></div>
                  </a> </div>
              </div>
            </div>
          </td>
        </tr>
      </table>
    </center>
    <center>
      <p> <font face="Arial, Helvetica, sans-serif"> <span id="fc"> <a style="color: blue" href="http://firetiger3.110mb.com">Fire 
        Cat Designs</a> | <a style="color: blue" href="http://firetiger3.110mb.com">http://www.firetiger3.110mb.com</a>| 
        <a style="color: blue" href="http://firetiger3.110mb.com/new/help.php">Help</a> 
        | <a style="color: blue" href="http://firetiger3.110mb.com/new/sitemap.php">Sitemap</a></span></font></p>
      <font face="Arial, Helvetica, sans-serif" style="size:2px" size="1">Copyright 
      &#169; Fire Cat Designs 2010</font> 
    </center>
    
    </body>
    </html>
    Last edited by Fire Cat; 06-11-2010 at 08:55 AM.

  2. #2
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    A few problems:

    1) Wrong document type.
    2) Font tags have been deprecated.
    3) Tables for layouts went out in the late 1990s.

    You really should check your CSS and HTML at the validators:

    http://jigsaw.w3.org/css-validator/
    http://validator.w3.org/

    For #3:

    Tableless Web Design: http://en.wikipedia.org/wiki/Tableless_web_design
    How to convert manually your HTML tables to CSS: http://www.table2css.com/articles/co...-tables-to-css
    Images, Tables, and Mysterious Gaps: https://developer.mozilla.org/en/Ima...ysterious_Gaps

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles