Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9
  1. #1
    Member
    Join Date
    Jun 2004
    Location
    Edmonton, Canada
    Posts
    42
    Member #
    6396
    Hi guys,

    On my site

    Tincture Adept

    The layout is basically a big table. The center where you see the news/text is one cell. Problem is, if a person is using larger fonts or if I add too much news, that cell grows in height, pulling apart all the other cells and chopping up my images (for example, the wizard).

    What I'd like to happen is if the contents of the cell are too long (tall) a vertical scrollbar will appear in the cell so you can scroll down. That, rather than increasing the cell and wrecking my layout.

    Is that possible? What is the code (keeping in mind I'm very novice at this).

    Best REgards

    Jarrett

  2.  

  3. #2
    Senior Member Trico's Avatar
    Join Date
    Feb 2004
    Location
    Nottingham, UK
    Posts
    894
    Member #
    5081
    Wrap your content with a <div> (see example)

    Code:
    <div style="height: 500px; overflow: auto;">
    	<ul>
            <li><font align="left" face="Arial, Helvetica, sans-serif" size="2">September 
              14: <font size="3"><strong>Forgeworld Rant</strong></font></font></li>
          </ul>
          <p><font face="Arial, Helvetica, sans-serif" size="2">The Winged Hive Tyrant 
            I bought from the Warstore is missing the small claw piece on the back 
            of his foot. I figure this piece costs about 5 cents to make. I emailed 
            Forgeworld to ask if they could put a claw in an envelope and mail it 
            to me. Response:</font></p>
          <p><em><font size="2">You need to contact Neal at the Warstore about any 
            problems you have with models you bought from him. The reason for this 
            is that you did not buy the models directly from Forge World, you bought 
            it from some one else. </font></em></p>
          <p><font face="Arial, Helvetica, sans-serif" size="2">Um - what does that 
            have to do with the price of rice in China? And Neal got the kit where.....from 
            Hasbro? What purpose is served by sending me back to Neal with my problem? 
            I'm pretty disgusted, given the prices Forgeworld charges and the amount 
            of cash I've spent with them.</font></p>
          <p><font face="Arial, Helvetica, sans-serif" size="2">In other news - I 
            can't see the line through the wizards head on my PC - making it a lot 
            harder to fix the problem. It looks normal on my home computer, but goofed 
            up on all our work computers. Do YOU see the line in his head?</font></p>
    </div>
    This will stop the layout breaking if you add more content, but there are other areas such as your 'designed by' notice which breaks apart when increased in size. To stop this you would need to include ...style="overflow: hidden; height: xx;"> on the end of the initial <div> it's contained within.

  4. #3
    Member
    Join Date
    Jun 2004
    Location
    Edmonton, Canada
    Posts
    42
    Member #
    6396
    Quote Originally Posted by Trico
    Wrap your content with a <div> (see example)
    I wonder, is there something else I need to do to make Dreamweaver recognize what a DIV is? When I put it into my html code, it shows up in the text content (as though it isn't recognized as a tag)....

    TA

  5. #4
    Senior Member Trico's Avatar
    Join Date
    Feb 2004
    Location
    Nottingham, UK
    Posts
    894
    Member #
    5081
    Can you post your current source code?

  6. #5
    Member
    Join Date
    Jun 2004
    Location
    Edmonton, Canada
    Posts
    42
    Member #
    6396
    Sure, will do when I get home.

    The whole page? Or just the table stuff?

    TA

  7. #6
    Senior Member Trico's Avatar
    Join Date
    Feb 2004
    Location
    Nottingham, UK
    Posts
    894
    Member #
    5081
    whole page.

  8. #7
    Member
    Join Date
    Jun 2004
    Location
    Edmonton, Canada
    Posts
    42
    Member #
    6396
    Ok here it is:

    <HTML>
    <HEAD>
    <TITLE>NewLayoutSept14c</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    </HEAD>
    <BODY BGCOLOR=#000000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    <TABLE WIDTH=100% BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 bgcolor="#FFFFFF">
    <!--DWLayoutTable-->
    <TR>
    <TD> <IMG SRC="images/NewLayoutSept14c_01.jpg" WIDTH=228 HEIGHT=3 ALT=""></TD>
    <TD COLSPAN=2 ROWSPAN=3 align="center" bgcolor="#FFFFFF">
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="573" height="32">
    <param name="movie" value="TAMenuBarB.swf">
    <param name="quality" value="high">
    <embed src="TAMenuBarB.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="573" height="32"></embed></object></TD>
    <TD> <IMG SRC="images/NewLayoutSept14c_03.jpg" WIDTH=7 HEIGHT=3 ALT=""></TD>
    <TD COLSPAN=3> <IMG SRC="images/NewLayoutSept14c_04.jpg" WIDTH=109 HEIGHT=3 ALT=""></TD>
    <TD> <IMG SRC="images/NewLayoutSept14c_05.jpg" WIDTH=6 HEIGHT=3 ALT=""></TD>
    <TD width="45"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=2> <IMG SRC="images/NewLayoutSept14c_06.jpg" WIDTH=228 HEIGHT=29 ALT=""></TD>
    <TD ROWSPAN=2> <IMG SRC="images/NewLayoutSept14c_07.jpg" WIDTH=7 HEIGHT=29 ALT=""></TD>
    <TD COLSPAN=2> <IMG SRC="images/NewLayoutSept14c_08.jpg" WIDTH=104 HEIGHT=8 ALT=""></TD>
    <TD COLSPAN=2 ROWSPAN=2> <IMG SRC="images/NewLayoutSept14c_09.jpg" WIDTH=11 HEIGHT=29 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=15> <IMG SRC="images/NewLayoutSept14c_10.jpg" WIDTH=8 HEIGHT=562 ALT=""></TD>
    <TD ROWSPAN=2 align="center" valign="middle"><a href="http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=5921344694"><img src="ProwlerThumb.jpg" width="91" height="91" border="1"></a>
    </TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=21 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=2> <IMG SRC="images/NewLayoutSept14c_12.jpg" WIDTH=228 HEIGHT=84 ALT=""></TD>
    <TD ROWSPAN=15> <IMG SRC="images/NewLayoutSept14c_13.jpg" WIDTH=61 HEIGHT=612 ALT=""></TD>
    <TD width="100%" ROWSPAN=15 align="left" valign="top"><ul>
    <li><font size="2" face="Arial, Helvetica, sans-serif" align="left">September
    14: <font size="3"><strong>Forgeworld Rant</strong></font></font></li>
    </ul>
    <p><font size="2" face="Arial, Helvetica, sans-serif">The Winged Hive Tyrant
    I bought from the Warstore is missing the small claw piece on the back
    of his foot. I figure this piece costs about 5 cents to make. I emailed
    Forgeworld to ask if they could put a claw in an envelope and mail it
    to me. Response:</font></p>
    <p><em><font size="2">You need to contact Neal at the Warstore about any
    problems you have with models you bought from him. The reason for this
    is that you did not buy the models directly from Forge World, you bought
    it from some one else. </font></em></p>
    <p><font size="2" face="Arial, Helvetica, sans-serif">Um - what does that
    have to do with the price of rice in China? And Neal got the kit where.....from
    Hasbro? What purpose is served by sending me back to Neal with my problem?
    I'm pretty disgusted, given the prices Forgeworld charges and the amount
    of cash I've spent with them.</font></p>
    <p><font size="2" face="Arial, Helvetica, sans-serif">In other news - I
    can't see the line through the wizards head on my PC - making it a lot
    harder to fix the problem. It looks normal on my home computer, but goofed
    up on all our work computers. Do YOU see the line in his head?</font></p>
    <ul>
    <li><font size="2" face="Arial, Helvetica, sans-serif" align="left">September
    14: <font size="3"><strong>Prowler is now on ebay</strong></font></font></li>
    </ul>
    <p><font size="2" face="Arial, Helvetica, sans-serif">I love how this guy
    turned out. Let me know what you think! He'll be on CMON as well once
    I get past that stupid &quot;no such file&quot; error I always get. What
    a pain that is. Oh, and you may have noticed the new look of the site
    Hope you like it!</font></p>

    </TD>
    <TD ROWSPAN=2> <IMG SRC="images/NewLayoutSept14c_15.jpg" WIDTH=7 HEIGHT=84 ALT=""></TD>
    <TD COLSPAN=2 ROWSPAN=2> <IMG SRC="images/NewLayoutSept14c_16.jpg" WIDTH=11 HEIGHT=84 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=75 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=2> <IMG SRC="images/NewLayoutSept14c_17.jpg" WIDTH=96 HEIGHT=15 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_18.jpg" WIDTH=228 HEIGHT=114 ALT=""></TD>
    <TD ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_19.jpg" WIDTH=7 HEIGHT=114 ALT=""></TD>
    <TD COLSPAN=2 ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_20.jpg" WIDTH=11 HEIGHT=114 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=6 ALT=""></TD>
    </TR>
    <TR>
    <TD align="center" valign="middle"><img src="AsuraFinalThumb.jpg" width="90" height="90" border="1">
    </TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=98 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=2> <IMG SRC="images/NewLayoutSept14c_22.jpg" WIDTH=96 HEIGHT=17 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=10 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_23.jpg" WIDTH=228 HEIGHT=112 ALT=""></TD>
    <TD ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_24.jpg" WIDTH=7 HEIGHT=112 ALT=""></TD>
    <TD COLSPAN=2 ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_25.jpg" WIDTH=11 HEIGHT=112 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=7 ALT=""></TD>
    </TR>
    <TR>
    <TD align="center" valign="middle"><img src="ArdokathThumb.jpg" width="90" height="90" border="1">
    </TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=97 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=2> <IMG SRC="images/NewLayoutSept14c_27.jpg" WIDTH=96 HEIGHT=18 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_28.jpg" WIDTH=228 HEIGHT=116 ALT=""></TD>
    <TD ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_29.jpg" WIDTH=7 HEIGHT=116 ALT=""></TD>
    <TD COLSPAN=2 ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_30.jpg" WIDTH=11 HEIGHT=116 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=10 ALT=""></TD>
    </TR>
    <TR>
    <TD align="center" valign="middle"><img src="GarellThumb.jpg" width="90" height="90" border="1">
    </TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=97 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=2> <IMG SRC="images/NewLayoutSept14c_32.jpg" WIDTH=96 HEIGHT=17 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
    </TR>
    <TR>
    <TD ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_33.jpg" WIDTH=228 HEIGHT=115 ALT=""></TD>
    <TD ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_34.jpg" WIDTH=7 HEIGHT=115 ALT=""></TD>
    <TD COLSPAN=2 ROWSPAN=3> <IMG SRC="images/NewLayoutSept14c_35.jpg" WIDTH=11 HEIGHT=115 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8 ALT=""></TD>
    </TR>
    <TR>
    <TD align="center" valign="middle"><img src="BeLakorThumb.jpg" width="90" height="90" border="1">
    </TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=98 ALT=""></TD>
    </TR>
    <TR>
    <TD> <IMG SRC="images/NewLayoutSept14c_37.jpg" WIDTH=96 HEIGHT=9 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9 ALT=""></TD>
    </TR>
    <TR>
    <TD> <IMG SRC="images/NewLayoutSept14c_38.jpg" WIDTH=228 HEIGHT=71 ALT=""></TD>
    <TD> <IMG SRC="images/NewLayoutSept14c_39.jpg" WIDTH=7 HEIGHT=71 ALT=""></TD>
    <TD COLSPAN=2 bgcolor="#000000"> <div align="center"><font color="#FFFFFF" size="1" face="Arial, Helvetica, sans-serif"><strong>Site
    Design by Jarrett Lee Copyright 2004</strong></font></div></TD>
    <TD COLSPAN=2> <IMG SRC="images/NewLayoutSept14c_41.jpg" WIDTH=11 HEIGHT=71 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=71 ALT=""></TD>
    </TR>
    <TR>
    <TD height="2"> <IMG SRC="images/spacer.gif" WIDTH=228 HEIGHT=1 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=61 HEIGHT=1 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=329 HEIGHT=1 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=96 HEIGHT=1 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
    <TD> <IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1 ALT=""></TD>
    <TD></TD>
    </TR>
    </TABLE>
    <!-- End ImageReady Slices -->
    </BODY>
    </HTML>

  9. #8
    Member
    Join Date
    Jun 2004
    Location
    Edmonton, Canada
    Posts
    42
    Member #
    6396
    Looks like I fixed it - basically I merged some of the cells that were splitting, among other things. Seems fine now. Thanks for help though!

    TA

  10. #9
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    Next time please attach a file instead of flooding the page with code.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:36 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com