scrolling div challenge leading to mental meltdown

1 New Member

hi there,

i'm having a difficult time inserting a scrolling div into a table. i'm a graphic designer and want to use the scrolling div on the portfolio page of my site.
i find that everything i've tried breaks up the table?! can anyone help! i'm starting to lose my marbles.

the scrolling div needs to go into the large white area (to the right of the nav bar).

here's the code.

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<title>Orbit-creative WEB Layout 04</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="styles.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

-->

</style>

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (Orbit-creative WEB Layout 04.psd) -->

<table width="700" height="538" border="0" align="center" cellpadding="0" cellspacing="0" id="layouttable">

<tr>

        <td colspan="5">

    <img alt="" width="700" height="60" style="background-color: #009900"></td>

  </tr>

    <tr>

        <td colspan="3">

      <img alt="" width="269" height="129" style="background-color: #009900"></td>

      <td width="373" height="424" rowspan="2" id="tdwhite"><br />
 
      <p>&nbsp;</p></td><td rowspan="2">

      <img alt="" width="58" height="424" style="background-color: #009900"></td>

  </tr>

    <tr>

        <td>

      <img alt="" width="55" height="295" style="background-color: #009900"></td>

      <td width="158" height="295" id="tdnavbar"><p align="center"><a href="#">ABOUT US</a></p>

          <p align="center"><a href="#">PORTFOLIO</a></p>

        <p align="center"><a href="#">TESTIMONIALS</a></p>

        <p align="center"><a href="#">USEFUL LINKS</a></p>

      <p align="center"><a href="#">CONTACT</a></p></td>

<td>

      <img alt="" width="56" height="295" style="background-color: #009900"></td>

  </tr>

    <tr>

        <td colspan="5">

      <img alt="" width="700" height="54" style="background-color: #009900"></td>

  </tr>

</table>

<br>

<div id="divcopyright">

  <div align="center">&copy;2008 orbit creative</div>

</div>

<!-- End ImageReady Slices -->

</body>

</html>

i'm a photoshop veteran but a dreamweaver newbie. any help is greatly appreciated!

thanks,
Rob

Mar 4 '08 #1

Subscribe Reply

1491

drhowarddrfine

7,435

Recognized Expert Expert

As a graphics designer, you should learn to use CSS and not tables for layout. You will appreciate the flexibility compared to the rigidity of tables. I'll show you an example when I have time.

Your page needs a doctype to keep Internet Explorer out of the 1990s. Put this at the top of your page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Depending on the version of DW you have, and I notice you used ImageRead, too, it may lean toward IE and tables for layout. Both are bad things but I'll have a look. Like I said above, I'll try and find time to show you a table-less version of the same thing.

Mar 4 '08 #2

drhowarddrfine

7,435

Recognized Expert Expert

Through the power of CSS ;) I easily changed this to something I think you are looking for. Notice the only thing I added was inside the <p> in this, plus removing the <br>:
[HTML]<td width="373" height="424" rowspan="2" id="tdwhite">
<p style="backgrou nd-color:#ddd;heig ht:100%;margin: 0;overflow:scro ll"> a</p>
</td>[/HTML]

Check back in a bit and, hopefully, I will redo the page and show you how it's done using CSS and no tables.

Mar 4 '08 #3

drhowarddrfine

7,435

Recognized Expert Expert

This isn't exactly what you had but it's close and it's just to make a point.
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Orbit-creative WEB Layout 04</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin:0}
body { height:100%;wid th:700px;margin :0 auto }
#banner { height:60px;bac kground-color:#090 }
#scrolling { height:100% }
#scrolling img { width:269px;hei ght:129px;float :left }
#scrolling p { height:400px;ov erflow:scroll }
#left-side { float:left }
#nav { position:relati ve;top:2em;list-style-type:none }
</style>
</head>
<body>

<div id="banner"></div>

<div id="left-side">
<img src="1.png" alt="">
<ul id="nav">
<li><a href="#">About Us</a></li>
<li><a href="#">Portfo lio</a></li>
<li><a href="#">Testim onials</a></li>
<li><a href="#">Useful Links</a></li>
<li><a href="#">Useful Links</a></li>
</ul>
</div>

<div id="scrolling" >
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque eu tellus.
Vestibulum suscipit felis sit amet nibh. Etiam malesuada ornare ante. Proin nec lacus.
Donec ipsum lectus, sodales ac, volutpat at, congue sit amet, diam. Quisque porttitor
lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur hendrerit
nonummy erat. Donec scelerisque varius orci. Donec tortor ligula, congue nec, luctus
a, condimentum eu, tellus. Vivamus posuere. Quisque semper dictum orci. Aenean et
ipsum non tortor condimentum molestie. Sed sit amet nulla. Praesent quam eros,
dignissim a, pellentesque nec, laoreet sed, urna. Aliquam pulvinar iaculis elit. Donec
placerat neque non sem. Donec nisi. Nulla ut elit.
</p>
</div>

</body>
</html>[/HTML]

Mar 4 '08 #4

Similar topics

3757

Python Challenge ahead [NEW] for riddle lovers

by: pythonchallenge | last post by:

For the riddles' lovers among you, you are most invited to take part in the Python Challenge, the first python programming riddle on the net. You are invited to take part in it at: http://www.pythonchallenge.com

Python

3701

Absolute Pathing Challenge

by: Stuart | last post by:

Hi All, I got a challenge to make the same APS/Script/Html run on different web roots. I can not use relative pathing in a lot of cases. We use lots of included files so depending on where that file is running, the pathing in those included files varies. So we do a lot of absolute pathing. Example: Instead of Mappath("../../../_scripts/menu/mymenuscript.js") we use mappath("/_scripts/menu/mymenuscript.js"). In one case, the code is...

ASP / Active Server Pages

1134

scrolling issue. pleeeezzzz help...

by: Mel | last post by:

i have the following code and need to scroll the div to the bottom on each of the inserts. please help *&^%$#@ <a href=# onclick="addtext('Wed Mar 23 11:23:58 AM Eastern Standard Time 2005<BR>');"> <b>HELLO</b> </a> <div id=MyDiv style=height:200;overflow:auto class=normal style="border:1px

Javascript

3592

DB2 join challenge

by: redeck | last post by:

I have table A with 2 columns: PK and Txt , size - 1000 rows. Also, I have table B with 100000 rows and 100 integer columns, each one is a foreign key to A's PK. I need to create a view in which every cell of B is replaced by the Txt from A according to the PKs as in the example below. I assume I need to perform a join, but the SQL I used writes a huge (several GB) temporary tablespace and thus it is very slow. Any suggestions? B: X Y...

DB2 Database

1473

Mental Abuse

by: khaccountant | last post by:

My abuser has been using the medical device to harass me the last 4-5 years. I have no idea what type of a device is being used on me. I believe the device is only available to licensed pharmacist(s). I am not very familiar with the intend usage of the device. As I understand, the device can be used as a stimulator; 24 hours therapeutic session; ease off a lot of emotion--anger, sadness, fear...ect.; enhance recovery of mental illnesses....

C / C++

1705

repost:scrolling tables

by: Jon Paal | last post by:

trying to use this script for scrolling tables found at this link: http://www.litotes.demon.co.uk/example_scripts/tableScroll.html The top left corner in the table grid is hidden from being displayed. I see: -- the code is creating DIV's and -- overrides are hidden

Javascript

1234

small challenge : limit((x+1)**0.5 for x in itially(2))

by: Azolex | last post by:

generators challenge -------------------- define "limit" and "itially" so that limit(foo(x) for x in itially(bar)) works out the same as

Python

2357

VB vs. C# language challenge question

by: Tomasz Jastrzebski | last post by:

Hello, Below there are two equivalent(?) pieces of C# and VB.Net code. While the C# version compiles with no warning, the VB.Net version does not compile due to the compiler error BC30149: Class 'c2' must implement 'Sub m1()' for interface 'i1'. Does it mean that in VB interface must be implemented, even if it is already non-explicitly implemented in the base class c1?

Visual Basic .NET

8991

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

8831

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

9548

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

9325

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

6796

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

4607

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

4876

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

3315

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

2215

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General