Keskustelu: Nettisivujen teko: Sivuni eivät toimi Operalla ja Firefoxilla

combo [13.04.2010 14:31:13]

Mistä mahataa johtua se, että sivujeni yläkuva navigaation yläpuolella, jossa lukee myös sivun nimi ei näy Operalla ja Mozilla Firefoxilla? IE:llä sen sijaa toimii, sain kerran jotenkin toimimaan tuon kuvan näkymisen, mutta nyt en enää millään.

Tässä osoite: http://ikkunapaikka.exofire.net/404

Ja tässä etusivun html koodi:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Etusivu - Ikkunapaikka</title>

<link rel="shortcut icon" href="/favicon.ico">
  <link rel="stylesheet" type="text/css" href="http://ikkunapaikka.exofire.net/styles.css">

</head>


<body>

<?php include("ylos_anch.html"); ?>
<div class="runko"><?php include("nav.html"); ?><?php include("info.html"); ?>
<div class="vasen"><br>

<div class="keski">
<div class="palkki">
<div class="padding">Etusivu</div>

</div>

<div class="laatikko">
<div class="padding">
<h1>Tervetuloa Ikkunapaikalle!</h1>

P&auml;ivit&auml;mme viel&auml; sivujamme!
Ilmoitamme&nbsp;<a href="http://ikkunapaikka.exofire.net/etusivu">etusivulla</a>,
kun sivut on lopullisesti avattu!<br>

<?php include("yloslink_alas.html"); ?>
</div>

</div>

<?php include("ala.html"); ?>
<div class="oikea"><br>

<br>

</div>

</div>

</div>

</div>

</body>
</html>

Ja css -koodi:

body {
font-family: Verdana;
font-size: 12px;
color: black;
background-image: url('kuvat/tausta.png');
}
h1 {
border-bottom: 1px dashed black;
font-size: 14px;
color: #0B75B5;
margin: 1px;
margin-top: 5px;
margin-bottom: 5px;
}
a {
color: #0B75B5;
text-decoration: underline;
}
a:hover {
color: #D20000;
text-decoration: none;
}
.padding {
padding: 5px;
}
.runko {
width: 1000px;
position: absolute;
left: 50%;
margin-left: -500px;
}

.keski {
width: 1000px;
float: left;
}
}
.logo {
width: 100%; /*100%*/
height: 253px; /*170px*/
border: 0px solid black;
border-bottom: px solid black;
background-image: url('kuvat/logo.png');
margin-bottom: 12px;
}
.palkki {
width: 1000px;
height: 25px;
border: 1px solid black;
border-bottom: 0px solid black;
background-image: url('kuvat/palkki.png');
margin-top: 7px;
color: white;
text-align: center;
font-weight: bold;
}
.laatikko {
width: 1000px;
border: 1px solid black;
background-image: url('kuvat/sisa.png');
}

.errpalkki {
width: 1000px;
height: 25px;
border: 1px solid black;
border-bottom: 0px solid black;
background-image: url('kuvat/palkki.png');
margin-top: 12px;
color: white;
text-align: center;
font-weight: bold;
}
.errlaatikko {
width: 1000px;
border: 1px solid black;
background-image: url('kuvat/sisa.png');
}
.copy {
width: 1000px;
height: 25px;
border: 1px solid black;
border-top: 0px solid black;
background-image: url('kuvat/palkki.png');
color: white;
font-weight: bold;
}
.navi {
width: 100%;
padding: 3px 0px 4px 0px;
border: 1px solid black;
background-image: url('kuvat/palkki.png');
}
.navi li {
display: inline;
list-style: none;
}
.navi li a {
padding: 3px 7px 4px 7px;
color: white;
text-decoration: none;
}
.navi li a:hover {
padding: 3px 6px 4px 6px;
color: black;
text-decoration: none;
background-color: white;
border: 1px solid black;
}

Blaze [13.04.2010 14:48:13]

Ai toi, missä on junan kuva ja teksti "Ikkunapaikka"? Näkyy mulla molemmilla otsikossa mainituilla selaimilla. IE:tä ei valitettavasti satu olemaan käsillä vertailua varten.

Metabolix [13.04.2010 14:54:24]

Näytti minullakin samalta IE 6:lla, Fx 3.6:lla ja Chromium 5:llä.

combo [13.04.2010 14:54:33]

Nyt näkyy, ongelma lienee siinä kun muuttaa jotain tyylitiedostosta, viimeksi muutin h1:n ja linkkien värit toisiksi ja lakkasi toimimasta Operalla ja Firefoxilla. Outo juttu...

vph81 [13.04.2010 15:55:30]

Jostain syystä tuo linkki ei nyt aukea, mutta tallenna kuvat aina kuvankäsittelyssä web-muodossa, nimellä tallentamisen sijaan niin toimii kaikilla selaimilla.

Vastaus

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

Kirjautuminen

Haku