Bordo con ombra testo

[francesco.grosso]

Ciao a tutti,
vorrei realizzare un articolo in joomla con bordo e ombra ma non so per quale motivo non mi funziona. :crying:
La sintassi da me utilizzata è la seguente

HTML:

<div class="box"><p testo </p></div>

su CSS:

.box{
	background-color: white;
	box-shadow:10px 10px 5px #ababab;
	-moz-box-shadow:10px 10px 5px #ababab;
	-webkit-box-shadow:10px 10px 5px #ababab;
	-o-box-shadow: 10px 10px 5px #ababab;
	border-style: solid;
	border-width: 1px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#ababab', Direction=135, Strength=2px);
	padding: 15px;
}

In questo modo riesco solo a visualizzare il bordo, mentre l'effetto ombra non mi compare... dove sbaglio? Potete aiutarmi?

Grazie 1000

 

[Giovanni Omeri]

Quale di questi:
1. box-shadow: inset 0 0 6px;
2. box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
3. box-shadow: 0 0 5px 2px red;
4. box-shadow: 0 0 5px 2px;
5. box-shadow: 0 0 5px;
6. box-shadow: -5px -5px;
7. box-shadow: 5px 5px;

 

[Max 1]

Il tuo codice io lo vedo così:

La parola Testo non si vede perchè il tuo codice:

<p Testo </p>

è sbagliato! Vuole così:

<p>Testo</p>

 

[Fandango Visual]

Scusami, ma non ho capito esattamente cosa ti serve, perché ho provato il codice che hai postato su più browser e funziona (a parte il fatto che il tag p non è chiuso). Tu vuoi solo l'ombra sotto al div?