Jump to content
Stef's Coding Community
ChunkyDrew

CSS Troubleshooting Ideas

Recommended Posts

I've been developing sites in HTML for years. Now, I'm trying to master CSS, to give me more control. I created a site, with the css in external sheet css/master.css. When I previewed it in MS FrontPage or in Firefox or IE, it looks perfect. When I published it to my server, the css features don't work anymore, so my divs are no longer centered on the page. I'm lost! Any suggestions for a css newbie?

Share this post


Link to post
Share on other sites

To further expand, the actual .htm files view perfectly in Firefox & IE. It was only after I published to my server that things went crazy. Could it be something not installed on the server?

Share this post


Link to post
Share on other sites

Did you let FrontPage create the code, or did you write it yourself? FrontPage is known for creating crappy coding. How about a link to your site, so we can see what's going on?

Share this post


Link to post
Share on other sites

Check to make sure the css file is on the server. Next, check the html file(s) to see if the path for the external css file is correct. Based on your info, it should point to the /css/ folder.

Share this post


Link to post
Share on other sites

Did you let FrontPage create the code, or did you write it yourself? FrontPage is known for creating crappy coding. How about a link to your site, so we can see what's going on?

 

Yes, the code was created by FP. The .htm files view properly in Firefox & IE. Had no problems until after uploading to server. The site url is:

 

SDMCU

 

The external sheet is named master.css, and is located in the css subfolder, and is attached. (My first external, so it's probably a mess, but it does validate using the W3C CSS validator.) It should have a header div, main-nav div, content div, and footer div, all of which should be 760px wide, and centered on page. Thanks for replying

master.css

Share this post


Link to post
Share on other sites

Check to make sure the css file is on the server. Next, check the html file(s) to see if the path for the external css file is correct. Based on your info, it should point to the /css/ folder.

 

 

The statements in my .htm files which point to the external sheet are like this:

 

<style type="text/css" media="all">@import url("http://www.southdademalechorusunion.org/css/master.css");</style>

 

 

(I originally had it as just "css/master.css", but went back and added full path as part of my troubleshooting

Share this post


Link to post
Share on other sites

NOISE!!! I see it's a chorus website, but if music is already forced on me, it'd be nice to at least give me an option to turn it off - other than having to mute my speakers!!

 

If you enter the url to your stylesheet: http://www.southdademalechorusunion.org/css/master.css - you get a 'page-not-found' - which means that there is no stylesheet at that location. So either you forgot to upload it altogether, the path is wrong, or there's a typo somewhere.

 

Also, your code to insert the stylesheet looks odd- see this: http://www.w3schools.com/CSS/css_howto.asp

 

Bottom line is, however, that FrontPage just doesn't produce good code.

Share this post


Link to post
Share on other sites

NOISE!!! I see it's a chorus website, but if music is already forced on me, it'd be nice to at least give me an option to turn it off - other than having to mute my speakers!!

 

If you enter the url to your stylesheet: http://www.southdademalechorusunion.org/css/master.css - you get a 'page-not-found' - which means that there is no stylesheet at that location. So either you forgot to upload it altogether, the path is wrong, or there's a typo somewhere.

 

Also, your code to insert the stylesheet looks odd- see this: http://www.w3schools.com/CSS/css_howto.asp

 

Bottom line is, however, that FrontPage just doesn't produce good code.

 

Thanks for your help. Based on your input, I finally realized the my css folder was name css in my html files, but CSS (caps) on the server. After I renamed the folder, everything works. Boy, do I feel dumb!! Once again, thanks.

Share this post


Link to post
Share on other sites

NOISE!!! I see it's a chorus website, but if music is already forced on me, it'd be nice to at least give me an option to turn it off - other than having to mute my speakers!!

 

If you enter the url to your stylesheet: http://www.southdademalechorusunion.org/css/master.css - you get a 'page-not-found' - which means that there is no stylesheet at that location. So either you forgot to upload it altogether, the path is wrong, or there's a typo somewhere.

 

Also, your code to insert the stylesheet looks odd- see this: http://www.w3schools.com/CSS/css_howto.asp

 

Bottom line is, however, that FrontPage just doesn't produce good code.

 

Now that my immediate problem is resolved, I would like to address your thought on giving viewers a way to disable the sound files. Do you have any thoughts/suggestions on the best way to do this?

Share this post


Link to post
Share on other sites

A while back, I designed a site where the client requested music playing - I ended up using http://www.premiumbeat.com/flash_media_players - it's free and it has a pause button. If you want to see it in action - my portfolio towards the bottom, the memorial site.

Share this post


Link to post
Share on other sites

Just to chime in at the end of this musical discussion. Please do not make the music automatically play when entering the site. Bear in mind that a lot of people surf while at work and to hear unrelated music to the workplace is a big no no. Another consideration, maybe your tastes in music are not those of the user. It is better to give users the option to turn on the sound, rather than give them the option to turn it off.

Edited by virtual

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...