Skugga

Hej! Jag är ute efter kodsnutten som ger en enfärgad skugga några pixlar höger samt nedanför en tabell. Nån som har den liggandes eller kan skriva den? Vore mycket tacksamt!

Jag har inte koden men du skulle kuna göra det med hjälp av photoshop annars!

ok, hur då?

Finns en guide på http://www.webdesignskolan.com

Har tabellen fast bredd och höjd?

Mr. N.: Nej.

Nån aning?

Du skulle kunna köra borders på de sidor du vill ha skuggan på, sen lägger du in två små klossar i hörnen som har samma färg som bakgrunden ovanpå din tabell, då ser dina borders ut som en skugga.

Lägg tabellen som du vill ha en skugga runt i en tabell med id="skugga".
Går ju att göra snyggare med bakgrundsbilder annars.

<style type="text/css">
#skugga td {
padding:0;
margin:0;
border:0;
background:#000
}

#main {
position:relative;
top:-3px;
left:-3px;
margin:0;
padding:0;
background:#ccc
}

#main td {
background:#ccc
}
</style>

<table id="skugga">
	<tr>
		<td>
			<table id="main">
				<tr>
					<td>Testar Testar Testar Testar Testar Testar.</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

Precis så som jag tänkt! Tack så mycket!

<table id="skugga">
	<tbody id="main">
		<tr>
			<td>Testar Testar Testar Testar Testar Testar.</td>
		</tr>
	</tbody>
</table>

Borde ge samma resultat, fast lite bättre uppmärkning ;)

<style type="text/css">
#skugga
{
width: 300px;
padding:0;
margin:0;
border:0;
background:#000;
}

#main
{
width: 300px;
background:#ccc;
position:relative;
top:-3px;
left:-3px;
margin:0;
padding:0;
}

</style>

<div id="skugga">
<div id="main">Testar Testar Testar Testar Testar Testar.</div>
</div>

Om man vill slippa tabeller...

Troxy, absolut, fast det framgick inte om logic ville använda tabellen för tabulär data eller layout... Om man vill göra en riktig tabell bör man också göra den tillgänglig :)