HTML - Controlling Tables

Hi there,

I've been casually browsing the site for a number of weeks now, with the intention of registering and becoming involved. I've stumbled across a problem within an intranet that I'm working on which I'm hoping some of you may be able to help with.

Perhaps the most succinct way to get my problem across would be to describe the situation I'm faced with:

Our intranet has a section that displays a company flowchart, which shows a breakdown of everybody's job titles in a spider-diagram. The size of the company dictates that for this to be readable, it has to be fairly large in size. The actual size of the document I need to use (which is in PDF format at present) is 640mm x 400mm.

Previously, we have been splitting this into three separate sections to enable it to be displayed as three images (on three separate pages) - each of these three images were then inserted into the relevant page, with an image map created over them to enable the effect I wished (upon clicking on someone's name/box, it pops up a Facebox pop-up with their job description and some other information about that individual. The way the script works, this is all contained within the single HTML file).

My problem now is that I would like to achieve as close to this effect as possible. However, the PDF link function doesn't allow the more sophisticated functions, so I would have to convert each Facebox content into a new HTML content, which can then be linked to from within the PDF.

My question, therefore, is - is it possible to control the attributes that this new window will open in, from within the source HTML file? Ideally, I would like to specify that the window that opens dynamically resizes to fit the content specified in the source HTML file. If this is not possible, can it be done that the window opens to a specific size?

I've done numerous web searches, but haven't found anything relevant to this.

If my above query isn't possible, I wonder whether it's plausible to set the default size of new windows from within the page that will contain the embedded PDF. Some sort of command that says "any new pop-up window (i.e. target="_blank") will be opened at X width and Y height."

If neither of the above solutions are available, the third option would be to somehow mimick the functionality an embedded PDF offers (i.e. zooming in and out, keeping the total canvas size the same, being able to still create links that work on regions of the content, pointing to the various source HTMLs). I originally went down this road, but my search came up empty. I'm envisaging something Google Map-esque, I guess.

I wonder, would it be possible to insert some sort of static frame (size-wise) that can then have scrollable content inside it, the content therein that can be assigned an image map? Zoom +/- functionality and click 'n' drag scrolling would both be high on the list of priorities.

Anyone who can offer any insight is thanked gratefully in advance.

Hi

Normally, when you have more than one table in your code, the tables will be placed one under each other.

Example:
<table>
...
</table>
<table>
...
</table>

When you want the tables to be placed next to each other, you need to set the align attribute.

Example:
<table align="left">
...
</table>
<table align="left">
...
</table>

BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables".

Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag?

Thanks for your help
praiser

Hey everyone, I'm new to these boards. Somewhat a newbie at web design, but I know basics. I'm looking to put 2 tables adjacent to each other inside another table. My problem is I can't get the tables to line up the way I want them to. I'll post a picture of how I want it to look, how it looks now and my code.

How I want it to look:


How it looks now:


I want the tables to line up at the top and re-size according to each other so they're always aligned at the top.

Code: coming in next 2 posts

Hi everybody,
I am kind of a newbie and i have a "big" problem which i can't solve.
I created some menu tables on the left side of my site, but I cannot seem to align them to the top of the table and they keep moving to the middle. On one version of this site i "pushed" them upwards with another 100% height invisible table from the bottom but it doesnt seem to work on an other version. Please help me!
How could I align the tables to the top inside of another table?
Thanks a lot for your help!
If I was hardly understandable I'm sorry, I created a little example table:

<table height=400 width=600 border=3 bordercolor=#000000><tr>
<td width=20% border=3 bordercolor=#000000><table>
<td border=3 bordercolor=#000000 align=center><table><tr><td><table border=1 bordercolor=#000000><tr><td><table align=center><tr><td>
Menu 1</td></tr></table></td></tr><tr><td><table><tr><td></td><td>
<a href="">Button 1</a></td></tr></table></td></tr><tr><td><table>
<tr><td></td><td><a href="">Button 2</a></td></tr></table></td></tr>
</table></td></tr></table><table><tr><td><table border=1 bordercolor=#000000><tr><td><table align=center><tr><td>Menu 2</td>
</tr></table></td></tr><tr><td><table><tr><td>
</td><td><a href="">Button 1</a></td></tr></table></td>
</tr><tr><td><table><tr><td></td><td>
<a href="">Button 2</a></td></tr></table></td></tr></table></td></tr>
</table></td>
</table></td>
<td width=80% border=3 bordercolor=#000000 valign=top align=center>How could I "stick" the menu tables on the left side to the top, like this text on the right side with valign=top?
</td></tr><table>

Hi there, Im relatively new to the HTML programming world, and can't for the life of me get this layout to work. Would someone mind making this table for me, and posting the code? I've made others, but for some reason cannot get my head round the rowspan feature...

If anyone wouldn't mind making it, this is the layout I'm aiming for



Edit: I apologise that image is so large.

EDIT: Title is supposed to be "Tables or CSS"

I know, I know - HTML Tables are the spawn of Satan - however, I have a tabbed content box made from html/css/js - when you click on a tab, the content (underneath) changes accordingly.

My questions is, I will be having a static list, with the corresponding answers (to the data in the list) targetting from an Excel Driven database - don't ask me why, just what my boss wants...

Here is what I have so far:

Quote:
<TABLE CELLPADDING="2" CELLSPACING="2">

<TR><TD>Sponsor ID:</TD><TD>FILLER TEXT</TD></TR>

<TR><TD>Client Number:</TD><TD>FILLER TEXT</TD></TR>

<TR><TD>Sponsor Name:</TD><TD>FILLER TEXT</TD></TR>

<TR><TD>Brand Name:</TD><TD>FILLER TEXT</TD></TR>

<TR><TD>Status:</TD><TD>FILLER TEXT</TD></TR>

<TR><TD>Support Tier:</TD><TD>FILLER TEXT</TD></TR>

<TR><TD>Sponsor Phone:</TD><TD>FILLER TEXT</TD></TR>

<TR><TD>Support Phone Number:</TD><TD>FILLER TEXT</TD></TR>

<TR><TD>Support Email Address:</TD><TD>FILLER TEXT</TD></TR>

<TR><TD>Parent Name:</TD><TD>FILLER TEXT</TD></TR>

<TR><TD>Misdirect Scripting:</TD><TD>FILLER TEXT</TD></TR>

</TABLE>
He wants the content separated in a "ruled" look, like Excel - however, I didn't know if it would be cool to just use HTML - or if there is another way to do this - It's not going out on the internet (it's going on our Intranet via SharePoint) so I'm not worried about conjunctions and standards (not using HTML tables), etc.

Just need to know if there is another way to separate the info with a solid black line - horizontal/vertical between the cells - that looks better than an HTML table border.

Thanks!

I'm starting a forum here, and I really want to get it up soon. But I can't because I'm having trouble w/ the header. On the header there's supposed to be text on top of it, but it's not. It's on the side. Can anyone help? Thank you. Here's the code: Code:

<a name="top"></a>
<table cellspacing="0" cellpadding="0" border="0" width="696px" align="center">
<tr>
<td bgcolor="#ddeef7">
<table border="0" cellspacing="1px" cellpadding="6" width="100%">
<tr>
<td width="74%" bgcolor="#ffffff">
 <table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" rowspan="2"><a href="index.php"><img src="./images/oxygen/logo.png" alt="Ne-YoFan.com Online Community" border="0" /></a></td></tr>
<tr>
<td align="right" valign="top"><font class="smalltxt">Last active: 14-6-2008 at 08:10 PM<br /></font></td>
</tr>
<tr>
<td align="right" valign="bottom"><font class="smalltxt">Logged in as <a href="member.php?action=viewpro&amp;member=Erika">Erika</a><br />[<a href="misc.php?action=logout">Logout</a> - <a href="u2u.php" onclick="Popup(this.href, 'Window', 700, 450); return false;">U2U</a> - <a href="memcp.php">User Control Panel</a> - <a href="cp.php">Administration Panel</a>]</font></td>
</tr>
</table> 

When i make a table, it will goto the next line, for example if i want an image on the left of my table, the image will go first, and thenthe table will automatically be displayed on the next line.

Is there any way i can fix this is CSS, HTML, Javascript, anything?

If you need more info on my problem i could take a print screenn...

Cheers!

Here's an example - I want the images to be at either side of the table, so theres no space...

Back in 2004, i created a site, with tables. Have no idea how I did it, someone must have helped me. I want to update that site and make the center section wider than the sides (the sides can be of equial width). The URL is http://www.ilovejesus.com/lot/awesomebks/news.shtml

Can someonehelp me with this? I need the code from the beginning of the table to the end of that column, that is Column 1, (left side) back to top for Column 2 (center), back to top for Column 3 (right side) and to the bottom of that column. I would like the center column to be at least 2x as wide as the side columns. Tell me how to end the tables and begin the text which will be straight across page. Thanks.

Ok I'm trying to get a page to look like this



I did it with images, so theres no text. So there's 4 images basically

I tried to do a table like this

Quote:
<table border="0">
<tr>

<td><a href="http://milkshakekicks.com/kicks/index.php?main_page=product_info&amp;cPath=1&amp;products_id=10&amp;zenid=c1961df3cad20f9854cb47801f 85ee4d"><img src="http://milkshakekicks.com/blog/wp-content/uploads/2009/01/picture-1.png" alt="" /></a></td>

<td><img src="http://milkshakekicks.com/blog/wp-content/uploads/2009/01/picture-2.png" alt="" />,

<img src="http://milkshakekicks.com/blog/wp-content/uploads/2009/01/picture-3.png" alt="" />,

<a href="http://milkshakekicks.com/kicks/index.php?main_page=product_info&amp;cPath=1&amp;products_id=10 amp;zenid=c1961df3cad20f9854cb47801f85ee4d"><img style="border: 1px solid grey;" src="http://milkshakekicks.com/blog/wp-content/uploads/2009/01/battle_homepage.png" alt="" width="209" height="179" /></a></td>

</tr>
</table>
but got this



Should I not do this with tables?

Hey htmlforum and members
can someone help me out with a carousel for image *small_blank.png*..(just start me off)
thanx...
-tikki-
PHP Code:
<tr>
        <td colspan="3" rowspan="2">
            <img src="imagesxx/small_blank.png" width="234" height="83" alt=""></td>
        <td>
            <img src="imagesxx/spacer.gif" width="1" height="74" alt=""></td>
    </tr> 


i have the script needed http://www.dynamicdrive.com/dynamici.../carousel2.htm

I have been working on rebuilding a website using my somewhat dated knowledge of html. It works fine for my daily needs but I got to a page where I needed a table in a table. What I did looks great in Firefox, but when I check it in IE7 it turns into a nightmare. I'm stuck. Can anyone shed any light on where I turned left when I should have turned right (or something of that sort)?
I tacked the page onto another site for now. It's at:
http://www.cincinnatigolfcourseguide...m-ductwork.php

I've been having some issues with my site. It looks fine in IE but it doesn't look correct in Firefox, Opera and Safari. The tables are misaligned and I am at a total loss. Can anyone help me out. Thanks

here is the link;

http://wwwdotcapleeconsultingdot.com

Hello everyone.

Im making a website for my company and i need a little help.

I made a table and tried to put a fixed width on it so then I could put text in it. Problem is,

-when i type with no spaces ex aaaaaaaaaaaaa the text just keeps going forever instead of dropping down to the next line

Also Ive been having some other problems

-if I zoom in to like 200% on IE my text doesnt stay centerd with the page, it stays centered with the screen

-And if I zoom in really far in Fire Fox my background stays centered with the screen instead of the page

I made the page using photoshop and exported as html to get me started so ill post the whole script. Its not a whole lot.

---------------------------

<html>
<head>
<title>K2 Layout 3-0</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-image: url(images/bg2.jpg);
background-repeat: repeat-y;
background-position: center;
background-color: #0d141e;
}
body,td,th {
color: #FFF;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (K2 Layout 3-0.psd) -->
<center>
<table id="Table_01" width="1024" height="225" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="4">
<img src="images/K2-Layout-3-0_01.gif" width="93" height="225" alt=""></td>
<td colspan="6">
<img src="images/K2-Layout-3-0_02.gif" width="840" height="166" alt=""></td>
<td rowspan="4">
<img src="images/K2-Layout-3-0_03.gif" width="91" height="225" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/K2-Layout-3-0_04.gif" width="714" height="1" alt=""></td>
<td rowspan="2">
<img src="images/K2-Layout-3-0_05.gif" width="126" height="43" alt=""></td>
</tr>
<tr>
<td>
<img src="images/K2-Layout-3-0_06.gif" width="71" height="42" alt=""></td>
<td>
<img src="images/K2-Layout-3-0_07.gif" width="211" height="42" alt=""></td>
<td>
<img src="images/K2-Layout-3-0_08.gif" width="141" height="42" alt=""></td>
<td>
<img src="images/K2-Layout-3-0_09.gif" width="163" height="42" alt=""></td>
<td>
<img src="images/K2-Layout-3-0_10.gif" width="128" height="42" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/K2-Layout-3-0_11.gif" width="840" height="16" alt=""></td>
</tr>
</table>

<table id="Table_02" fixed width="830" border="0" cellpadding="0" cellspacing="0"><tr><td>

Text Here Text Here Text Here Text Here

</td></tr>
</table>
</center>
<!-- End Save for Web Slices -->
</body>
</html>

--------------------

Any help at all appreciated
Thanks