Scrollable text box

  • monsieur_le_christophe
  • Student
  • Student
  • monsieur_le_christophe
  • Posts: 71
  • Loc: Wales, UK

Post 3+ Months Ago

Hey guys,
My first post here but have found quite a few answers over the last few months - cheers! I'm fairly new to design, so this may be completely obvious but is there a way to make a normal text box scrollable so that its size remains constant? Failing that, is it poss to embed a html page in a box? My site is here:

http://www.arrowmotors.com/new.htm

Code: [ Select ]
HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<TITLE>:: Welcome to the Ford Arrow Motor Garage ::</TITLE>
<link href="styles.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY bgcolor="#FFFFFF" background="new/bground.gif">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<table width="500" border="0" align="center" cellpadding="10" cellspacing="2">
 <tr>
  <td height="20" colspan="7"> <div align="center">
    <table width="75%" border="0" align="right" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
     <tr bgcolor="#999999">
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#">
        Bodyshop</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">
        | <a href="#">Contact</a> | </font></font></strong></font></div></td>
      <td bgcolor="#999999"> <div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#">
        Perodua</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#" onClick="MyWindow=window.open('http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=484,height=500'); return false;">
        Used Ford</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
        <a href="#">New Ford</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
        <a href="#">Rapid Fit</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
        <a href="#">Servicing</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
        <a href="#">Directions</a> |</font></font></strong></font></div></td>
     </tr>
    </table>
   </div></td>
 </tr>
 <tr>
  <td width="510" height="203" bgcolor="#000000"> <div align="center"><img src="new/arrow_writing.gif" width="488" height="91"></div></td>
  <td height="203" colspan="2" background="bground2.gif" bgcolor="#CCCCCC">
   <div align="center">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="282" height="180" id="movie" align="">
     <param name=movie value="new/movie.swf">
     <param name=quality value=high>
     <param name=wmode value=transparent>
     <param name=bgcolor value=#FFFFFF>
     <embed src="new/movie.swf" quality=high wmode=transparent bgcolor=#FFFFFF width="282" height="180" name="movie" align=""
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
    </object>
   </div></td>
  <td height="203" colspan="4" bgcolor="#000000"> <div align="center"></div></td>
 </tr>
 <tr>
  <td height="200" rowspan="2" background="new/bground2.gif"> <div align="center">
    <table width="100%" height="100%" border="1" cellpadding="10" cellspacing="0" bordercolor="#999999">
     <tr>
      <td bgcolor="#FFFFFF"> <span class="text"><font color="#000000" size="-1"><strong>Welcome
       to Arrow Motors of Pontllanfraith, Blackwood</strong></font> </span>
       <p align="justify" class="text">There has been a Ford garage on
        this site for 80 years since 1923, we are keeping pace with new
        technology, to meet the needs of the community today.</p>
       <p align="justify" class="text">Our friendly staff are on hand to
        meet your every motoring need.</p>
       <p align="justify" class="text">Each department is run by committed
        managers, who are specialists in their field, ensuring that every
        job undertaken is finished to your complete satisfaction.</p>
       <p align="justify"></p>
       <p align="justify" class="text">Mr Paul Kingston, the New/Used Car
        Sales Manager,and his staff are always on hand to ensure that
        your new vehicle purchase is trouble free, leaving you to relax
        and enjoy your new vehicle. We are here to support you, from your
        initial Enquiry, right through the life of your car.</p></td>
     </tr>
    </table>
   </div></td>
  <td height="200" colspan="2" bgcolor="#FFFFFF"> <p align="center"><img src="new/BODYSHOP.JPG" width="250" height="169" align="middle"></p></td>
  <td colspan="4" background="new/bground2.gif" bgcolor="#CCCCCC"> <p align="center" class="text">&nbsp;</p>
   <div align="center"></div></td>
 </tr>
 <tr bgcolor="#CCCCCC">
  <td height="60" colspan="2" bgcolor="#FFFFFF"> <table width="90%" border="0" cellspacing="0" cellpadding="5">
    <tr>
     <td height="90%"><div align="right"><a href="http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683">Used
       Car Database</a></div></td>
     <td width="30%" height="90%"><a href="http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683"><img src="new/datab_pointer.gif" width="5" height="9" border="0"></a></td>
    </tr>
    <tr>
     <td height="90%"><div align="right"><a href="#">New Car Database</a></div></td>
     <td height="90%"><img src="new/datab_pointer.gif" width="5" height="9"></td>
    </tr>
   </table>
  </td>
  <td height="60" colspan="4" background="new/bground2.gif"> <div align="center"></div></td>
 </tr>
 <tr>
  <td height="1" bgcolor="#666666"> <p align="center" class="white">Arrow Ford<br>
    Commercial Road, Pontllanfraith<br>
    Blackwood, SOUTH WALES, NP12 2YE</p></td>
  <td height="1" bgcolor="#666666" class="white"> <p align="right"> Sales Department:<br>
    Parts and Service Department:<br>
    Bodyshop:</p></td>
  <td height="1" bgcolor="#666666" class="white"> <div align="center">(01495)
    223366<br>
    (01495) 231500<br>
    (01495) 224074 </div></td>
  <td height="1" colspan="4" bgcolor="#666666"> <div align="center"></div></td>
 </tr>
</table>
</BODY>
</HTML>
  1. HTML>
  2. <HEAD>
  3. <meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
  4. <TITLE>:: Welcome to the Ford Arrow Motor Garage ::</TITLE>
  5. <link href="styles.css" rel="stylesheet" type="text/css">
  6. </HEAD>
  7. <BODY bgcolor="#FFFFFF" background="new/bground.gif">
  8. <!-- URL's used in the movie-->
  9. <!-- text used in the movie-->
  10. <table width="500" border="0" align="center" cellpadding="10" cellspacing="2">
  11.  <tr>
  12.   <td height="20" colspan="7"> <div align="center">
  13.     <table width="75%" border="0" align="right" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
  14.      <tr bgcolor="#999999">
  15.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#">
  16.         Bodyshop</a> |</font></font></strong></font></div></td>
  17.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">
  18.         | <a href="#">Contact</a> | </font></font></strong></font></div></td>
  19.       <td bgcolor="#999999"> <div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#">
  20.         Perodua</a> |</font></font></strong></font></div></td>
  21.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#" onClick="MyWindow=window.open('http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=484,height=500'); return false;">
  22.         Used Ford</a> |</font></font></strong></font></div></td>
  23.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
  24.         <a href="#">New Ford</a> |</font></font></strong></font></div></td>
  25.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
  26.         <a href="#">Rapid Fit</a> |</font></font></strong></font></div></td>
  27.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
  28.         <a href="#">Servicing</a> |</font></font></strong></font></div></td>
  29.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
  30.         <a href="#">Directions</a> |</font></font></strong></font></div></td>
  31.      </tr>
  32.     </table>
  33.    </div></td>
  34.  </tr>
  35.  <tr>
  36.   <td width="510" height="203" bgcolor="#000000"> <div align="center"><img src="new/arrow_writing.gif" width="488" height="91"></div></td>
  37.   <td height="203" colspan="2" background="bground2.gif" bgcolor="#CCCCCC">
  38.    <div align="center">
  39.     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  40. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
  41. width="282" height="180" id="movie" align="">
  42.      <param name=movie value="new/movie.swf">
  43.      <param name=quality value=high>
  44.      <param name=wmode value=transparent>
  45.      <param name=bgcolor value=#FFFFFF>
  46.      <embed src="new/movie.swf" quality=high wmode=transparent bgcolor=#FFFFFF width="282" height="180" name="movie" align=""
  47. type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
  48.     </object>
  49.    </div></td>
  50.   <td height="203" colspan="4" bgcolor="#000000"> <div align="center"></div></td>
  51.  </tr>
  52.  <tr>
  53.   <td height="200" rowspan="2" background="new/bground2.gif"> <div align="center">
  54.     <table width="100%" height="100%" border="1" cellpadding="10" cellspacing="0" bordercolor="#999999">
  55.      <tr>
  56.       <td bgcolor="#FFFFFF"> <span class="text"><font color="#000000" size="-1"><strong>Welcome
  57.        to Arrow Motors of Pontllanfraith, Blackwood</strong></font> </span>
  58.        <p align="justify" class="text">There has been a Ford garage on
  59.         this site for 80 years since 1923, we are keeping pace with new
  60.         technology, to meet the needs of the community today.</p>
  61.        <p align="justify" class="text">Our friendly staff are on hand to
  62.         meet your every motoring need.</p>
  63.        <p align="justify" class="text">Each department is run by committed
  64.         managers, who are specialists in their field, ensuring that every
  65.         job undertaken is finished to your complete satisfaction.</p>
  66.        <p align="justify"></p>
  67.        <p align="justify" class="text">Mr Paul Kingston, the New/Used Car
  68.         Sales Manager,and his staff are always on hand to ensure that
  69.         your new vehicle purchase is trouble free, leaving you to relax
  70.         and enjoy your new vehicle. We are here to support you, from your
  71.         initial Enquiry, right through the life of your car.</p></td>
  72.      </tr>
  73.     </table>
  74.    </div></td>
  75.   <td height="200" colspan="2" bgcolor="#FFFFFF"> <p align="center"><img src="new/BODYSHOP.JPG" width="250" height="169" align="middle"></p></td>
  76.   <td colspan="4" background="new/bground2.gif" bgcolor="#CCCCCC"> <p align="center" class="text">&nbsp;</p>
  77.    <div align="center"></div></td>
  78.  </tr>
  79.  <tr bgcolor="#CCCCCC">
  80.   <td height="60" colspan="2" bgcolor="#FFFFFF"> <table width="90%" border="0" cellspacing="0" cellpadding="5">
  81.     <tr>
  82.      <td height="90%"><div align="right"><a href="http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683">Used
  83.        Car Database</a></div></td>
  84.      <td width="30%" height="90%"><a href="http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683"><img src="new/datab_pointer.gif" width="5" height="9" border="0"></a></td>
  85.     </tr>
  86.     <tr>
  87.      <td height="90%"><div align="right"><a href="#">New Car Database</a></div></td>
  88.      <td height="90%"><img src="new/datab_pointer.gif" width="5" height="9"></td>
  89.     </tr>
  90.    </table>
  91.   </td>
  92.   <td height="60" colspan="4" background="new/bground2.gif"> <div align="center"></div></td>
  93.  </tr>
  94.  <tr>
  95.   <td height="1" bgcolor="#666666"> <p align="center" class="white">Arrow Ford<br>
  96.     Commercial Road, Pontllanfraith<br>
  97.     Blackwood, SOUTH WALES, NP12 2YE</p></td>
  98.   <td height="1" bgcolor="#666666" class="white"> <p align="right"> Sales Department:<br>
  99.     Parts and Service Department:<br>
  100.     Bodyshop:</p></td>
  101.   <td height="1" bgcolor="#666666" class="white"> <div align="center">(01495)
  102.     223366<br>
  103.     (01495) 231500<br>
  104.     (01495) 224074 </div></td>
  105.   <td height="1" colspan="4" bgcolor="#666666"> <div align="center"></div></td>
  106.  </tr>
  107. </table>
  108. </BODY>
  109. </HTML>


I need the white box full of text to hold more than its current size, without altering any of the design. If I could make the box scrollable without changing its size somehow it would be ideal, but I have no idea how it could be done. Or embedding a html page in there? Any help would be great thanks!
Chris

PS Any comments on the code or design appreciated (be as harsh as you like!) [/code][/u]
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • JrzyCrim
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2062

Post 3+ Months Ago

lol, dm's method is better

Cheers,
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Do you mean like this?

Code: [ Select ]
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<TITLE>:: Welcome to the Ford Arrow Motor Garage ::</TITLE>
<link href="styles.css" rel="stylesheet" type="text/css">
<style>#scrollMe{overflow:auto;height:200px;width:450px;}</style>
</HEAD>
<BODY bgcolor="#FFFFFF" background="new/bground.gif">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<table width="500" border="0" align="center" cellpadding="10" cellspacing="2">
 <tr>
  <td height="20" colspan="7"> <div align="center">
    <table width="75%" border="0" align="right" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
     <tr bgcolor="#999999">
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#">
        Bodyshop</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">
        | <a href="#">Contact</a> | </font></font></strong></font></div></td>
      <td bgcolor="#999999"> <div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#">
        Perodua</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#" onClick="MyWindow=window.open('http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=484,height=500'); return false;">
        Used Ford</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
        <a href="#">New Ford</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
        <a href="#">Rapid Fit</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
        <a href="#">Servicing</a> |</font></font></strong></font></div></td>
      <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
        <a href="#">Directions</a> |</font></font></strong></font></div></td>
     </tr>
    </table>
   </div></td>
 </tr>
 <tr>
  <td width="510" height="203" bgcolor="#000000"> <div align="center"><img src="new/arrow_writing.gif" width="488" height="91"></div></td>
  <td height="203" colspan="2" background="bground2.gif" bgcolor="#CCCCCC">
   <div align="center">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="282" height="180" id="movie" align="">
     <param name=movie value="new/movie.swf">
     <param name=quality value=high>
     <param name=wmode value=transparent>
     <param name=bgcolor value=#FFFFFF>
     <embed src="new/movie.swf" quality=high wmode=transparent bgcolor=#FFFFFF width="282" height="180" name="movie" align=""
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
    </object>
   </div></td>
  <td height="203" colspan="4" bgcolor="#000000"> <div align="center"></div></td>
 </tr>
 <tr>
  <td height="200" rowspan="2" background="new/bground2.gif"> <div align="center">
    <table width="100%" height="100%" border="1" cellpadding="10" cellspacing="0" bordercolor="#999999">
     <tr>
      <td bgcolor="#FFFFFF">
            <div id="scrollMe">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
                <p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilitá de un nov lingua franca: on refusa continuar payar custosi traductores. It solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. </p>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
                <p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilitá de un nov lingua franca: on refusa continuar payar custosi traductores. It solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. </p>
                <p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.</p></div></td>
     </tr>
    </table>
   </div></td>
  <td height="200" colspan="2" bgcolor="#FFFFFF"> <p align="center"><img src="new/BODYSHOP.JPG" width="250" height="169" align="middle"></p></td>
  <td colspan="4" background="new/bground2.gif" bgcolor="#CCCCCC"> <p align="center" class="text">&nbsp;</p>
   <div align="center"></div></td>
 </tr>
 <tr bgcolor="#CCCCCC">
  <td height="60" colspan="2" bgcolor="#FFFFFF"> <table width="90%" border="0" cellspacing="0" cellpadding="5">
    <tr>
     <td height="90%"><div align="right"><a href="http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683">Used
       Car Database</a></div></td>
     <td width="30%" height="90%"><a href="http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683"><img src="new/datab_pointer.gif" width="5" height="9" border="0"></a></td>
    </tr>
    <tr>
     <td height="90%"><div align="right"><a href="#">New Car Database</a></div></td>
     <td height="90%"><img src="new/datab_pointer.gif" width="5" height="9"></td>
    </tr>
   </table>
  </td>
  <td height="60" colspan="4" background="new/bground2.gif"> <div align="center"></div></td>
 </tr>
 <tr>
  <td height="1" bgcolor="#666666"> <p align="center" class="white">Arrow Ford<br>
    Commercial Road, Pontllanfraith<br>
    Blackwood, SOUTH WALES, NP12 2YE</p></td>
  <td height="1" bgcolor="#666666" class="white"> <p align="right"> Sales Department:<br>
    Parts and Service Department:<br>
    Bodyshop:</p></td>
  <td height="1" bgcolor="#666666" class="white"> <div align="center">(01495)
    223366<br>
    (01495) 231500<br>
    (01495) 224074 </div></td>
  <td height="1" colspan="4" bgcolor="#666666"> <div align="center"></div></td>
 </tr>
</table>
</BODY>
</HTML>
  1. <HTML>
  2. <HEAD>
  3. <meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
  4. <TITLE>:: Welcome to the Ford Arrow Motor Garage ::</TITLE>
  5. <link href="styles.css" rel="stylesheet" type="text/css">
  6. <style>#scrollMe{overflow:auto;height:200px;width:450px;}</style>
  7. </HEAD>
  8. <BODY bgcolor="#FFFFFF" background="new/bground.gif">
  9. <!-- URL's used in the movie-->
  10. <!-- text used in the movie-->
  11. <table width="500" border="0" align="center" cellpadding="10" cellspacing="2">
  12.  <tr>
  13.   <td height="20" colspan="7"> <div align="center">
  14.     <table width="75%" border="0" align="right" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
  15.      <tr bgcolor="#999999">
  16.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#">
  17.         Bodyshop</a> |</font></font></strong></font></div></td>
  18.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">
  19.         | <a href="#">Contact</a> | </font></font></strong></font></div></td>
  20.       <td bgcolor="#999999"> <div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#">
  21.         Perodua</a> |</font></font></strong></font></div></td>
  22.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|<a href="#" onClick="MyWindow=window.open('http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=484,height=500'); return false;">
  23.         Used Ford</a> |</font></font></strong></font></div></td>
  24.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
  25.         <a href="#">New Ford</a> |</font></font></strong></font></div></td>
  26.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
  27.         <a href="#">Rapid Fit</a> |</font></font></strong></font></div></td>
  28.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
  29.         <a href="#">Servicing</a> |</font></font></strong></font></div></td>
  30.       <td><div align="center"><font size="-2"><strong><font color="#333333"><font face="Verdana, Arial, Helvetica, sans-serif">|
  31.         <a href="#">Directions</a> |</font></font></strong></font></div></td>
  32.      </tr>
  33.     </table>
  34.    </div></td>
  35.  </tr>
  36.  <tr>
  37.   <td width="510" height="203" bgcolor="#000000"> <div align="center"><img src="new/arrow_writing.gif" width="488" height="91"></div></td>
  38.   <td height="203" colspan="2" background="bground2.gif" bgcolor="#CCCCCC">
  39.    <div align="center">
  40.     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  41. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
  42. width="282" height="180" id="movie" align="">
  43.      <param name=movie value="new/movie.swf">
  44.      <param name=quality value=high>
  45.      <param name=wmode value=transparent>
  46.      <param name=bgcolor value=#FFFFFF>
  47.      <embed src="new/movie.swf" quality=high wmode=transparent bgcolor=#FFFFFF width="282" height="180" name="movie" align=""
  48. type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
  49.     </object>
  50.    </div></td>
  51.   <td height="203" colspan="4" bgcolor="#000000"> <div align="center"></div></td>
  52.  </tr>
  53.  <tr>
  54.   <td height="200" rowspan="2" background="new/bground2.gif"> <div align="center">
  55.     <table width="100%" height="100%" border="1" cellpadding="10" cellspacing="0" bordercolor="#999999">
  56.      <tr>
  57.       <td bgcolor="#FFFFFF">
  58.             <div id="scrollMe">
  59.                 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
  60.                 <p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilitá de un nov lingua franca: on refusa continuar payar custosi traductores. It solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. </p>
  61.                 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
  62.                 <p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilitá de un nov lingua franca: on refusa continuar payar custosi traductores. It solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. </p>
  63.                 <p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.</p></div></td>
  64.      </tr>
  65.     </table>
  66.    </div></td>
  67.   <td height="200" colspan="2" bgcolor="#FFFFFF"> <p align="center"><img src="new/BODYSHOP.JPG" width="250" height="169" align="middle"></p></td>
  68.   <td colspan="4" background="new/bground2.gif" bgcolor="#CCCCCC"> <p align="center" class="text">&nbsp;</p>
  69.    <div align="center"></div></td>
  70.  </tr>
  71.  <tr bgcolor="#CCCCCC">
  72.   <td height="60" colspan="2" bgcolor="#FFFFFF"> <table width="90%" border="0" cellspacing="0" cellpadding="5">
  73.     <tr>
  74.      <td height="90%"><div align="right"><a href="http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683">Used
  75.        Car Database</a></div></td>
  76.      <td width="30%" height="90%"><a href="http://atsearch.autotrader.co.uk/www/CARS_search_stock.asp?formid=DD&photo=1&dealerid=13683"><img src="new/datab_pointer.gif" width="5" height="9" border="0"></a></td>
  77.     </tr>
  78.     <tr>
  79.      <td height="90%"><div align="right"><a href="#">New Car Database</a></div></td>
  80.      <td height="90%"><img src="new/datab_pointer.gif" width="5" height="9"></td>
  81.     </tr>
  82.    </table>
  83.   </td>
  84.   <td height="60" colspan="4" background="new/bground2.gif"> <div align="center"></div></td>
  85.  </tr>
  86.  <tr>
  87.   <td height="1" bgcolor="#666666"> <p align="center" class="white">Arrow Ford<br>
  88.     Commercial Road, Pontllanfraith<br>
  89.     Blackwood, SOUTH WALES, NP12 2YE</p></td>
  90.   <td height="1" bgcolor="#666666" class="white"> <p align="right"> Sales Department:<br>
  91.     Parts and Service Department:<br>
  92.     Bodyshop:</p></td>
  93.   <td height="1" bgcolor="#666666" class="white"> <div align="center">(01495)
  94.     223366<br>
  95.     (01495) 231500<br>
  96.     (01495) 224074 </div></td>
  97.   <td height="1" colspan="4" bgcolor="#666666"> <div align="center"></div></td>
  98.  </tr>
  99. </table>
  100. </BODY>
  101. </HTML>
  • monsieur_le_christophe
  • Student
  • Student
  • monsieur_le_christophe
  • Posts: 71
  • Loc: Wales, UK

Post 3+ Months Ago

Cheers both that's excellent!
1 leeetle thing:

Is there a way to keep the text padded away from the scrollbar, as per the cellpadding="10" in the box's properties, cos the text comes right up agains the scrollbar and looks cramped? (me being fussy! :) )

Thanking you!
  • monsieur_le_christophe
  • Student
  • Student
  • monsieur_le_christophe
  • Posts: 71
  • Loc: Wales, UK

Post 3+ Months Ago

whoops just found a way - put the writing inside another padded box within the scrollable one!
is this sloppy html? lol

cheers
chris
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

you should be able to add

Code: [ Select ]
padding:5px 5px 5px 5px;


to the inline def's in my example above.

Code: [ Select ]
<style>#scrollMe{overflow:auto;height:200px;width:450px;}</style>


In the padding snippet, the first 5px represents the padding on the top, then it works its way around clockwise, so top, right, bottom, left.
  • monsieur_le_christophe
  • Student
  • Student
  • monsieur_le_christophe
  • Posts: 71
  • Loc: Wales, UK

Post 3+ Months Ago

That's smashing - works perfectly.

Thanks dM

Chris
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

glad I could help.


(I'm Chris too ;) )

Post Information

  • Total Posts in this topic: 8 posts
  • Users browsing this forum: No registered users and 28 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.