Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Simple HTML table structure issue/question.

Reply
Thread Tools

Simple HTML table structure issue/question.

 
 
nAnd0
Guest
Posts: n/a
 
      09-03-2005
The issues is with IE and Firefox.
If you browse to http://www.thedream.ca with IE the table is smooth and
intact.
Yet browsing to the same page with FireFox youll notice that on the right
side the table image is a few pixels off.
This is very basic HTML table structuring, check out the source.
To get a better idea of whats going on check out
http://www.thedream.ca/index2.shtml and you can see the same page with
borders on.

Any recommendations?
Chances are I have to restructure the entire thing to meet both browser
needs.

Thanks in advance.




 
Reply With Quote
 
 
 
 
Jonathan N. Little
Guest
Posts: n/a
 
      09-03-2005
nAnd0 wrote:
> The issues is with IE and Firefox.
> If you browse to http://www.thedream.ca with IE the table is smooth and
> intact.
> Yet browsing to the same page with FireFox youll notice that on the right
> side the table image is a few pixels off.
> This is very basic HTML table structuring, check out the source.
> To get a better idea of whats going on check out
> http://www.thedream.ca/index2.shtml and you can see the same page with
> borders on.
>
> Any recommendations?
> Chances are I have to restructure the entire thing to meet both browser
> needs.
>
> Thanks in advance.
>
>
>
>

On quick glance can see HTML errors, nesting errors. Did you try
validating your code first?

http://validator.w3.org/check?uri=ht...thedream.ca%2F

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
 
 
 
nAnd0
Guest
Posts: n/a
 
      09-03-2005
"Jonathan N. Little" <(E-Mail Removed)> wrote in message
news:gZkSe.341$(E-Mail Removed)...
> nAnd0 wrote:
>> The issues is with IE and Firefox.
>> If you browse to http://www.thedream.ca with IE the table is smooth and
>> intact.
>> Yet browsing to the same page with FireFox youll notice that on the right
>> side the table image is a few pixels off.
>> This is very basic HTML table structuring, check out the source.
>> To get a better idea of whats going on check out
>> http://www.thedream.ca/index2.shtml and you can see the same page with
>> borders on.
>>
>> Any recommendations?
>> Chances are I have to restructure the entire thing to meet both browser
>> needs.
>>
>> Thanks in advance.
>>
>>
>>
>>

> On quick glance can see HTML errors, nesting errors. Did you try
> validating your code first?
>
> http://validator.w3.org/check?uri=ht...thedream.ca%2F
>
> --
> Take care,
>
> Jonathan


I have corrected all the minor issues that validator found. It continues to
complain about HEIGT option in my table structure, not sure why.

Anyways my issue still exists, and that solved nothing.


> -------------------
> LITTLE WORKS STUDIO
> http://www.LittleWorksStudio.com




 
Reply With Quote
 
David Dorward
Guest
Posts: n/a
 
      09-03-2005
nAnd0 wrote:


> If you browse to http://www.thedream.ca


> This is very basic HTML table structuring, check out the source.


No, its somewhat complicated abuse of tables for layout. If it was
structured then the data being marked up would be tabular - which it isn't.

> Any recommendations?


Dump the table. Simplify your markup. Switch to HTML 4.01 Strict. Use CSS
for presentation. Don't use non-breaking spaces as "oi! browser! there's
content here, honest!" hacks. Stick "#" characters at the front of your
hexadecimal RGB colour codes. Avoid <font>. Use alt text that is an
alternative to the image, not utter rubbish.

The results (in, for example, GoogleBot) aren't pretty.

thedream.ca
missing
missing thedream.ca
under construction
The image gallery is located at..
http://gallery.thedream.ca missing
missing


--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is
 
Reply With Quote
 
nAnd0
Guest
Posts: n/a
 
      09-03-2005
Thanks for all your help people ..
I just simply restructred the table and got the results I was looking for.
Now IE and Firefox display the same.

http://www.thedream.ca

Thanks again.

"nAnd0" <(E-Mail Removed)> wrote in message
news:eOkSe.37103$(E-Mail Removed).. .
> The issues is with IE and Firefox.
> If you browse to http://www.thedream.ca with IE the table is smooth and
> intact.
> Yet browsing to the same page with FireFox youll notice that on the right
> side the table image is a few pixels off.
> This is very basic HTML table structuring, check out the source.
> To get a better idea of whats going on check out
> http://www.thedream.ca/index2.shtml and you can see the same page with
> borders on.
>
> Any recommendations?
> Chances are I have to restructure the entire thing to meet both browser
> needs.
>
> Thanks in advance.
>
>
>
>




 
Reply With Quote
 
nAnd0
Guest
Posts: n/a
 
      09-03-2005

"David Dorward" <(E-Mail Removed)> wrote in message
news:dfcodd$6h$1$(E-Mail Removed)...
> nAnd0 wrote:
>
>
>> If you browse to http://www.thedream.ca

>
>> This is very basic HTML table structuring, check out the source.

>
> No, its somewhat complicated abuse of tables for layout. If it was
> structured then the data being marked up would be tabular - which it
> isn't.
>
>> Any recommendations?

>
> Dump the table. Simplify your markup. Switch to HTML 4.01 Strict. Use CSS
> for presentation. Don't use non-breaking spaces as "oi! browser! there's
> content here, honest!" hacks. Stick "#" characters at the front of your
> hexadecimal RGB colour codes. Avoid <font>. Use alt text that is an
> alternative to the image, not utter rubbish.


Thanks for the advice.. Im sure your recommendations are what I SHOULD do,
but unfortunetly I know little of html .. not to mention CSS and any sort of
present html coding standards.

I need to learn alot. Last time I coded was back when html was first around
which would explain my old school coding.

Can you recommend a good tutorial site?

>
> The results (in, for example, GoogleBot) aren't pretty.
>
> thedream.ca
> missing
> missing thedream.ca
> under construction
> The image gallery is located at..
> http://gallery.thedream.ca missing
> missing
>
>
> --
> David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
> Home is where the ~/.bashrc is




 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      09-03-2005
nAnd0 wrote:

<snip>
> I have corrected all the minor issues that validator found. It continues to
> complain about HEIGT option in my table structure, not sure why.
>
> Anyways my issue still exists, and that solved nothing.


As others will probably tell you, your are making a mistake with a fixed
width and height layout, but if you must one way to do it with HTML 4.01
strict and CSS is:

1) Make two 2 color GIF images 742px x 17px with a transparent color and
#A8A8A8 gray for your
a) top.gif with rounded corners upper-left & upper-right
a) bottom.gif with rounded corners lowser-left & lower-right

2) Page template:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Title</title>
<style type="text/css">
HTML,
BODY {
margin: 0;
padding: 0;
background-color: #C2C2C2;
}
.decor {
line-height: 0;
}
#wrapper {
margin: 20px auto auto auto;
padding: 0;
width: 742px;
}
#content {
margin: 0;
padding: 0 17px 0 17px;
height: 466px;
color: #000000;
background-color: #A8A8A8;
}
</style>
</head>
<body>
<div id="wrapper">
<div class="decor"><img src="top.gif" alt=""></div>
<div id="content">Put your content here</div>
<div class="decor"><img src="bottom.gif" alt=""></div>
</div>


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
 
Reply With Quote
 
Alan J. Flavell
Guest
Posts: n/a
 
      09-03-2005

On Sat, 3 Sep 2005, nAnd0 wrote:

> "David Dorward" <(E-Mail Removed)> wrote in message
> news:dfcodd$6h$1$(E-Mail Removed)...
> >
> > Dump the table. Simplify your markup.

[...]

Looks like good advice to me (as usual from this respected poster, of
course)

> Thanks for the advice.. Im sure your recommendations are what I SHOULD
> do, but unfortunetly I know little of html .. not to mention CSS and any
> sort of present html coding standards.


Perhaps the group would be better able to help if we knew how you got in
this mess in the first place.

(Hunch if you extruded this HTML from some wannabe-WYSIWYG authoring
tool, then the kind of variation between browsers that you're complaining
of is frankly no big surprise, but I couldn't really recommend manually
wading through the mess of dubious HTML that it has produced. It's going
to waste a lot of your time and effort for some one-off result that might
or might not work on the next page you have to deal with.

My advice, for what it's worth, is that you'd do better to spend that time
on looking into the kind of thing that David was recommending. There's a
learning curve, sure, no mistake there, and not helped by the shortcomings
of some current browsers, but it's the way things are going, and rates to
get you ahead of the field.

good luck
 
Reply With Quote
 
Toby Inkster
Guest
Posts: n/a
 
      09-03-2005
nAnd0 wrote:

> Last time I coded was back when html was first around which would
> explain my old school coding.


"Back when HTML was first around" such coding would have been atrocious
too. There was a short period between 1996 and 2000 when it was
commonplace. (Still atrocious though.)

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

 
Reply With Quote
 
nAnd0
Guest
Posts: n/a
 
      09-03-2005
"Toby Inkster" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)5n.co.uk...
> nAnd0 wrote:
>
>> Last time I coded was back when html was first around which would
>> explain my old school coding.

>
> "Back when HTML was first around" such coding would have been atrocious
> too. There was a short period between 1996 and 2000 when it was
> commonplace. (Still atrocious though.)


You know what... The code is way to simplistic and short to be called
atrocious.. so do me a favour and stick your negative comments up your ass,
your not helping anyone.


>
> --
> Toby A Inkster BSc (Hons) ARCS
> Contact Me ~ http://tobyinkster.co.uk/contact
>




 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Simple structure and copying data to pointer of the same structure A C++ 27 04-16-2011 11:07 PM
Copy String structure "A" to string structure "B" Leo Nunez C Programming 3 02-09-2005 05:14 AM
Table/table rows/table data tag question? Rio HTML 4 11-05-2004 08:11 AM
Pointers to structure and array of structure. Excluded_Middle C Programming 4 10-26-2004 05:39 AM
Could not load type VTFixup Table from assembly Invalid token in v-table fix-up table. David Williams ASP .Net 2 08-12-2003 07:55 AM



Advertisments