effetto ombra

**leorsid@** · 03-06-2004, 21:32

Salve ragazzuoli...
sapreste dirmi come può essere creato un effetto tipo ombra su una determinata tabella tramite css??? Ho provato con vari tentativi ma sono risultati inutili....

**Shores** · 03-06-2004, 21:36

Che io sappia non esiste metodo diretto: quello che puoi invece fare è usate una div che racchiuda la tabella a cui metti solo a destra e sotto un bordo grigio...

Altrimenti, se hai in mente un esempio sul web, segnalacelo che guardiamo come hanno fatto!

**leorsid@** · 03-06-2004, 21:39

ecco qui: http://www.andybudd.com/

**floyd46** · 03-06-2004, 21:56

Quella "pagina" alla quale è stato dato un effetto ombra non è altro che una "gif" usata nella tabella come sfondo;
non potrebbe essere diversamente, altrimenti non riusciresti ad avere del testo o altre immagini sovrapposte.

Puoi crearti la tua "immagine ombra" con qualsiasi programma di grafica (PhotoShop o Fireworks ecc).

le dimensioni puoi farle ridottissime (2px in altezza e la larghezza quanto la tua tabella).

Se hai problemi, scrivi le dimensioni della tabella e te la realizzo io; ti mando anche una pagina html x farti vedere l' effetto.

**maximum** · 03-06-2004, 21:56

Dove, di preciso?

**floyd46** · 03-06-2004, 21:59

Scusa maximun, hai chiesto a me?

**maximum** · 03-06-2004, 22:07

No, chiedevo all'utente che ha aperto il 3d.
Io quest'effetto ombra sui testi non lo vedo.

**floyd46** · 03-06-2004, 22:12

forse si riferiva alla "pagina" bianca, quella in cui sono scritti i testi e ci sono le foto.
Nella parte dx e in basso, appare un'ombra grigia, come se la luce arrivasse dalla parte sinistra in alto.

Credo si riferiva a quell'ombra.

**leorsid@** · 04-06-2004, 00:02

Infatti mi riferivo alla tabella principale di quel sito....cmq ho spulciato meglio l'html ed ho capito come ha fatto: in pratica utilizzando dei div si ha una situazione del genere:

codice:

CSS:
body {
	background:url(bg_new.gif) repeat;
	text-align: center;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	min-width: 700px;
}

#bg{
	padding: 10px 19px 15px 15px;
	background: #FFFFFF url(shadow_side.gif) repeat-y right;
}

#bottom{
	background: url(shadow_bottom.gif) repeat-x;
	height: 4px;
}

HTML:
<body>


<div id="bg">
<table width="70%" border="0">
<tr>
<td>asdasd
<td>
</tr>
</table>
</div>
<div id="bottom"></div>

la soluzione di creare una gif da "appiccicare" come sfondo alla tabella per creare un ombra non la volevo utilizzare in quanto se non ricordo male firebird (mozilla) non vede quest'attributo..
o ricordo male???

cmq grazie.....bye

**Shores** · 04-06-2004, 00:41

In Mozilla i CSS funzionano meglio che in IE... compresa la proprietà background e le sue sorelle!

Discussione: effetto ombra

Strumenti discussione

Ricerca discussione

Visualizza

effetto ombra

Re: effetto ombra

Permessi di invio