Dreamweaver! Navbar HELP


i'm producing website coursework , in designs fine open in safari goes wrong! yet works fine in firefox, don't know i've done wrong!

 

my coding

 

<div id="header">

  <h1><img src="../images/name.jpg" width="960" height="200" /></h1>

</div>

<div id="navbar">

<ul>

   <li><a href="home.html">home</a></li>

   <li><a href="about.html">about</a></li>

   <li><a href="portfolio.html">portfolio</a></li>

   <li><a href="contact.html">contact</a></li> 

 

 

</ul>

 

</div>

 

 

css coding

 

h6 {

          font-family: arial, helvetica, sans-serif;

          font-size: 14px;

          color: #000;

          text-decoration: none;

          display: inline;

}

#wrapper #navbar {

          color: #fff;

          background-color: #000;

          text-align: center;

          height: 75%;

          width: 100%;

          list-style-type: none;

          display: inline;

}

#wrapper #navbar ul li {

          display: inline;

}

#wrapper #navbar ul li {

          font-family: arial, helvetica, sans-serif;

          font-size: 16px;

          text-decoration: none;

          display: inline;

          padding-top: 30px;

          padding-right: 20px;

          padding-bottom: 10px;

          padding-left: 10px;

          color: #fff;

}

 

screen shot 2013-05-08 @ 11.21.33.png

screen shot 2013-05-08 @ 11.11.18.png

 

please me!

thanks

run page through validator here: http://validator.w3.org/ , repair errors shows. html errors 1 of biggest culprits when there cross-browser display problems on web page.

 

it looks safari ignoring css reason.

 

it's hard tell might wrong code snippets you've posted. upload page web server , post link?

 

barring that, distant second post of code html , css here.

 

edit: 1 thing noticed should fix before used doing it...

 

when designing web sites , naming files , folders, should never use special characters (things $ ' * # , similar) or spaces. should use alpha numeric characters (letters , numbers) hyphens or underscores (instead of spaces). depending on server type have, should use lowercase letters. servers see "hello.html" totally separate file "hello.html" while os not. links work correctly locally while designing site, when uploaded sorts of 404 file not found errors.



More discussions in Dreamweaver support forum


adobe

Comments