PDA

View Full Version : [HTML + CSS] non riesco a validare

francescosalvaggio
02-10-2010, 11:49
Ciao a tutti non riesco a validare questa semplice sezione di codice :


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-Language" content="it">
<link rel="stylesheet" type="text/css" href="css/indice_style.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/indice_print.css" media="print">
<link rel="stylesheet" type="text/css" href="css/indice_style.css" media="handheld">

<title>PROGETTO</title>
</head>
<body>
<div id="angolo_sx"> </div>
<div id="riquadra">
<p id="anteprima_print">SOMMARIO</p>
<p id="anteprima">
<div id="sfondo_nero">S</div>
<div id="sfondo_rosso">OMMARIO</div>
</p>
</div>
</body>
</html>


mi sembra di capire che non posso mettere due corpi <div>...</div> dentro un solo tag <p> ... </p>

come posso risolvere ?
kevinpirola
02-10-2010, 12:01
metti un <div> al posto dei paragrafi.... oppure invece di mettere div fai semplicemente uno stile dentro i css del tipo


<!-- CSS -->
.sfondoRosso {
background_color: #FF0000;
}
.sfondoBlu {
background_color: #0000FF;
}


e poi puoi richiamare una cosa così


<p> <span class='sfondoRosso'>S</span>
<span class='sfondoBlu'>OMMARIO</span>
</p>


occhio però che non so se è giusta la proprietà background_color, non mi ricordo a memoria, dovresti verificare..
francescosalvaggio
02-10-2010, 12:48
facendo come mi hai detto perdo la formattazione che avevo con gli stili che non ho postato...

il problema sembra essere che non posso mettere un tag <div> dentro un paragrafo <p> !!

avete qualche soluzione ?
kevinpirola
02-10-2010, 12:59
allora sostituisci il paragrafo con un div..

ti ricrei la spaziatura del paragrafo e sei apposto (con spaziatura intendo una distanza dal top e una distanza dal bottom)
+--------
| DIV NORMALE
+--------

+-------
|
|DIV CON SPAZIATURA TIPO <P>
|
+--------