TABLE code help needed! |
TABLE code help needed! |
Apr |
Apr 29 2010, 10:21 AM
Post
#1
|
Group: Members Posts: 4 Joined: 29-April 10 Member No.: 11,757 |
I am having difficulty getting the text and images inside my table to be centered.
Looks fine & centered in my Mozilla Firefox browswer, but in IE it is aligned to the left. I know there are Cross Browser issues with Tables. How do I rectify this? Here is the code: <BODY BACKGROUND="dkbluesky.jpg"> <div align="center"> <table color="#FFFFFF" background="#FFFFFF"> <table border="3" width="900" bgcolor="#FFFFFF"> <td align="center" width="700" valign="top" vsides="dkbluesky.jpg"> <div align="center"> <p align="center"> for whatever text, image, etc. Please help! |
pandy |
Apr 29 2010, 10:56 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,734 Joined: 9-August 06 Member No.: 6 |
I am having difficulty getting the text and images inside my table to be centered. Looks fine & centered in my Mozilla Firefox browswer, but in IE it is aligned to the left. Shouldn't be a problem. Can you post the URL to the real page? What the heck is 'vsides' BTW? Never seen that before. |
Apr |
Apr 29 2010, 12:30 PM
Post
#3
|
Group: Members Posts: 4 Joined: 29-April 10 Member No.: 11,757 |
I am having difficulty getting the text and images inside my table to be centered. Looks fine & centered in my Mozilla Firefox browswer, but in IE it is aligned to the left. Shouldn't be a problem. Can you post the URL to the real page? What the heck is 'vsides' BTW? Never seen that before. Dunno, I acquired mgmt of the code. http://www.texascinderellapageant.com Thanks for your help! |
pandy |
Apr 29 2010, 01:22 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,734 Joined: 9-August 06 Member No.: 6 |
'vsides' actually is a value for 'frame', but I don't find anything about it as an attribute, not even outside standards. Does it really make something happen?
The text is centered in every browser I tried, but I have IE6 and you probably have 7 or 8. See if adding a doctype and fixing the errors helps. You seem to have too many closing tags. http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes |
Darin McGrew |
Apr 29 2010, 03:01 PM
Post
#5
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
I recommend that you start by fixing the markup errors reported by our online validator. Some of them involve broken table structure.
http://htmlhelp.com/cgi-bin/validate.cgi?u...mp;warnings=yes Also, your page doesn't have a doctype declaration, which throws browsers into quirks mode: http://hsivonen.iki.fi/doctype/ |
Apr |
Apr 29 2010, 04:06 PM
Post
#6
|
Group: Members Posts: 4 Joined: 29-April 10 Member No.: 11,757 |
Okay, I'm seemed to have fixed it by changing the width to 815.
I will use the validator and work on adding a doctype and fixing errors. Do you have any advice for me on how to correct this page? http://www.texascinderellapageant.com/events.html I would like the table & text to be centered and the picture cells to be more narrow so that the entire page is viewable without having to scroll to the right. Thanks again for your help! |
Darin McGrew |
Apr 29 2010, 07:56 PM
Post
#7
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
Well, looking at the errors reported by our online validator:
http://htmlhelp.com/cgi-bin/validate.cgi?u...mp;warnings=yes Add an appropriate doctype declaration to get browsers out of quirks mode. Fix your table structure. You can't nest one table inside another unless the inner table is inside a td element, which needs to be inside a tr element. Fix the other structural errors (missing </a> tags, missing </center> tags, etc.). The widths you've specified don't make sense. You've got 3 images, each with width="357", that you're trying to stuff into a table with width="200". That table is inside another table with width="815". |
Apr |
Apr 29 2010, 08:48 PM
Post
#8
|
Group: Members Posts: 4 Joined: 29-April 10 Member No.: 11,757 |
Well, looking at the errors reported by our online validator: http://htmlhelp.com/cgi-bin/validate.cgi?u...mp;warnings=yes Add an appropriate doctype declaration to get browsers out of quirks mode. Fix your table structure. You can't nest one table inside another unless the inner table is inside a td element, which needs to be inside a tr element. Fix the other structural errors (missing </a> tags, missing </center> tags, etc.). The widths you've specified don't make sense. You've got 3 images, each with width="357", that you're trying to stuff into a table with width="200". That table is inside another table with width="815". Well, I am learning and that is why I am here. I have another professional full-time job and I am just voluntarily doing this for a friend. I enjoy it, and I must say, you should have seen the site before I got ahold of it! I've been working on it only since January...it was an outdated mess. Not that it is anything spectacular now, but it has come a long way. Thanks for your help! I will do as you suggest, as well as, educate myself as to what doctype declarations are & quirks mode. |
Lo-Fi Version | Time is now: 2nd May 2024 - 05:27 PM |