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;
}
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
Post a Comment