7 replies [Last post]
jcary
jcary's picture
User offline. Last seen 1 year 24 weeks ago. Offline
newbie
Timezone: GMT-7
Joined: 2010-08-18
Posts: 1
Points: 2

the subject say it all.... any help would be appreciated....

http://www.akcareers.org/s_souza_new.html

CupidsToejam
CupidsToejam's picture
User offline. Last seen 2 weeks 1 day ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

Ouch!! The tables code hurt

Ouch!! The tables code hurt my eyes. Listen, the very best advise anybody in here will give you, is start over, and do it a better way.

We dont use tables for page layout anymore, we use css to style html tags to form the layout. If you truly want to do things the right way, you first must learn how. Please follow the links below to start your journey. Also, always be validating the code throughout the coding process.

http://www.htmldog.com
http://www.w3schools.com


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

PradeepKr
PradeepKr's picture
User offline. Last seen 1 year 24 weeks ago. Offline
newbie
Timezone: GMT+5.5
Joined: 2010-08-13
Posts: 5
Points: 7

My wordpress site looks different in IE and mozilla FF

Hi All,

My worpress site is not appearing same in IE and mozilla FireFox.
I you observe the gray area (outside the white contents area), in my site expertsguide.info, that area seems having a nice looking shade in FF but that is not the case with IE o chrome.

Any suggestions?

thanks in advance.

Tyssen
Tyssen's picture
User offline. Last seen 13 hours 9 min ago. Offline
rank Moderator
Moderator
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8123
Points: 1302

Pradeep, please start a

Pradeep, please start a thread of your own to ask help for problems with your site.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

PradeepKr
PradeepKr's picture
User offline. Last seen 1 year 24 weeks ago. Offline
newbie
Timezone: GMT+5.5
Joined: 2010-08-13
Posts: 5
Points: 7

OK. I'll start a new thread.

OK. I'll start a new thread. thnx

doidge
doidge's picture
User offline. Last seen 1 year 23 weeks ago. Offline
newbie
Timezone: GMT+9.5
Joined: 2010-09-01
Posts: 1
Points: 1

Display differences between Explorer, Firefox and Chrome

Having exactly the same problem as jcary (and I liked your site - nursing in Alaska - wow!), I found your post and would like to thank Cupids Toejam for that good advice, which I followed to the letter. As an artist, I have hundreds of images and some text - perfect for tables but, no, I redid just one page entirely in CSS. My name across the top, one large, one smaller image and a block of text above the smaller image. All DIV's. The text should have made a neat rectangle of its own above the small image, the text and image being the exact height of the larger image, just as I have been successfully designing that page with tables for about the last 10 years. Tried the 10pt text in ems as well as pxls.
Explorer 8 blew the whole lot up by 125%, destroying the clarity of the images and making the text look huge and unpleasant. Firefox was the nearest to right using ems - pts came out huge again, but Chrome rendered the text ems at about 6pt - unreadable.
Crazy

Ed Seedhouse
Ed Seedhouse's picture
User offline. Last seen 3 weeks 1 day ago. Offline
rank Guru
Guru
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3544
Points: 643

doidge wrote: HI redid just

doidge wrote:

HI redid just one page entirely in CSS. My name across the top, one large, one smaller image and a block of text above the smaller image. All DIV's.

That's just as bad as using tables for layout. research the term "divitis" (or sometimes called "divitus") to see why.

The proper alternative for tables is "Plain old Semantic HTML" for markup, and CSS for presentation. DIVS should only be used when no semantic html element is available, usually no more than a very few times on a page.

You'd be best to stop "thinking in tables" and start again with a "beginners mind".

Ed Seedhouse

Posting Guidelines

High on a hill, in Wrangellia.

CupidsToejam
CupidsToejam's picture
User offline. Last seen 2 weeks 1 day ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

doidge, start a new thread

doidge,
start a new thread and provide us all your html and css, or give a link.


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com