Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Adding a new table around this content

Status
Not open for further replies.

ibobphotos

Programmer
Jun 1, 2008
13
US
I'm SO close to getting the design done and I have one more thing I need help with.

Can someone go to ..

What I'm trying to do is build a table around EVERYTHING in the main section (I suppose) from the header WEATHER AND SKY down to the bottom of the images.

What I'm trying to do is get one TD running vertical on each the left and right side of this main section for ads. Every time I try to hack this into place, the entire page gets destroyed.

Any chance someone has a few moments and can give me advice on what I need to edit?
 
What I'm trying to do is build a table around EVERYTHING in the main section
Why? You don't have any tabular data to go in the table so why not use a more semantic structure?




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

Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]
[URL unfurl="true"]http://mdssolutions.co.uk[/url] - Delivering professional ASP.NET solutions
[URL unfurl="true"]http://weblogs.asp.net/marksmith[/url]
 
I'm not sure I understand what you mean. Can you explain?

Thanks
 
I think what Mark is trying to find out is why do you want to build a table around the content of your page?


--Dan
Whenever you find yourself on the side of the majority, it is time to pause and reflect.
Mark Twain
 
I'm not sure how else to get text areas on both sides of the thumbnails. I need to be able to get links and small ads on both sides and without using a table, I'm not sure how to do that.
 
How about floating them to the left and right? You said you wanted your areas to be floating to the left and ride of the main area, right?

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]
 
I don't think you have a good layout going there, but to answer your question, try this:

After

<td class="displayPictures">

put

<table>
<td style="background-color:blue;" width="150"> &nbsp;</td>
<td>

and then after

<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
</table>

put

</td>
<td style="background-color:blue;" width="150"> &nbsp;</td>
</tr>
</table>


The blue areas are where your text and ads would go.
 
Thank you bigred!!! I got the two sections on the side but that leaves one little thing. In FireFox my content isn't centered, the entire main section shifts depending on what it contains.

in IE the page remains static and centered (like I want it). I tried adding align="center" to a few tables and still can't get it to go the way I want it.

Any pointers?

Thank you!
 
Scratch that last. The problem just isn't with the HTML, it's my perl backend having to output the HTML in different sections of the script.. which makes templating the entire project a pain.

I managed to tinker to get the centering and everything loads fine in IE and FF. Thank you for all your help, everyone
 
You may have fixed the immediate situation, but do take the earlier well meaning comments by others about moving away from a table layout to a div/css layout to heart and think about it.

You could take baby steps and claim a bunch of thumbnails is tabular data (it works for me) and do that part as a table in a broader floated div page...

Divs might even be easier HTML to output from a backend script than a whole series of nested tr's and td's.



 
I'm not sure how else to get text areas on both sides of the thumbnails.
Try following this tutorial:




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

Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]
[URL unfurl="true"]http://mdssolutions.co.uk[/url] - Delivering professional ASP.NET solutions
[URL unfurl="true"]http://weblogs.asp.net/marksmith[/url]
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top