7 replies [Last post]
WhiteManEllwanger
Offline
newbie
Last seen: 17 years 12 weeks ago
Joined: 2005-03-05
Posts: 8
Points: 0

ok i need someone to check out my site www.fourcheers.com in firefox. things are messed up there is no border, or background image.the background image should be behind the text with a border around the content and a differant bgcolor within that border. can you look at my source. would it have somethign to do with specificity, or marrgins and padding or just have the css syntax wrong.

Anonymous
Anonymous's picture
Guru

fire fox

First thing is first:

<html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

should look like:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
 

Anonymous
Anonymous's picture
Guru

fire fox

Next the div with the background is too small to show any of it:

           width: 1%;     
          height:1%; 

Anonymous
Anonymous's picture
Guru

fire fox

You have class="divs" and class="img" in your markup but neither are defined in your css.

DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 5 years 2 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

fire fox

Sorry, mate, but you have got to start from scratch because your code appears to indicate you don't really understand selectors, positioning concepts, classes and id in CSS. In your HTML you have an incomplete Doctype that is in the wrong position. However, on the positive side, you are smart enough to ask questions and to have found this place.

I really recommend you visit this site's Links page and check out some of the recommended tutorials and sites.

After you have familiarized yourself a bit more with the concepts and terminology, we can take a run at your page. I would recommend that you mock up what you want your page to look like in a graphics program and upload it here. Then we can deconstruct the page into blocks and show how you should go about coding the HTML in a logical, standards-compliant manner and the CSS that will create the look for which you are striving.

DE

[And Triumph - it is possible to edit a previous message if you have something more to add. :? ]

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

WhiteManEllwanger
Offline
newbie
Last seen: 17 years 12 weeks ago
Joined: 2005-03-05
Posts: 8
Points: 0

fire fox

ok i'm just going to start over cuz i just did a simular site and it looks fine. but thanks for the straight forward help. most other forums/ message borders make fun of you...don't help or anwser your questions at all.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

fire fox

Great image, David. Smile

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Anonymous
Anonymous's picture
Guru

fire fox

DCElliott wrote:
[And Triumph - it is possible to edit a previous message if you have something more to add. :? ]
Uh, ok. I'll do that from now on. 8-[