18 replies [Last post]
asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Hi, i've searched the internet but havnt found a soloution to my problem. My problem is that when I add backround images in divtags and edit the CSS it appears to look fine in IE but when I preview it in Firefox I cant see any of them images.

How do solve this?

Also when I add backround images, at the bottom of the backround image in each divtag it shows a spacer between the backround image and the normal image. This distorts the template.

How do solve this?

Triumph (not verified)
Anonymous's picture
Guru

Generic response follows due

Generic response follows due to no code or link provided:

Did you clear your floats?

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

It works fine in IE with the

It works fine in IE with the images but doesnt show anything which has been coded through CSS in FF. IE appears to show everything correctly.
Heres the code:

#Table_01 .maintext {

background-repeat: repeat-y;

padding-right: 200px;

padding-bottom: 200px;

padding-left: 200px;

background-image: url(images/index_18.jpg);

}

#Table_01 .maintext .oi {

height: 20px;

}

#Table_01 object {

height: 40px;

margin: 0px;

padding: 0px;

width: 319px;

}

Triumph (not verified)
Anonymous's picture
Guru

SHOW YOUR PAGE

SHOW YOUR PAGE

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Heres the link on a temp

Heres the link on a temp server:

http://kttm.freehostia.com/akj/

Look at the site in both broswers FF and IE.

Now you can see the above backround images in each divtag (I dont know how that happend) but theres a distortion in FF but IE everything is fine. Why are there breaks in the FF pages?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 13 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

I'm interested to know why

I'm interested to know why you decided not to read any of the three stickies at the top of the forum?

Specifically the one in ALL CAPS entitled "DOCTYPES ARE IMPORTANT PLEASE USE THEM".

Go and read them.

Verschwindende wrote:
  • CSS doesn't make pies

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

I've read them. But now when

I've read them.
But now when I add a doctype to the page it completely distorts it. Whats up with that?

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

I've seen that in FF it

I've seen that in FF it completely distorts the page when the doctype is added. But in IE it is completely fine.

Triumph (not verified)
Anonymous's picture
Guru

Validate your code and then

Validate your code and then ask again.

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

What do you mean validate

What do you mean validate your code?

Triumph (not verified)
Anonymous's picture
Guru

http://diveintomark.org/archi

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Ok I've went through the

Ok I've went through the validation but still this doesnt sort my problem out.

Why does it say:

This page is not Valid XHTML 1.0 Strict!

And how do you correct the errors?

Please check this page out to look at the validation:

http://validator.w3.org/check?uri=http%3A%2F%2Fkttm.freehostia.com%2Fakj%2F

Please tell me how to correct these errors and after I have corrected them will the pages load on all browsers??

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 13 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

asengh wrote:Ok I've went

asengh wrote:
Ok I've went through the validation but still this doesnt sort my problem out.

Why does it say:

This page is not Valid XHTML 1.0 Strict!

And how do you correct the errors?

Please check this page out to look at the validation:

http://validator.w3.org/check?uri=http%3A%2F%2Fkttm.freehostia.com%2Fakj%2F

Please tell me how to correct these errors and after I have corrected them will the pages load on all browsers??

I'm impressed that you've managed to get down to only 2 errors, well done!

Xhtml 1.0 doesn't like inline stylying like that. Tables shoudln't really be used at all these days, but if you must use them, give the cells a class and use CSS to give them a height.

Verschwindende wrote:
  • CSS doesn't make pies

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Thanks for your help. This

Thanks for your help.
This is how I do it.
After I've made the template design in photoshop and sliced all the different images up, I upload it on Dreamweaver on which it displays as tables. I get rid of most of the tables by deleting the images and table and adding a divtag and then I do the css coding for that paticular divtag. Only thing is some tables remain how do I make these tables in divtags?

Say for instance I had the below html code for the table around the template:

How do I change this to a divtag or like you say give it a class?

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Thanks for your help. This

Thanks for your help.
This is how I do it.
After I've made the template design in photoshop and sliced all the different images up, I upload it on Dreamweaver on which it displays as tables. I get rid of most of the tables by deleting the images and table and adding a divtag and then I do the css coding for that paticular divtag. Only thing is some tables remain how do I make these tables in divtags?

Say for instance I had the below html code for the table around the template:

How do I change this to a divtag or like you say give it a class?

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Sorry that should have been

Sorry that should have been written as:

Say for instance I had the below html code for the table around the template:

How do I change this to a divtag or like you say give it a class?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 13 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

asengh wrote:Thanks for your

asengh wrote:
Thanks for your help.
This is how I do it.
After I've made the template design in photoshop and sliced all the different images up, I upload it on Dreamweaver on which it displays as tables.

That;s not the way to do it at all. Mark up your content with semantic tags, THEN style it.

Verschwindende wrote:
  • CSS doesn't make pies

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 49 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Is there are tutorials where

Is there are tutorials where I can learn about semantic tags? What are they?

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 17 weeks 4 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

It's not tags that are

It's not tags that are semantic or not, it's how you use them. Semantic coding just means to use tags that reflect the meaning or structure of the content.

Simplest example is using a p element to hold a paragraph of text. That would be semantic. Using a div to enclose a paragraph would not be be semantic. You have a paragraph, so use the element designed for it.

Similarly headings go in h1-h6 tags, not spans. A series of links would be a list of links so you put it in a list (ul) element. And so on.

Read through the "how to" forum for more detail or do a google search on "semantic html".

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.