Hi everyone, Finally I was able to fix my CSS and the layout but now the external css doesn't work at all. It works fine as internal CSS. Any thoughts on the issue? External CSS http://www.owace.com/gls/index.html Internal CSS http://www.owace.com/gls2/index.html Also if someone could help me with the '@font-face' property as the font does not show up on a browser at different computer. Thanks in advance!
Try it like this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>::Globe-Link Sourcing Inc.::</title> <link href="http://www.owace.com/gls/css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="content"> <p class="style2">Ahead of the Fashion Curve</p> <p>this is where the content goes!this is where the content goes!this is where the contentgoes!this is where the content goes!this is where the content goes!this is where the content goes!this is where the content goes!this is where the content goes!this is where the <br/> <br/> content goes!this is where the content goes!this is where the content goes!this is where the content goes!this is where the content goes!this is where the content goes!this is where the content goes!this is where the content goes!this is where the content goes!this is where the content goes!this is where the content goes!this is where the content goes!</p> </div> <ul id="menu-container" class="menu"> <li class="who"><a href="who.html"></a></li> <li class="what"><a href="what.html"></a></li> <li class="brands"><a href="brands.html"></a></li> <li class="contact"><a href="contact.html"></a></li> </ul> </div> </body> </html> HTML:
They both do the same.... Are you sure that the images are in the correct directory? The css file is working. I recommend that you move the css file into the document root, then change the call to the css file to just style.css.
It works if I put the css file in the root but not in any other folder:S I checked all the names, directory names, spelling, images and everything is correctly defined. Any ideas on why it cannot read the css file from within a folder? I even tested it locally on the computer but same issue.
The css file is working, the problem lies within the referencing to the images. If the css file is in a folder called css, then the way that you reference the images, like background-image: URL("bg.gif"); The computer looks for bg.gif in the css directory. To avoid this you can give the full path to the (example) bg.gif file, such as http://www.mydomain.com/bg.gif