Just nu i M3-nätverket
Jump to content

Css meny


Poj

Recommended Posts

Hej jag försöker göra en menysystem i css men det ser konstigt ut i IE det blir ett mellanrum mellan menyerna som inte finns i firefox läsaren.

Vad är fel?

 

************css kod*******************

#navlist

{

padding: 0 1px 1px;

margin-left: 0;

font: bold 12px Verdana, sans-serif;

background: gray;

width: 13em;

}

 

#navlist li

{

list-style: none;

margin: 0;

border-top: 1px solid gray;

text-align: left;

}

 

#navlist li a

{

display: block;

padding: 0.25em 0.5em 0.25em 0.75em;

border-left: 1em solid #AAB;

background: #CCD;

text-decoration: none;

}

 

#navlist li a:link { color: #448; }

#navlist li a:visited { color: #667; }

 

#navlist li a:hover

{

border-color: #FE3;

color: #FFF;

background: #332;

}

************slut kod***************

 

och i htmldokumentet ser det ut så här

***********kod********************

<div id="navcontainer">

<ul id="navlist">

<li><a href="/Untitled-1.htm" title="Hem 1">Hem</a></li>

<li><a href="/Untitled-1.htm" title="info 1">info</a></li>

</ul>

</div>

*************slut kod****************

 

Hur ska det se ut för att funka i IE?

 

Poj.

Poj.

 

Link to comment
Share on other sites

[log]

<html>
<head>
<title>ListStyle</title>
<style>
<!--
#navlist {
  width: 13em;
  padding:0px;
  margin:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:0.7em;
  border-top:1px solid gray;
  border-left:1px solid gray;
  border-right:1px solid gray;
  }

#navlist li {
  list-style: none;
  margin: 0px;
  padding:0px;   
  border-bottom:1px solid gray;   
  text-align: left;
  }

#navlist li A {
  display: block;
  padding: 0.25em 0.5em 0.25em 0.75em;
  margin:0px;
  border-left:1em solid #AAB;
  background: #CCD;
  text-decoration: none;
  }

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }   

#navlist li a:hover {
  border-color: #FE3;
  color: #FFF;
  background: #332;
  }
-->
</style>
</head>
<body>
  <ul id="navlist">
     <li><a href="#">Hem</a></li>
     <li><a href="#">Info</a></li>
  </ul>
</body>
</html>

[/log]

 

Ex: http://eforum.kicks-ass.net/ListStyle.htm'>http://eforum.kicks-ass.net/ListStyle.htm

 

/Cluster

------------------------------------------------------------

Ditt vetande är värdelöst om inte andra vet att du vet

-----------> http://eforum.kicks-ass.net <------------

 

[inlägget ändrat 2005-07-29 09:38:19 av Cluster]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...