Tag h2 e p visualizzati diversamente pur con lo stesso css

marco · 05-17-2011, 06:25 PM

Salve a tutti,
ho un problema con i fogli di stile che non riesco a risolvere: in pratica ho inserito un testo in h2 in una pagina ed un altro testo in un'altra pagina ma nel tag p. Se metto le stesse proprietà ai due tag, la pagina con il testo in h2 compare come in grassetto mentre con il p compare normale. Ho provato nella seconda pagina ad inserire il testo in h2 e difatti diventa tutto come in grassetto. Come mai mi fa questo scherzetto?
Le proprietà dei due tag sono queste.

codice:

h2 {
	font-size: 1em;
	line-height: 20px;
	text-align: justify;
	font-family: 'MedievalSharp', arial, serif;
	color: #333333;
}	

p {
	font-size: 1em;
	line-height: 20px;
	text-align: justify;
	font-family: 'MedievalSharp', arial, serif;
	color: #333333;	
}

Qui vediamo la pagina in h2
orderofmaltaosj.org/il-gran-maestro.html

e qui quella in p
orderofmaltaosj.org/costituzione.html

Risolverei mettendo tutto in p, ma invece io devo inserire tutto in h2, ma non in grassetto. Se all’h2 assegno la proprietà font-weight: lighter; funziona correttamente, però poi non è più visibile la differenza dalle parole evidenziate in strong. Qualcuno sa come risolvere?
Grazie

lorenzo · 05-19-2011, 12:52 PM

Il tag h2 è stato pensato per i sottotitoli, quindi è normale che i browser lo interpretino in grassetto. Per farlo visualizzare nella dimensione normale, è sufficiente aggiungere nella regola del css il

font-weight: normal;

così che verrà visualizzato correttamente e dove etichettato come strong comparirà in grassetto.

Discussioni simili
Discussione	Ha iniziato questa discussione	Forum	Risposte	Ultimo messaggio
Birmania distrutta dal ciclone Nargis ma si vota lo stesso	Scuola	Storia	2	05-14-2008 04:22 PM
Conviene mettere lo stesso annuncio AdSense su più siti?	marco	Informatica	2	03-10-2008 06:34 PM

Menu

Tag h2 e p visualizzati diversamente pur con lo stesso css