School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Welcome to Dream.In.Code
Become an Expert!

Join 300,499 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,882 people online right now. Registration is fast and FREE... Join Now!




Firefox style looks wrong looks right in opera/ie

 

Firefox style looks wrong looks right in opera/ie, CSS horizzontal menu

tbandtg1

24 Oct, 2008 - 06:55 AM
Post #1

New D.I.C Head
*

Joined: 3 Sep, 2008
Posts: 8

What am i missing here. Firefox doenst end the line after the style sheet? I figured it out needed to add height to my .css thanks anyways biggrin.gif

style.css
CODE

ul#navigation {
padding: 0;
margin: 0;
background-color: #039;
color: #fff;
float: left;
width: 100%;
}
ul#navigation li { display: inline; }
ul#navigation li a {
padding: .25em 1em;
background-color: #039;
color: #fff;
text-decoration: none;
float: left;
border-bottom: transparent 1px #fff;
border-top: transparent 1px #fff;
border-right: transparent 1px #fff;


}
#navigation li a.current {background: lightblue;}
a.current:link, a.current:visited { color: #fff; }
ul#navigation li a.current:hover {
color: #000;
background-color: #fff;
}

a.blue:link{
color:Blue;
background:#ffffff;
}
a.blue:active{
color:#808080;
background:#efefef;
}
a.blue:visited{
color:purple;
background:#ffffff;
}
a.blue:hover{
font-style:italic;
color:lightblue;
background:#efefef;
}

default.html
CODE

<html>
<head>
<meta http-equiv='refresh' content='60'>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' //>
<link href='style.css' rel='stylesheet' type='text/css' //>
<title>Hes Home Page</title>
<script type="text/javascript" src = "hes.js"></script>
</head>
<body>
<table width='100%'><tr><td align='left'><img src='inncolor2.png' alt='hes'><td align = 'center' <h3></h3><td align='right'><h2>hes</h2></table><hr>

<ul id='navigation'>
<li><a class = 'current'href='__index.html'>Alarms</a></li><li><a href='__plan.html'>Channel Plan</a></li><li><a href='__scan.html'>Channel Scan</a></li><li><a href='__limits.html'>Limits</a></li><li><a href='__traps.html'>Recent Traps</a></li><li><a href='__live.html'>Live Mode</a></li><li><a href='__info.html'>Information</a></li></ul>

<form name = 'form'>
<table border='1'>
<tr>
<td>VSB--TEST:
<input type="radio"  checked = "checked" name = "loc"  onClick="go('/__index.html?0')">
</td>
<td>DEFAULT:
<input type="radio"  
name = "loc"  onClick="go('/__index.html?1')">
</td>
<td>test1:
<input type="radio"  
name = "loc"  onClick="go('/__index.html?2')">
</td>
</table>
</form>


</body>
</html>


This post has been edited by tbandtg1: 24 Oct, 2008 - 07:33 AM

User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/8/09 04:59AM

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month