Question:

Css, dreamweaver, safari, firefox and mac

by  |  earlier

0 LIKES UnLike

ok. i just recently downloaded a free trial of dreamweaver and am obviously new with using it. i am also new at using css, but from what i understand, the code all looks right... and when i make changes to the css and refresh the html page in the dreamweaver program, everything looks fine. i finally jsut decided to test the page in a broswer, since the last two or three days i've been getting to know dreamweaver, and was horribly shocked to find that the only thing that shows is the text.... none of the design part shows, no background color, no table w/background pic, nothing else. this is the html code before the body, the rest is just standard body and table:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-...

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Wize Aunts</title>

<link href="/css/wa-main.css" rel="stylesheet" type="text/css" media="all" />

</head>

this is the css:

body {

background-color: #2d0909;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

}

table {

background-attachment: fixed;

background-image: url(../images/map-copy.jpg);

background-repeat: no-repeat;

background-position: center top;

border: 0;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

font-style: normal;

line-height: normal;

font-variant: normal;

text-transform: none;

color: #000000;

text-decoration: none;

height: 800px;

width: 831px;

margin-right: auto;

margin-left: auto;

}

please help!!!!!

 Tags:

   Report

3 ANSWERS


  1. You are correct that your problem is the link to the css file. The problem is the slash / in front of the path to the file or else incorrect file path altogether. Putting a slash / in front of the path is intended to point to the sites root and then the server will &quot;cascade&quot; it&#039;s search for that file down through the sub-dirctories from the root of the server. This only works on dedicated servers where your site is the only one on the server, I believe. It does not work on shared servers (because your sites root is not the servers root) and it will not work on your computer either. I do not know why DreamB.S. shows the style correctly. So make sure the path to the css file is correct and no slash / at the front of it.


  2. It looks okay, but: when debugging css, your best bet is, to grab the original code that WORKED and, just add your changes, ONE PIECE AT A TIME (like, say, change font-size, OR change margin-size, OR change border,  OR change an HTML statement, BUT NOT any two at once!!!) until you find the offending change.

    Tedious, yes. But it&#039;s certain to work!  

  3. first, put &lt;/html&gt; at the end of the html page.

    next, check to make sure that the pictures are in the right directory.

Question Stats

Latest activity: earlier.
This question has 3 answers.

BECOME A GUIDE

Share your knowledge and help people by answering questions.
Unanswered Questions