[bluegang6]

My site looks pretty good in Google Chrome and Safari.

However, it is all messed up in FireFox!

I'm not sure as to why it is like that, but I welcome any tips!

http://techtubemedia.com/release/test/

This is just a beta of my final site. I have valid html (all expect the YouTube player).

Are the tables rendered differently in each browser?

The table cells that make up the site each have a respective background, and then either another table or div tags to house text and images.
Shouldn't table size be constant all around?

And how do I get rid of the blue borders around my images :S? A css element that makes text decoration to none?

sorry for my lack of knowledge :S This is my first ever coded site!

p.s. I am aware of the randomly placed 'hidden' div element sporting a menu. This is from a previous design, will get rid of it soon.




On a lighter side, I think I may need a new color Scheme? Ideas? (hex codes would be great :})

I currently also have this design, but I think the white looks better:
http://grab.by/9sUG

[Advertisements]

RE: http://techtubemedia.com/release/test/ page...

HTML errors

You are coding to an XHTML 1.0 doctype. Some of the errors don't mean much, but best to correct them anyway.

Why Validate?: http://validator.w3.org/docs/why.html
CSS Validator: http://jigsaw.w3.org/css-validator/
HTML Validator: http://validator.w3....ri with_options
But it Doesn’t Validate : http://net.tutsplus....oesnt-validate/

Empty style and center tags. Center tags have been deprecated. Table tags for layouts went out in the late 1990s, but can be done better using CSS to set its presentation.

Tableless Web Design: http://en.wikipedia....less_web_design
Why tables for layout is stupid: http://www.hotdesign.com/seybold/
How to convert manually your HTML tables to CSS: http://www.table2css...l-tables-to-css
Images, Tables, and Mysterious Gaps: https://developer.mo...Mysterious_Gaps

http://grab.by/9sUG took too long to load for me so clicked out.

[AstraNut]

RE: http://techtubemedia.com/release/test/ page...

HTML errors

You are coding to an XHTML 1.0 doctype. Some of the errors don't mean much, but best to correct them anyway.

Why Validate?: http://validator.w3.org/docs/why.html
CSS Validator: http://jigsaw.w3.org/css-validator/
HTML Validator: http://validator.w3....ri with_options
But it Doesn’t Validate : http://net.tutsplus....oesnt-validate/

Empty style and center tags. Center tags have been deprecated. Table tags for layouts went out in the late 1990s, but can be done better using CSS to set its presentation.

Tableless Web Design: http://en.wikipedia....less_web_design
Why tables for layout is stupid: http://www.hotdesign.com/seybold/
How to convert manually your HTML tables to CSS: http://www.table2css...l-tables-to-css
Images, Tables, and Mysterious Gaps: https://developer.mo...Mysterious_Gaps

http://grab.by/9sUG took too long to load for me so clicked out.

[bluegang6]

Hey,

I have 5 HTML errors, I can't really modify them as they are part of the official YouTube Widget
I have 0 CSS errors

Yup, sorry about those center tags, nothing is in them, was using it to test something

Never heard of avoiding table layouts. Actually, when I first designed this, all I heard from various designers was "use tables" Maybe they were just trying to screw me over :S.

I understand.

Your link for How to convert manually your HTML tables to CSS seems to be broken, Searched a little and found this link: http://www.table2css...html-tables-css



http://grab.by/9sUG leads to http://grab.by/grabs...3d57054bffd.png (it's just an image of my secondary design)

Will have a look at the table 2 css transformation and will reply with results

However, how do I get rid of the blue borders around my images :S? A css element that makes text decoration to none? (view in FF)

Thanks again,
Blue

[AstraNut]

Sorry about broken link. Looks like they updated and renamed the file. Thanks for letting me know.

Might add this to the top of your CSS:

* {
margin: 0;
padding: 0;
border: 0;
}

That is the Universal Selector and will reset all browsers before your CSS takes over. A better: CSS reset file

If you are getting a border for image links, try:

a img {
text-decoration: none;
border: none;
}

Tables layouts are ok when you use CSS with them, but they really were only meant to be used to set up tabular data.

[bluegang6]

Wow, thank you.

Simply adding


a img {
text-decoration: none;
border: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
to my CSS document helped alot!

Will stay with the table-based design for now, will completely try to avoid it later

[bluegang6]

Wow, thank you.

Simply adding


a img {
text-decoration: none;
border: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
to my CSS document helped alot!

Will stay with the table-based design for now, will completely try to avoid it later

[AstraNut]

You're welcome. Many people forget the border-collapse part when using tables. Wouldn't hurt, when you find time, to change over from tables. Large sites may find it not economically feasible nowadays. Good luck.

[adamdillon]

Using <div> tags is the way to lay sites out now instead of <table>

[bluegang6]

Yea, noticed that

That's what I'm doing from now on

thanks

[AstraNut]

Your link for How to convert manually your HTML tables to CSS seems to be broken, Searched a little and found this link: http://www.table2css...html-tables-css

The link is" http://www.table2css...html-tables-css

Finally tracked it down. Seems the page was renamed.

[bluegang6]

Your link for How to convert manually your HTML tables to CSS seems to be broken, Searched a little and found this link: http://www.table2css...html-tables-css

The link is" http://www.table2css...html-tables-css

Finally tracked it down. Seems the page was renamed.

lol, I know

I posted that earlier (my link works )

[AstraNut]

Sorry. Didn't see your updated link here.