[HTML + CSS] non riesco a validare

francescosalvaggio · 02-10-2010, 11:49

Ciao a tutti non riesco a validare questa semplice sezione di codice :

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

Codice HTML:

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

e poi puoi richiamare una cosa così

Codice HTML:

<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>
|
+--------

02-10-2010, 12:01	#2
kevinpirola Member Iscritto dal: Sep 2010 Messaggi: 102	metti un <div> al posto dei paragrafi.... oppure invece di mettere div fai semplicemente uno stile dentro i css del tipo Codice HTML: <!-- CSS --> .sfondoRosso { background_color: #FF0000; } .sfondoBlu { background_color: #0000FF; } e poi puoi richiamare una cosa così Codice HTML: <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..

02-10-2010, 12:48	#3
francescosalvaggio Senior Member Iscritto dal: Dec 2005 Città: Toscana Messaggi: 1196	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 ?

02-10-2010, 12:59	#4
kevinpirola Member Iscritto dal: Sep 2010 Messaggi: 102	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> \| +--------

Strumenti
Mostra una versione stampabile Invia questa pagina per email