HTML Help

Discussion in 'OT Technology' started by geonyrichard, Nov 3, 2005.

  1. geonyrichard

    geonyrichard New Member

    Joined:
    Aug 24, 2005
    Messages:
    45
    Likes Received:
    0
    Ok so I have a website :

    http://www.freewebs.com/leeds21/

    Now as you can see I have a small box/table that is called .:content:. In this box whenever I type a long message and all the text dosent fit into the box, the website gets stretched and all the table go out of line, just so it can fit all the text.

    What I want to do is to make the Content box have a scroll bar so I can fit as much text as I want in there.

    Here is the HTML I have used to create this site:


    <HTML>
    <HEAD>
    <TITLE>Leeds United FC</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <style>
    a{color:FFFFFF; text-decoration:none; }
    a:hover{color:big grin:EE2E9; }
    </style>
    </HEAD>
    <BODY BGCOLOR=#202B41 text="#DEE2E9" link="#FFFFFF" vlink="#FFFFFF" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#FFFFFF">
    <!-- ImageReady Slices (v1.2.psd) -->
    <TABLE WIDTH=760 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 height="483">
    <TR>
    <TD COLSPAN=14 height="169">
    <font size="1" face="Verdana">
    <br>
    <br>
    <br>
    <br>
    <br>
    <IMG SRC="images/header.jpg" WIDTH=760 HEIGHT=109 ALT=""></font></TD>
    </TR>
    <TR>
    <TD COLSPAN=14 height="25">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/under_header.jpg" WIDTH=760 HEIGHT=25 ALT=""></font></TD>
    </TR>
    <TR>

    <TD ROWSPAN=12 background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/left_side.jpg" height="256">
    <font size="1" face="Verdana"> </font> </TD>
    <TD COLSPAN=3 height="26">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/menubox1_header.jpg" WIDTH=207 HEIGHT=26 ALT=""></font></TD>
    <TD COLSPAN=9 height="26">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/mainbox_header.jpg" WIDTH=496 HEIGHT=26 ALT=""></font></TD>

    <TD ROWSPAN=12 background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/right_bar.jpg" height="256">
    <font size="1" face="Verdana"> </font> </TD>
    </TR>
    <TR>

    <TD height="43" background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/menubox1_left.jpg">
    <font size="1" face="Verdana"> </font> </TD>

    <TD background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/menubox1_main.jpg" height="43"><font face="Verdana" size="1"><br>

    + <a href="">Leeds Chat</a><br>
    + <a href="http://www.freewebs.com/leeds21/News.htm">News</a><br>
    + <a href="http://www.freewebs.com/leeds21/Players.htm">Players</a><br>
    + <a href="#">Forum</a><br>
    + <a href="http://www.freewebs.com/leeds21/Statistics.htm">Statistics</a><br>
    + <a href="http://www.freewebs.com/leeds21/Links.htm">Links</a><br>
    </font></TD>
    <TD background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/menubox1_right.jpg" height="43"><font size="1" face="Verdana">
    </font> </TD>

    <TD COLSPAN=2 ROWSPAN=5 background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/mainbox_left.jpg" height="95">
    <font size="1" face="Verdana"> </font> </TD>
    <TD COLSPAN=6 ROWSPAN=5 background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/mainbox_main.jpg" height="95">
    <font face="Verdana" size="1">
    <H3>Welcome To Leeds United Fans</H3> <Provisional users can't create forms action="/cgi-sys/entropysearch.cgi" target=searchwindow>

    </form>Welcome to Leeds United Fans. This site is under construction but will soon be ready to show everything about Leeds United<br>
    <br> Complettion Date: 1st January 2006
    <br>
    <br>
    <br>
    <br>
    <br>
    </font></p>
    </TD>
    <TD ROWSPAN=5 background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/mainbox_right.jpg" height="95">
    <font size="1" face="Verdana"> </font> </TD>
    </TR>
    <TR>
    <TD COLSPAN=3 height="13">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/menubox1_bottom.jpg" WIDTH=207 HEIGHT=13 ALT=""></font></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 height="4">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/divider1.jpg" WIDTH=207 HEIGHT=4 ALT=""></font></TD>
    </TR>
    <TR>
    <TD COLSPAN=3 height="27">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/featurebox_header.jpg" WIDTH=207 HEIGHT=27 ALT=""></font></TD>
    </TR>
    <TR>

    <TD height="8" background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/menubox1_left.jpg">
    <font size="1" face="Verdana"> </font> </TD>
    <TD background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/featurebox_main.jpg" height="8">
    <font face="Verdana" size="1">+ <a href="#">Link</a><br>
    + <a href="#">Link</a><br>
    + <a href="#">Link</a><br>
    + <a href="#">Link</a><br>
    + <a href="#">Link</a><br>
    + <a href="#">Link</a><br>
    + <a href="#">Link</a></font></TD>

    <TD background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/menubox1_right.jpg" height="8"><font size="1" face="Verdana">
    </font> </TD>
    </TR>

    <TR>
    <TD COLSPAN=3 height="15"><font size="1" face="Verdana"><img src="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/featurebox_bottom.jpg" width="207" height="15"></font></TD>
    <TD COLSPAN=9 height="15"><font size="1" face="Verdana"><img src="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/mainbox_bottom.jpg" width="496" height="15"></font></TD>
    </TR>
    <TR>
    <TD COLSPAN=12 height="4">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/divider2.jpg" WIDTH=703 HEIGHT=4 ALT=""></font></TD>
    </TR>
    <TR>
    <TD COLSPAN=6 height="21">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox_hd.jpg" WIDTH=234 HEIGHT=21 ALT=""></font></TD>
    <TD COLSPAN=3 height="21">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox2_hd.jpg" WIDTH=236 HEIGHT=21 ALT=""></font></TD>
    <TD COLSPAN=3 height="21">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox3_hd.jpg" WIDTH=233 HEIGHT=21 ALT=""></font></TD>
    </TR>
    <TR>
    <TD ROWSPAN=2 height="76">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox1_left.jpg" WIDTH=16 HEIGHT=76 ALT=""></font></TD>

    <TD height="63" COLSPAN=3 background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox1_main.jpg">
    <font face="Verdana" size="1"><a href="#">News Link</a><br>
    <br>
    More news to be added<br>
    </font></TD>
    <TD COLSPAN=3 ROWSPAN=2 height="76">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox1n2_splitsides.jpg" WIDTH=39 HEIGHT=76 ALT=""></font></TD>

    <TD background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox2_main.jpg" height="63">
    <font size="1" face="Verdana">
    <a target="_blank" href="http://www.helphousehosting.com" style="text-decoration: none">Help House Hosting</a><br>
    <br>
    40MB/1000MB PHP/CGI/MySQL/SSI<br>
    Price: FREE</font></TD>
    <TD COLSPAN=2 ROWSPAN=2 height="76">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox2n3_splitsides.jpg" WIDTH=35 HEIGHT=76 ALT=""></font></TD>

    <TD background="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox3_main.jpg" height="63">
    <p align="left"><font face="Verdana" size="1"> <script type="text/javascript"><!--
    google_ad_client = "pub-8411801897345761";
    google_color_bg = "202B41";
    google_ad_width = 185;
    google_ad_height = 58;
    google_ad_format = "120x90_0ads_al_s";
    google_color_text = "0033FF";
    google_color_url = "000000";
    google_ad_channel ="8887193175";
    //--></script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script></font></TD>
    <TD ROWSPAN=2 height="76">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox3_right.jpg" WIDTH=14 HEIGHT=76 ALT=""></font></TD>
    </TR>
    <TR>
    <TD height="13" COLSPAN=3>
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox1_bottom.jpg" WIDTH=198 HEIGHT=13 ALT=""></font></TD>
    <TD height="13">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox2_bottom.jpg" WIDTH=200 HEIGHT=13 ALT=""></font></TD>
    <TD height="13">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/smallbox3_bottom.jpg" WIDTH=201 HEIGHT=13 ALT=""></font></TD>
    </TR>
    <TR>

    <TD height="19" COLSPAN=12 bgcolor="#283349"><font size="1" face="Verdana">
    </font> </TD>
    </TR>
    <TR>
    <TD COLSPAN=14 height="31">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/bottom_bar.jpg" WIDTH=760 HEIGHT=31 ALT=""></font></TD>
    </TR>
    <TR>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=27 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=16 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=174 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=6 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=14 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=200 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=201 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=14 HEIGHT=1 ALT=""></font></TD>
    <TD height="2">
    <font size="1" face="Verdana">
    <IMG SRC="http://i25.photobucket.com/albums/c72/leeds21/hjshksaws/spacer.gif" WIDTH=30 HEIGHT=1 ALT=""></font></TD>
    </TR>
    </TABLE>
    <!-- End ImageReady Slices -->
    <script type="text/javascript" src="/i.js"></script></BODY>
    </HTML>
    <center><span style="width: 100%; font-family: helvetica; font-size: 6px;">
    Design downloaded from <a href="http://www.freewebtemplates.com" style="font-family: helvetica; font-size: 6px;">FreeWebTemplates.com</a><br>
    Free web design, web templates, web layouts, and website resources!
    </span></center><br><br>


    It would be really helpful if somebody could make an edited version of this HTML so that the context box is a scroll down box.

    Im not sure if any of that is very clear. But I really need some help

    Thanks

    Richard
     
  2. ski

    ski New Member

    Joined:
    Mar 13, 2005
    Messages:
    22,499
    Likes Received:
    0
    Location:
    Boston
    Good lord!

    1. Disable smilies in your post
    2. Put the html code in
    Code:
     tags
    
    :run:
     
  3. kingtoad

    kingtoad OT Supporter

    Joined:
    Sep 2, 2003
    Messages:
    55,918
    Likes Received:
    10
    Location:
    Los Angeles
    It will be more of a hassle to read your code and try to understand it rather than debug and give you the answer.

    My suggestion is to rewrite this thing, it's not constructed correctly at all, it's dirty, and it's not very customizable.
     
  4. RyanL

    RyanL OT Supporter

    Joined:
    Nov 30, 2004
    Messages:
    4,584
    Likes Received:
    0
    Location:
    St. Paul, MN
    1. Stop using font tags.

    2. Stop using tables for layout.
     
  5. ski

    ski New Member

    Joined:
    Mar 13, 2005
    Messages:
    22,499
    Likes Received:
    0
    Location:
    Boston
    :mepoke:
     
  6. peerk

    peerk New Member

    Joined:
    Mar 14, 2005
    Messages:
    984
    Likes Received:
    0
    You can create a table with width of 455 in mainpages.htm to get rid of the horizontal scroll bar in the iframe.

    But I'm not a web designer, so there might be a better way.
     
  7. Frequency

    Frequency New Member

    Joined:
    Dec 30, 2004
    Messages:
    7,504
    Likes Received:
    0
    Location:
    PA
    div > table
    css > *
     

Share This Page