non formatto bene il layout

antonioamabile

Utente Attivo
21 Gen 2010
150
0
16
Ho un problema di formattazione non riesco a dare il giusto layout al mio sito....se potete dare uno sguardo, vi ringrazio
Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//En"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-Us">
<head>
 <title>BENVENUTO SU ISCHIAPOINT.IT</title>
  <meta http-equiv="content-type" content="text/html"; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="ischia.css"/>
</head>
<body>
<div id="contenet">
   <h1> BENVENUTO SU ISCHIAPOINT.IT</h1>
   <p>Il portale ischiapoint cerca di rendere più sempilice la navigazione delgi utentei</p>
 </div>
 <?php
include ('config.php');
include ('condb.php');
         $sql= 'SELECT nome_comune from comuni';
         $ris=mysql_query($sql,$mysql);           
               if (!$ris)
                {
                  echo "DB ERRORE, QUERY NON CONNESSA AL DATABASE\N";
                  echo 'MYSQL Error:'.mysql_error();
                  exit;
                }
                  while ($row=mysql_fetch_assoc($ris))
                  {
 ?>  
                  <div id="side1">
                   <ul>
                   <li><a href="coumne.php"> 
                   <?php 
				      echo $row['nome_comune']; 
				      } 
					?>	
				   </a> </li>
	 	           </ul>
	               </div>
				   </div>
	  <div id="side2">
	  <h3> I nostri Sponsor </h3>
	  <div class="adbox"> <p> Hotel Santa Maria situato nel incantevole scenario di san Francesco </p> </div>
	  <div class="adbox"> <p> Hotel Don Pepe albergo settecentesco </p> </div>
	  <div class="adbox"> <p> Hotel Villa franca.......</p> </div>
	  </div>
	  </body>
	  </html>
Codice:
body{
margin:0;
padding:0;
background-image:url(car);
background-repeat:no-repeat;
background:color #FFFFFF;
}
p{
font: 80%/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-top: 0;
margin-top:0;
}

#contenent{
margin: 66px 260px 0px 240px;
padding:10px;
}
#content h1
{
 text-align:center;
 padding-right:20px;
 font:150% Georgia, "Times New Roman", Times, serif;
 color:#901602;
}
#side1
{
 position: absolute;
 width:200px;
 top:30px;
 left:10px;
 padding:70px 10px 10px 10px;
}
#side2{
position:absolute;
width:220px;
top:30px;
right:10px;
padding:70px 10px 10px 10px;
border-left:1px dotted #cccccc;
background-image:url(sm-tomato.jpg);
background-position:top right;
background-repeat:no-repeat;
}
#side2 h3
{
  font: 110% Georgia, "Times New Roman", Times, serif;
  margin:0;
  padding-bottom:4px;
}
.adbox
{
  padding: 2px 4px 2px 6px;
  margin: 0 0 10px 0;
  border: 1px dotted #b1b1b1;
  background-color: #F4F4F4;
}
#side1 h3
{
  font: 110% Georgia, "Times New Roman", Times, serif;
  color: #621313;
  background-color:transparent;
  margin:0;
  padding-bottom.4px;
}
#side1.txt{
width:184px;
background-color:#FCF5F5;
border: 1px inset #901602;
}
#side1 ul{
list-style:none;
margin-left:0;
padding-left:0;
width:184px;
}
#side1 li
{
  font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin-bottom: 0.3em;
  border-bottom:1px solid #E7AFAF;
}
#side1 a:link, #side1 a:visited
{
  text-decoration: none;
  color: #901602;
  background-color:transparent;
}
#side1 a:hover{
color:#621313;
}
 
il problema

è che formattazione assolutamente fa si che il testo sia illegibile è non formattato corretamente. Il bro è Mozilla ultima versione.
Vi ringrazio a tutti voi
 
Adesso dopo

alcune modifice sulla mia paginetta ho un link tuttavia stranamente mi appaio in modo strano ovvero il primo è il più grande e poi piano piano diventano piccoli che non si riescono neanche a vedere!!!
 
Ci sono diversi errori sia nel codice CSS che in quello HTML. Intanto, questo è sbagliato:
HTML:
<div id="contenet">
Dovrebbe essere:
HTML:
<div id="content">
Stessa cosa qui:
Codice:
#contenent{
Cambia con:
Codice:
#content {
Poi immagino che questo:
HTML:
<a href="coumne.php">
Dovesse essere:
HTML:
<a href="comune.php">
E poi nel CSS c'è:
Codice:
background-image:url(car);
Cosa significa? Intendevi forse car.jpg o car.png?
 

Discussioni simili