Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: IE ei näytä sisältöä

Meitsi [15.11.2004 20:53:56]

#

Tämä koodi saa aikaan pienen valikon. Mozilla näyttää sen oikein, mutta IE ei näytä mitään. Missä vika?

Style.css:

.valikko {font-size:10px; font-family:verdana; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; position:fixed; top:2px; left:2px; width:100px; height:300px; background-color:#DADADA;}



.val_bttn:HOVER {display:block; font-size:10px; font-family:verdana; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; width:95px; height:12px; position:relative; top:2px; left:1px; text-decoration:none; color:#000000; text-align:center; letter-spacing:1px;}



.val_bttn:LINK {display:block; font-size:10px; font-family:verdana; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; width:95px; height:12px; position:relative; top:2px; left:1px; text-decoration:none; color:#000000; text-align:center;}



.val_bttn:ACTIVE {display:block; font-size:10px; font-family:verdana; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; width:95px; height:12px; position:relative; top:2px; left:1px; text-decoration:none; color:#000000; text-align:center;}



.val_bttn:VISITED {display:block; font-size:10px; font-family:verdana; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; width:95px; height:12px; position:relative; top:2px; left:1px; text-decoration:none; color:#000000; text-align:center;}

Itse sivu:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Square35-tuotanto</title>
<script type="text/javascript">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div class="valikko"><a href="paa.html" class="val_bttn">Pääsivu</a><a href="ohjelmat" class="val_bttn">Ohjelmat</a><div>
</body>
</html>

Blaze [15.11.2004 21:22:30]

#

Ajahan tuo HTML-tiedosto validaattorin läpi, niin huomaat, mikä on vialla.

Deewiant [15.11.2004 21:25:29]

#

Näyttäisi <script>-tagi jääneen sulkematta.

Ja Blaze ehti ensin.

EDIT: ja IE ei tue :hovereja ja noita muita pseudoclasseja muissa kuin <a>-tageissa.

EDIT 2: linkki, jossa kunnon esimerkki.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta