Solved

Tables, Tables, Tables...

Posted on 1998-12-29
6
173 Views
Last Modified: 2010-04-09
(To properly understand this question, please go to http://www.cybercen.net)  The black bar on the left is always as long as the page is.  I want to chop it off where the links end, and then I want the rest of the page to widen, and fill in where the black used to be.  The table setup to do this is eluding me.  Thanks.    
0
Comment
Question by:Firelord17
6 Comments
 

Author Comment

by:Firelord17
ID: 1841084
Adjusted points to 50
0
 
LVL 6

Expert Comment

by:PBall
ID: 1841085
<table cellpadding=0 cellspacing=0 border=0>
<tr>
  <td rowspan=4 bgcolor=black align=left valign=top>
  --replace this with whatever content you put in the black bar--
  </td>
  <td align=center valign=top>
  --your MMC logo and 800x600 thing go here--
  </td>
</tr>
<tr>
  <td align=left valign=top bgcolor=red>
  How do you ....
  </td>
</tr>
<tr>
  <td align=center valign=top bgcolor=blue>
  Welcome ...
  ---inner table---
  </td>
</tr>
<tr>
  <td align=center valign=top bgcolor=red>
  Visitor since...
  </td>
</tr>
<tr>
  <td align=left valign=top bgcolor=red>
  Attention...
  </td>
</tr>
</table>

Adjust table size and the first two cols widths to your liking.
Is that it?
0
 
LVL 2

Expert Comment

by:jedimike
ID: 1841086
The reason that the frame is longer than the text is one of two reason: First, the column is defined with a width of 23%. You can look at this by viewing the source of the page.  Second the frame cannot possibly get any smaller because the image that is just above the list of links. Tables cannot shrink images. You have to physically set a width and height on images yourself or resize them in a graphics editor.  
To solve this easily: Remove the image AND remove the column width setting, the table will shrink to where the links end.
For the rest of the table to fill in the page, you have to set the width of the table to 100%. i.e.
<table width="100%>
<tr>
<td>here goes the list without the image</td>
<td>here is the rest of the page</td>
</tr>
</table>
0
Problems using Powershell and Active Directory?

Managing Active Directory does not always have to be complicated.  If you are spending more time trying instead of doing, then it's time to look at something else. For nearly 20 years, AD admins around the world have used one tool for day-to-day AD management: Hyena. Discover why

 
LVL 4

Expert Comment

by:martinag
ID: 1841087
If you change
  <TD bgcolor="#000000" width="20%" valign=top align=left>
to
  <TD VALIGN="TOP"><TABLE BORDER="0"><TD bgcolor="#000000" width="20%" valign=top align=left>
and
  </TD>
to
  </TD></TABLE></TD>
the black table will end just below the links.

However, to get the rest of the page flow around it, you have got three options:
* Hardcode - ie. cut before "is the process" and put that on a new row (to get it look well at my screen, that is. It might look awful on wider screens...)
* Use DHTML - I know hardly nothing about DHTML, but I'm sure someone can come up with something that will make it flow pretty well. Will only work in IE4 and/or NN4!
* Use an image map instead of the table. It's easy to get the text flow around it (if red is made the background of the page).

I'd choose the image map.

Martin
0
 

Author Comment

by:Firelord17
ID: 1841088
You misunderstood my questions Pball, but thanks anyway.  However martinag gave me an acceptable anwser.  So martinag, if you anwser this question I will award you the points.  Thanks to everyone who tried to anwser this question.

Firelord17
0
 
LVL 4

Accepted Solution

by:
martinag earned 50 total points
ID: 1841089
Ok.

Martin
0

Featured Post

Ransomware-A Revenue Bonanza for Service Providers

Ransomware – malware that gets on your customers’ computers, encrypts their data, and extorts a hefty ransom for the decryption keys – is a surging new threat.  The purpose of this eBook is to educate the reader about ransomware attacks.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Find out what you should include to make the best professional email signature for your organization.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question