Solved

Minimising web browser with a table on the page.

Posted on 2002-07-25
14
150 Views
Last Modified: 2010-04-25
Hi,
I have a table in Dreamweaver with 2 columns, the first column has an image, then second has some text.  When I run the code the web browser appears as normal as a full screen.  However when I minimise this screen the text moves against the image in the first column.

How can I stop this from happening?

Thanks
0
Comment
Question by:dattanij
  • 4
  • 4
  • 2
  • +3
14 Comments
 
LVL 8

Expert Comment

by:klykken
ID: 7179953
Hi Dattanij,
would you mind pasting the code for the table in here?
Could be several reasons for this happening, once I see the code it should be easy :-)
--
klykken
0
 

Author Comment

by:dattanij
ID: 7180177
Thank you,

here is an example:

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

<body bgcolor="#FFFFFF" text="#000000">
<table width="75%" border="0">
  <tr>
    <td width="21%"><img src="../greenbanner.gif" width="89" height="492"></td>
    <td width="79%" valign="top" nowrap>This is a test table, you will see if
      you minimise the screen this text will move closer to the image.</td>
  </tr>
  <tr>
    <td width="21%">&nbsp;</td>
    <td width="79%">&nbsp;</td>
  </tr>
</table>
</body>
</html>
0
 
LVL 8

Assisted Solution

by:klykken
klykken earned 25 total points
ID: 7180843
Maybe first of all try to remove the NOWRAP you have in your tablecell with text. If the browser window is too small to show all the text on one line, the text need to wrap to more lines.

I think that should help you :-)
--
klykken
0
 
LVL 23

Expert Comment

by:Zeffer
ID: 7181417
If you select the cell with the text and go..
Modify/Table/Insert column..it seems to behave.

Z
0
 
LVL 19

Accepted Solution

by:
webwoman earned 25 total points
ID: 7183006
Your table is set as a percentage of the window size. Make the window smaller, the table gets smaller -- that's what you told it to do. Smaller table = smaller cells = less space between the columns.

If you don't want them to change size when the browser window  is resized, don't use a percentage, use a set pixel size.
0
 

Expert Comment

by:aaran
ID: 7184690
The are two ways to do this quite simply:

1) Put cell padding on the table (this will force a space between the cell border and whatever contents is within the cell).

Select the table, then in the properties window, put a value into the CellPad box (try 5).

2) Add a new row at the top of the table, and put a shim in each (a transparent gif image) with set widths.

Let me know if you'd like help on this.  I'll put code in for one or both of these options if you''d like.

Aaran
0
Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

 
LVL 19

Expert Comment

by:webwoman
ID: 7185468
Cellpadding will put the space on ALL sides of the contents of the cell. If that's OK, use it. If it's NOT, you can't use cellpadding to do what you want.

A spacer graphic can work, BUT you'll need to really play with it to make it do what you want, and often it's more hassle than it's worth. Also, when you resize the table,the text will reflow, and will likely look really crappy when it flows AROUND the spacer and up against the border of the other cell.

The row with the shims can work very well, but it's basically setting the table to a fixed minimum width. While the table won't shrink past a certain point (the size of the shims) it WILL resize larger, and (again) all the images/text will shift. If you don't mind this (and you might not), the shim row can be a great solution.

If you don't want the table to resize AT ALL, you have to fix the size as a fixed pixel size.

As you see, there's more than one way to do this, and which works best for you depends on how flexible your design is.
0
 
LVL 5

Expert Comment

by:zenlion420
ID: 9834706
No comment has been added lately, so it's time to clean up this TA.
I will leave the following recommendation for this question in the Cleanup topic area:

Accept: webwoman{7183006}

Please leave any comments here within the next seven days.
PLEASE DO NOT ACCEPT THIS COMMENT AS AN ANSWER!

zenlion420
EE Page Editor
0
 
LVL 8

Expert Comment

by:klykken
ID: 9838838
Actually, I'd like to point to my first comment after dattanji posted his code which directly relates to his problem.
Webwoman's comment is as always full of wisdom, but in this case more of a comment to aarans comment.
However I could of course be wrong :-)

-klykken
0
 
LVL 5

Expert Comment

by:zenlion420
ID: 9839045
How about a split?  Would you feel okay with that?

j
0
 
LVL 8

Expert Comment

by:klykken
ID: 9839061
Absolutely

-klykken
0
 
LVL 5

Expert Comment

by:zenlion420
ID: 9839138
Okay, done:

New recommendation, as it stands - PAQ'd and pts split between klykken{7180843} and webwoman{7183006}.

If anyone disagrees with this recommendation, please state your reasoning within the next six days.

zenlion420
EE Page Editor
0
 
LVL 5

Expert Comment

by:zenlion420
ID: 9839213
klykken FYI:

My original choice was WW's first post in the Q, not the one post-aaran.  The little numbers inside the tildes are a new clean-up format being introduced.  The numbers are the CID, if you ever want to check which comment is being proposed as an accepted answer in the Rec's being generated with this format, view the page source.  I think it comes in handy sometimes.  Thanks for the input.

aloha,

j
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
In this seventh video of the Xpdf series, we discuss and demonstrate the PDFfonts utility, which lists all the fonts used in a PDF file. It does this via a command line interface, making it suitable for use in programs, scripts, batch files — any pl…
Access reports are powerful and flexible. Learn how to create a query and then a grouped report using the wizard. Modify the report design after the wizard is done to make it look better. There will be another video to explain how to put the final p…

758 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now