Jump to content
Killersites Forums

In the middle of CSS tutorial: Need help!

Recommended Posts

Just finished part 1 and starting part 2 of the CSS tutoral on howtobuildwebsites .com. After I copied and paste the div tags in between the body tags, I saved it on my computer and when I went to view it, the browser did not register the div tags. All I had was Main Navigation and Main Heading in bold one above the other with no divisions on the page. I clicked the CSS example link to see what the page should look like and it had the main navigation on the left and main heading in the center. I even viewed the source code and compared it to the source code of the page that I created and they were the same. But for what ever reason, the browser is not reading the div tags. Can someone help me out and possible give me some solutions to this problem? I wanna continue with the tutorials but really don't wanna move on without getting this part right.




I'm learning loads of information. Your sites are very helpful!

Link to post
Share on other sites

If the source code of your page is the same as the tutorial, have you created a css file and placed it in the correct folder?


Is there a code in the head section similar to this:-



where example.css is a separate file that contains the styles (instructions) for the placing of the divs?

Link to post
Share on other sites

this is the code that I have in the head:


And this is the code that I have in between the body tags:



The Main Heading






Go to the Web Designers Killer Handbook home page and grab the practice HTML page that we will used as the starting template for this tutorial. You can find it under the heading: 'To create the practice HTML page do the following:'.

Follow the instructions there and create your basic HTML page. And do it now!





The Main navigation



For some reason it's not reading the div tags. I don't get it.


I use Google Chrome as my browser, but I don't think that has nothing to do with it. I can click on the css example in the tutorial and get the desired results

Link to post
Share on other sites

According to the code in that page, it is working correctly. I'm not sure what you mean by "not reading the div tags" but the div tags are there when you view source. I do notice that it is not reading the CSS file -- either you forgot to upload that, or the link to the CSS file is incorrect. At the moment, the code is pointing to a file named "myCSS.css" and it needs to be in the same folder as your html file.

Link to post
Share on other sites

Not Found

The requested URL /mycsspage/myCSS.css was not found on this server.

Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.

Apache/2.2.11 (Unix) mod_ssl/2.2.11 OpenSSL/0.9.7a Phusion_Passenger/2.2.4 mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/ Server at royaltybydesign.net Port 80

Link to post
Share on other sites

On the css tutorial on how to build a website the exact same source code produces this: http://www.how-to-build-websites.com/css_Tutorial/myPracticeHTML.htm


But when I copy it to try to duplicate it for practice, I get the result in the link above. Click each link ( the one on this post and the one above) and you'll see the difference. There is no divisions on my page like the one in the tutorial.


I'll double check my folder to make sure it's reading the Css ( to make sure it's linked properly)

Link to post
Share on other sites

I figured out what I did wrong:D :D


I didn't know or don't remember that the css extension is case sensitive. In my source code I had myCSS.css but in my folder on my server, I had mycss.css.


Sorry for wasting your time. I should've paid more attention. Well a learning experience for me. Back to the tutorials!:)

Edited by mgeorge
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.

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.

  • Create New...