Hello and welcome to our community! Is this your first visit?
Register
Results 1 to 4 of 4

Thread: HTML Code flaws

  1. #1
    Mother Russia Cavolia's Avatar

    Join Date
    Aug 2008
    Location
    Soviet Russia
    Posts
    4,317

    HTML Code flaws

    I have to make a site for school.
    Though it's working out pretty good, there are some flaws i can't seem to fix.

    http://www.rockftw.informatica.daltonal ... index.html

    [spoiler:1alpl1bw]<html>

    <head>
    <title>Rock Ftw</title>
    <link href="global.css" rel=stylesheet type=text/css>
    </head>

    <body background="images/bodybg.jpg">
    <center><table width="100%" background="images/bodybg.png" cellspacing="0" cellpadding="0" border="0"><tr><td align="center"><table width="544" cellpadding="0" cellspacing="0" border="0">
    <tr><td width="11" height="137" rowspan="2">[img]images/top_blank.png[/img]</td>

    <td width="116" height="137" rowspan="2">[img]images/design_left.png[/img]</td>
    <td width="309" height="51">[img]images/design_top.png[/img]</td>
    <td width="119" height="137" rowspan="2">[img]images/design_right.png[/img]</td><td width="11" height="137" rowspan="2">[img]images/top_blank.png[/img]</td></tr>
    <tr>
    <td width="309" height="86">[img]images/design.png[/img]</td>
    </tr>
    </table></td></tr></table>
    <table width="100%" height="41" cellpadding="0" cellspacing="0" border="0" background="images/left_lines.png"><tr><td align="center">
    <table cellpadding="0" cellspacing="0" border="0">

    <tr>
    <td width="11" height="41">[img]images/lines_blank.png[/img]</td>
    <td width="39" height="41">[img]images/menu_left.png[/img]</td>
    <td width="461" height="41" background="images/menu_back_1.png" align="center" valign="top">
    <p style="margin-top:10px;"> [img]images/home.png[/img] [img]images/about.png[/img] [img]images/portfolio.png[/img] [img]images/top10.png[/img] [img]images/contact.png[/img]</p>

    </td>
    <td width="44" height="41">[img]images/menu_right.png[/img]</td>
    <td width="11" height="41">[img]images/lines_blank.png[/img]</td>
    </tr>
    </table></td></tr></table>
    <table width="544" cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td width="6" bgcolor="#000000">[img]images/trans.png[/img]</td>
    <td width="533" height="387" bgcolor="#000000" valign="top">


    <table width="533" height="387" cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td width="533" height="161" colspan="3">

    <p align="center" style="margin-top:0px;margin-bottom:0px;">
    <table width="533" height="132" cellpadding="0" cellspacing="0" border="0" background="images/table1_back.png" style="background-repeat:repeat-x;" bgcolor="#000000">
    <tr>



    </td>
    <td width="284" height="132">
    <p style="margin:12px;"> <font face="arial black">


    Welkom op Rock Ftw,</p>


    Deze site is een opdracht voor Informatica</P>
    </font>
    </p>
    </td>

    <td width="1" height="100%" valign="middle" style="padding-top:10;padding-bottom:5;">[img]images/line1.png[/img]</td>
    <td width="54" height="132" valign="bottom">
    <p style="margin-bottom:15px;margin-right:12px;" align="right">
    <table width="38" height="28" cellpadding="0" cellspacing="0" border="0">
    <tr>


    </tr>
    </table>
    </p>
    </td>
    </tr>
    </table>
    </p>
    </td>

    <td width="228" height="29">

    </td>

    </tr>

    <tr>
    <td width="21" height="1%" align="right" valign="top">
    <table width="1" height="1" cellpadding="0" cellspacing="0" border="0" background="" style="background-repeat:repeat-x;" bgcolor="#000000">
    <tr>


    </td>
    </tr><tr>
    <td width="170" height="100%" valign="top">


    </p>
    </td>
    <td width="1" height="1%" valign="middle" style="padding-top:10;padding-bottom:5;">[img]images/line2.png[/img]</td>
    <td width="53" height="100%" align="center" valign="bottom" style="padding-bottom:26px;"><table width="38" height="28" cellpadding="0" cellspacing="0" border="0">
    <tr>


    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    <td width="1" height="1%" valign="top" align="right">
    <table width="1" height="1" background="" style="background-repeat:repeat-x;" bgcolor="#000000"><tr><td valign="top" height="100%"><form name="form1">



    </p>

    </form><td></tr></table>
    </td>
    <td width="1" height="1%" valign="top" style="padding-left:3px;" align="center">
    <table width="1" height="1" cellpadding="0" cellspacing="0" border="0" background="" style="background-repeat:repeat-x;" bgcolor="#000000">
    <tr>

    </p>
    </td>
    </tr>
    </table>
    </td>
    </tr>

    <tr>
    <td colspan="3" height="5" bgcolor="#000000">[img]images/trans.png[/img]</td>
    </tr>
    </table>

    </td>
    <td width="5" height="100%" bgcolor="#000000">[img]images/trans.png[/img]</td>
    </tr>
    </table><table width="100%" height="5" cellpadding="0" cellspacing="0" border="0" background="images/bottom_blank.png"><tr><td align="center"><table width="544" cellpadding="0" cellspacing="0" border="0" bgcolor="#000000">


    <tr>
    <td>[img]images/bottom.png[/img]</td>


    </table></td></tr></table>
    <td width="800" height="200">[img]images/design_under.png[/img]</td>
    </center>

    </body>

    </html>[/spoiler:1alpl1bw]

    As you can see, there is a red dot in the leftdown corner.
    There are also two red stripes at the sides.
    I don't know how to fix those.


    I downloaded a free html-layout and edited all pictures and the html-code, because our teacher doesn't explain/teach us how to write our own htmls.

    I hope someone could tell me what'swrong, or fix it

    Btw. i am aware that there are some design flaws, i will refine it once i have a fine html
    | Pivot | Artwork | Youtube |
    DD Achievements:
    Spoiler:

    Beginner:
    • 16 august 2008

    Intermediate:
    • 9 January 2009

    Veteran:
    • 28 June 2010


    666 Posts:
    • 3 July 2010

    1000 Posts:
    • 12 November 2010

    2000 Posts:
    • 30 March 2011

    3000 Posts:
    • 25 December 2011

    4000 Posts:
    • 19 November 2012


    Vip:
    • 15 July 2010
      Special thanks to Arch

    Myfiles:
    • 29 October 2010
      Special thanks to Mango

    2 Month ban:
    • 16 July 2010
      Special thanks to Skype

  2. #2
    Insanity Skype's Avatar



    Join Date
    Apr 2007
    Location
    England
    Posts
    27,397

    Re: HTML Code flaws

    They're images. Delete trans.png or make it transparent.

  3. #3
    Obsessed Veteran Adam's Avatar



    Join Date
    Nov 2004
    Location
    UK / England
    Posts
    17,271

    Re: HTML Code flaws

    Try this revised HTML I've made for you.

    http://pastebin.com/hmv91NsM

    The problem is because of;

    Code:
    [img]images/trans.png[/img]
    Images being dotted around the place. I assume you've altered the colour. I advise you to try and stay away from tables but as your starting out just build your way to up to pure XHTML, and CSS. Tables still have there place in some contexts.

    Additionally I was able to fix your problem within seconds using firebug. If you use firefox I suggest you download it. It allows you to edit the page markup / DOM in real time.

    @ Skype beat me..

  4. #4
    Mother Russia Cavolia's Avatar

    Join Date
    Aug 2008
    Location
    Soviet Russia
    Posts
    4,317

    Re: HTML Code flaws

    Thank you guys very much
    Now you have explained it, it sounds very logic.

    @Adam, the html-code is perfect
    Edit: noticed, if i use your html, the dot dissapears, but little blue stripes appear between the control-panel buttons.
    I fixed it myself by replacing this part with the original html.

    [spoiler:22s6hlb4]<p style="margin-top: 10px;">
    <a href="index.html">
    [img]images/home.png[/img]
    </a>
    <a href="HTML-about.html">
    [img]images/about.png[/img]
    </a>
    <a href="HTML-portfolio.html">
    [img]images/portfolio.png[/img]
    </a>
    <a href="HTML-top10.html">
    [img]images/top10.png[/img]
    </a>
    <a href="HTML-contact.html">
    [img]images/contact.png[/img]
    </a>
    </p>[/spoiler:22s6hlb4]

    Any suggestions for my site btw?
    | Pivot | Artwork | Youtube |
    DD Achievements:
    Spoiler:

    Beginner:
    • 16 august 2008

    Intermediate:
    • 9 January 2009

    Veteran:
    • 28 June 2010


    666 Posts:
    • 3 July 2010

    1000 Posts:
    • 12 November 2010

    2000 Posts:
    • 30 March 2011

    3000 Posts:
    • 25 December 2011

    4000 Posts:
    • 19 November 2012


    Vip:
    • 15 July 2010
      Special thanks to Arch

    Myfiles:
    • 29 October 2010
      Special thanks to Mango

    2 Month ban:
    • 16 July 2010
      Special thanks to Skype


 

Posting Permissions

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