[CSS]Problema Right/Left (Menų/News)
Ciao a tutti, ho un problema con i css:
allora io ho sentito parlare di PKP..č una specie di cms..cmq ho provato a modificare il template base..č facilissimo ma ho riscontrato un errore..ho modifikato le img e ho tolto la sfocatura dai bordi del logo e del "container" (destra e sinistra) ma ora da errore: http://sim.altervista.org/pkp/
ekko il codice css:
Codice:
body {text-align: center; font-family: Arial, Verdana, sans-serif; font-size:9pt; margin: 0; padding: 0; background-image: url(http://sim.altervista.org/pkp/layout/blue/page_bg.gif);}
div#container {text-align: left; position: relative; width: 700px; margin: auto; padding: 0;}
a, a:link, a:visited {color: black; font-weight: bold; text-decoration: underline;}
a:hover {text-decoration: none;}
a.news:link, a.news:visited {color: black; font-weight: normal; text-decoration: underline;}
a.news:hover {text-decoration: none;}
div#header {width: 700px; height: 126px; margin: 0; padding: 0; background-image: url(layout/blue/header.gif); background-repeat: no-repeat;}
div#title {margin: 0; padding: 0; position: absolute; top: 60px; left: 350px; width: 250px;}
div#title a {margin: 0; padding: 0; font-size: 30px; font-weight: bold; height: 30px; text-decoration:none;}
div#back {margin: 0; padding: 8px 0 0 0; width: 700px; background-image: url(layout/blue/back_cont.gif); background-repeat: repeat-y;}
div#container2 {margin: 0 8px 0 34px; padding: 0; width: 631px; height: auto;}
div#left {float: left; padding: 0; width:143px;}
div.left_title {margin: 0; padding: 8px 0 8px 0; width: 143px; height: 14px; background-image: url(layout/blue/left_title.gif); background-repeat: no-repeat; text-align: center; font-weight: bold;}
div.left_center {margin: 0; padding: 6px; background-image: url(layout/blue/left_center.gif); background-repeat: repeat-y;}
div.left_center ul {margin: 0; padding: 0; list-style: none; text-align: center;}
div.left_bottom {margin: 0; padding: 0; height:18px; background-image: url(layout/blue/left_bottom.gif); background-repeat: no-repeat;}
div#right {float: right; padding: 0; width: 481px;}
div.right_title {margin: 0; padding: 8px 0 8px 0; width: 481px; height: 14px; background-image: url(layout/blue/right_title.gif); background-repeat: no-repeat; font-weight: bold; text-align: center;}
div.right_center {margin: 0; padding: 4px 6px 4px 6px; background-image: url(layout/blue/right_center.gif); background-repeat: repeat-y;}
div.right_bottom {width: 481px; margin: 0; padding: 0; background-image: url(layout/blue/right_bottom.gif); background-repeat: no-repeat; height:10px;}
div#footer {padding-bottom:8px; clear:both; width: 100%; font-size:8pt; text-align: center;}
div.news_bottom {margin:0; padding:3px; text-align:right;}
div.clearer {clear:both; height:1px; margin:0; padding:0;}
.tdgallery {padding:2px 2px 0 2px; border:1px solid black; background-color:#ebeaea;}
.allnews {text-align:center; margin:0 0 7px 0;}
.table {border:0; text-align:left;}
.right {text-align:right; vertical-align:top;}
input, textarea {border:1px solid black;}
ed ecco il "layout" base:
Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<title>[[title]]</title>
<style type="text/css">
[[style]]
</style>
<link rel="stylesheet" type="text/css" href="admin/FCKeditor/editor/css/fck_editorarea.css" />
</head>
<body>
<div id="container">
<div id="header">
<div id="title"><a href="index.php">[[title]]</a></div>
</div>
<div id="back">
<div id="container2">
<div id="left">
[[menu]]
</div>
<div id="right">
[[content]]
</div>
</div>
<!-- La linea seguente non deve essere rimossa, come descritto nella licenza GNU GPL, perche' considerata come nota dell'autore -->
<div id="footer">© Sim.Sito creato con PKP.Ho modificato il footer.</div>
</div>
</div>
</body>
</html>
PS."[[content]]" = news/pagine..(quello che si clikka visualizza:P)
Grazie.ciao davide ^^
