Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Css meny

Poj

Startad av Poj,
i Webbutveckling

Rekommendera Poster

Poj

Poj

Postad
Postad

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.

 

Länk till kommentar
Dela på andra webbplatser
Cluster

Cluster

Postad
Postad

[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]

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...