homepage Welcome to WebmasterWorld Guest from 54.198.94.76
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
table alignment
help with fixing this code
listar




msg:4550773
 1:25 am on Mar 4, 2013 (gmt 0)

Hi... I am very new to this and was hoping if someone can help me out with this code. It displays fine with firefox but ie and chrome the tables and buttons do not align.
I will attach the code and was hoping someone can debug it for me. I would be grateful.

<!--==== top text ====-->
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>

<body>
<marquee behavior="alternate"><font face=
"Lucida Grande, Lucida Sans Unicode, sans-serif" size=
"6"><b><font color="#FFCC00">STAR Touring And Riding Long Island,
New York Chapter 278</font></b></font></marquee>

<div style=
"left: 5px; top: 1029px; width: 84px; height: 26px; position: absolute; z-index: 101; border-style: none; border-width: 0px; border-color: rgb(255, 255, 255);"
id="ESWpageTagline" class="draggable editable" eswid=
"ESWpageTagline" isflashingnow="0">
<a title="" href="#" target="_self" go_href=
"http://example.com//index.html"><font color=
"#FFCC00">listar278.org</font></a>
</div>

<div style=
"border: 0px rgb(255, 255, 255); left: 884px; top: 303px; width: 386px; height: 2px; visibility: visible; position: absolute; z-index: 204;"
id="ESWpageTitle" class="draggable editable" eswid="ESW_GEN_ID_0"
isflashingnow="0" contenteditable="false">
<font color="#FFCC00"><font size="3"><font face=
"Trebuchet MS, Helvetica, sans-serif"><br />
<br /></font></font></font>
</div><!--========== button code by ASchook ============-->

<form>
<input lock_status="0" isflashingnow="0" eswid="ESW_GEN_ID_0"
id="ESW_GEN_ID_0" style=
"position: relative; text-decoration: blink; z-index: 7; left: 57px; top: 223px; color: rgb(0, 0, 51); border-radius: 30px 30px 30px 30px; background-color: rgb(255, 204, 51); border-style: outset; border-width: 3px; border-color: rgb(250, 240, 20);"
z-index:="" left:="" top:="" value="MSF.org " onclick=
"window.location.href='http://example.com/msf/Default.aspx'"
class="draggable" type="button" />
</form><!--========== button code by ASchook ============-->

<form>
<input lock_status="0" isflashingnow="0" eswid="ESW_GEN_ID_1"
id="ESW_GEN_ID_1" style=
"position: relative; text-decoration: blink; z-index: 273; left: 58px; top: 336px; color: rgb(0, 0, 51); border-radius: 30px 30px 30px 30px; background-color: rgb(255, 204, 51); visibility: visible; border-style: outset; border-width: 3px; border-color: rgb(250, 240, 20);"
z-index:="" left:="" top:="" value="MSF M.O.M pdf" onclick=
"window.location.href='http://example.com/downloads/mom_v16_color_hi_res.pdf'"
class="draggable" type="button" />
</form><!--========== button code by ASchook ============-->

<form>
<input lock_status="0" isflashingnow="0" eswid="ESW_GEN_ID_2"
id="ESW_GEN_ID_2" style=
"position: relative; text-decoration: blink; z-index: 277; left: 59px; top: 219px; color: rgb(0, 0, 51); border-radius: 30px 30px 30px 30px; background-color: rgb(255, 204, 51); visibility: visible; border-style: outset; border-width: 3px; border-color: rgb(250, 240, 20);"
z-index:="" left:="" top:="" value="MSF S.E.E." onclick=
"window.location.href='http://example.com/see.htm'" class=
"draggable" type="button" />
</form><!--========== button code by ASchook ============-->

<form>
<input lock_status="0" isflashingnow="0" eswid="ESW_GEN_ID_3"
id="ESW_GEN_ID_3" style=
"position: relative; text-decoration: blink; z-index: 298; left: 58px; top: 143px; color: rgb(0, 0, 51); border-radius: 30px 30px 30px 30px; background-color: rgb(255, 204, 51); visibility: visible; border-style: outset; border-width: 3px; border-color: rgb(250, 240, 20);"
z-index:="" left:="" top:="" value=" T-CLOCS " onclick=
"window.location.href='http://example.com/downloads/T-CLOCS_Inspection_Checklist_2012.pdf'"
class="draggable" type="button" />
</form><!--========== button code by ASchook ============-->

<form>
<input lock_status="0" isflashingnow="0" eswid="ESW_GEN_ID_8"
id="ESW_GEN_ID_8" style=
"position: relative; text-decoration: blink; z-index: 302; left: 59px; top: 290px; color: rgb(0, 0, 51); border-radius: 30px 30px 30px 30px; background-color: rgb(255, 204, 51); visibility: visible; border-style: outset; border-width: 3px; border-color: rgb(250, 240, 20);"
z-index:="" left:="" top:="" value="State Requirement" onclick=
"window.location.href='http://example.comdownloads/Equipment_Chart_2011-MSFlogo.pdf'"
class="draggable" type="button" />
</form><!--========== button code by ASchook ============-->

<form>
<input lock_status="0" isflashingnow="0" eswid="ESW_GEN_ID_10"
id="ESW_GEN_ID_10" style=
"position: relative; text-decoration: blink; z-index: 309; left: 59px; top: 214px; color: rgb(0, 0, 51); border-radius: 30px 30px 30px 30px; background-color: rgb(255, 204, 51); visibility: visible; border-style: outset; border-width: 3px; border-color: rgb(250, 240, 20);"
z-index:="" left:="" top:="" value=" Riding Guidelines"
onclick="window.location.href='http://example.com/downloads/If_you_ride_a_motorcycle.pdf'"
class="draggable" type="button" />
</form><!--======= UNDER CONSTRUCTION IMG=========--><img style=
"border: 0px none rgb(0, 0, 0); left: 361px; top: 96px; width: 443px; height: 280px; visibility: visible; position: absolute; z-index: 4;"
id="ESW_GEN_ID_5" class="draggable editable" onmousedown=
"return false;" alt="page_under_construction.png" src=
"/OS4/index.php?mode=IMG&amp;name=page_under_construction.png&amp;xcache=5132a367"
eswid="ESW_GEN_ID_5" isflashingnow="0" />
<!--========== button code by ASchook ============-->

<form>
<input lock_status="0" isflashingnow="0" eswid="ESW_GEN_ID_9"
id="ESW_GEN_ID_9" style=
"position: relative; text-decoration: blink; z-index: 306; left: 59px; top: 97px; color: rgb(0, 0, 51); border-radius: 30px 30px 30px 30px; background-color: rgb(255, 204, 51); visibility: visible; border-style: outset; border-width: 3px; border-color: rgb(250, 240, 20);"
z-index:="" left:="" top:="" value="Group Riding" onclicko=
"window.location.href='http://example.com/downloads/Group_Ride.pdf'"
class="draggable" type="button" />
</form><!--==================IE table fix aschook=========-->

<div lock_status="0" style=
"left: 40px; top: 96px; width: 188px; height: 403px; visibility: visible; position: absolute; z-index: 3; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0);"
id="ESW_GEN_ID_7" class=
"ESWuserTable ESWpageContent draggable editable" eswid=
"ESW_GEN_ID_7" isflashingnow="0" none="" rgb="" contenteditable=
"false">
<table style=
"border: 15px outset rgb(255, 204, 0); width: 99%; height: 99%; table-layout: fixed; word-wrap: break-word;"
rules="all" cellpadding="8" cellspacing="3">
<tbody>
<tr>
<td style=
"padding: 8px; border: 15px outset rgb(255, 204, 0);">
&nbsp;</td>
</tr>
</tbody>
</table>
</div>
<!--================== Blk staR logo ==========================--><img isflashingnow="0"
eswid="ESW_GEN_ID_4" id="ESW_GEN_ID_4" onmousedown=
"return false;" alt="star_national_logo.jpg" style=
"position: absolute; top: 400px; left: 502px; z-index: 289; visibility: visible; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0);"
src=
"/OS4/index.php?mode=IMG&amp;name=star_national_logo.jpg&amp;xcache=5123fdef"
class="draggable editable" />

<div isflashingnow="0" eswid="ESW_GEN_ID_6" id="ESW_GEN_ID_6"
style=
"top: 1068px; left: 274px; z-index: 290; visibility: visible; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); height: 37px; position: absolute; width: 663px;"
class="ESWpageContent draggable editable">
<p><br /></p>

<h1><font color="#FFCC00">Copyright´┐Ż 2013 STAR Touring &amp;
Riding Chapter 278 Long Island, NY. All Rights
Reserved.</font></h1>
</div>
<!--==================nothing under here please==========================-->
</body>
</html>

Please help! Thanks in advance. Tony

[edited by: incrediBILL at 3:30 pm (utc) on Mar 10, 2013]
[edit reason] URL removed, use Example.com, see forum charter and site TOS [/edit]

 

lucy24




msg:4550783
 1:50 am on Mar 4, 2013 (gmt 0)

<ot>
Why are you using <font> in html 5?
</ot>

Well, it's not really OT. The whole code is such a formless mess, I had to home in on something. The second thing to catch my eye was the assorted "class = blahblah" declarations without any corresponding CSS to see what-if-anything the class does. This makes diagnostics a little bit tricky.

All those "code by..." lines imply that you're cutting-and-pasting someone else's code without really understanding what it does. Or what it's meant to do, which is not always the same thing. The obvious place to ask is the person who made the code in the first place, or the site where you found it. There's always some explanatory stuff.

listar




msg:4552724
 10:09 pm on Mar 8, 2013 (gmt 0)

please help

Jen1




msg:4562590
 3:44 am on Apr 8, 2013 (gmt 0)

While I see many things that I would recommend changing how this entire page is structured and coded, I'll try to just give you a small fix to work with what you have.

I _do_ see different layouts in FF and IE, so you could add some CSS like so:

<style>
form .draggable
{
top: 70px !important;
left: 70px !important;
}

#ESW_GEN_ID_7
{
width: 242px !important;
}
</style>

drhowarddrfine




msg:4562682
 11:38 am on Apr 8, 2013 (gmt 0)

Remove the comment on the first line. It puts IE into quirks mode where you don't want to be.

Change this: <html xmlns="http://www.w3.org/1999/xhtml">
to this: <html lang=en>
You aren't serving your page as XHTML so don't pretend that you are.

swa66




msg:4562695
 12:59 pm on Apr 8, 2013 (gmt 0)

You aren't serving your page as XHTML so don't pretend that you are.

That's an assumption, ... the code has every indication of being generated, so it should be well-formed (although with the crap in there ...), and could easily be served as application/xhtml+xml with a few lines in a .htaccess file.

Anyway the code generator (editor) you use: I'd suggest to learn it better or ditch it if this is the best it can do.

drhowarddrfine




msg:4562702
 1:11 pm on Apr 8, 2013 (gmt 0)

But an educated guess. Based on the markup, I'd bet it's copy/pasted and the OP doesn't know the difference between writing XHTML and serving it, well-formed or not.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved