Olen tehnyt mahtavia web-sivuja, mutta nyt ilmeni vakava ongelma. Tässä muutama päivä sitten vaihdoin sivut käyttämään div-taulukkoa (tjs) jolloin ilmeni erittäin vakavanlaatuinen ongelma sivupohjan kuvien väleissä.
http://nacci.no-ip.org
(Huomaatteko o_O)
Ongelma on siitä jännäke, että sitä esiintyy ainoastaan etusivulla. linkit ja vieraskirja-sivulla osittaisesti. En löydä itse mitään vikaa margineista, paddingeista yms geista.
Jos tunnette auttamisen halua, niin alapuolella erittäin validi koodini.
- Koodi: Valitse kaikki
***styles.css
body {
background-color: #FFFFFF;
}
A:link {
color : #FF8C00;
text-decoration : none;
font-family : verdana;
font-size : 16px;
font-weight : normal;
}
A:active {
color : #FF8C00;
text-decoration : none;
font-family : verdana;
font-size : 16px;
font-weight : normal;
}
A:visited {
color : #FF8C00;
text-decoration : none;
font-family : verdana;
font-size : 16px;
font-weight : normal;
}
A:hover {
color : #FF8C00;
text-decoration : underline;
font-family : verdana;
font-size : 16px;
font-weight : normal;
}
div.yla {
background-image: url(Kuvat/yla.png);
background-repeat:no-repeat;
height: 145px;
margin-left: 15%;
margin-top:30px;
width: 631px;
color: #696969;
}
.fakta{
margin-left:300px;
padding-top: 2px;
float: top;
}
.linkit{
margin-left:390px;
margin-top: 100px;
}
.spacerr {
clear: both;
height: 1px;
}
div.keski {
background-image: url(Kuvat/keski.png);
background-repeat:repeat-y;
margin-left: 15%;
width: 631px;
color: #696969;
}
.left{
margin-left: 50px;
float:left;
}
.right{
margin-left:150px;
}
.spacer {
clear: both;
height: 1px;
}
div.ala {
background-image: url(Kuvat/ala.png);
background-repeat:no-repeat;
height: 15px;
margin-left: 15%;
font-size: 10px;
width: 631px;
color: #696969;
}
.perC{
margin-left:10px;
}
.spacerrr {
clear: both;
height: 1px;
}
----------------------------------------------------------
- Koodi: Valitse kaikki
***index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Nacci</title>
<link href="styles.css" type="text/css" rel="stylesheet" title="" media="screen">
<meta name="keywords" content="Nacci,Maggara,Kuningas,Whii">
<meta name="description" content="Nacceja kaikille">
</head>
<body style="background-color:#EDEDED;">
<div class="yla">
<div class="fakta">
<!--Päevän fakta niitataan tähän-->
<strong> Päivän fakta: </strong>[Popponen] omena on hedelmä
<!--Niittaus loppuu tähän-->
</div>
<div class="linkit">
<a HREF="index.php?p=etusivu">Etusivu</a>
<a HREF="index.php?p=viekku">Vieraskirja</a>
<a HREF="index.php?p=linkit">Linkit</a>
</div>
<div class="spacerr">
</div>
</div>
<div class="keski">
<div class="left">
<p>Linkki</p>
</div>
<div class="right">
<?php
$sq = Array (
"etusivu" => "etusivu.php",
"viekku" => "viekku.php",
"linkit" => "linkit.php",
"lue" => "lue.php",
"meta" => "meta.php",
"nacci" => "meta/meta.php",
);
$p=($_GET['p']!="")?$_GET['p']:"";
if(isset($sq[$p])&&file_exists($sq[$p]))
include($sq[$p]);
else echo"<h1>ERROR 404</h1><br>Sivua ei löydy juu nou. <br>Jos päädyit tänne painamalla jotain linkkiä, niin ilmoittele irkkiin tai jonnekkin.<br>";
?>
</div>
</div>
<div class="ala">
<div class="perC">
<!--Kopirait juu nou-->
Kopirait - Ville Ehrlund 2006
<!--end-->
</div>
</div>
</body>
</html>
Kiitos, jos ikinä jaksoit tänne asti scrollata. :=)
