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?
Generic response follows due
Generic response follows due to no code or link provided:
Did you clear your floats?
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;
}
SHOW YOUR PAGE
SHOW YOUR PAGE
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?
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.
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?
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.
Validate your code and then
Validate your code and then ask again.
What do you mean validate
What do you mean validate your code?
http://diveintomark.org/archi
http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you
Try reading the stickies.
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??
asengh wrote:Ok I've went
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.
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?
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?
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?
asengh wrote:Thanks for your
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.
Is there are tutorials where
Is there are tutorials where I can learn about semantic tags? What are they?
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".