Toon posts:

schaduw achter table

Pagina: 1

Acties:

152 views sinds 30-01-2008
Reageer

woensdag 28 november 2001 14:55

Acties:

Verwijderd

Topicstarter

Ik wil zonder layers te gebruiken een schaduweffect achter mijn table zetten. Heeft iemand suggesties hoe ik dat het best aan kan pakken?

woensdag 28 november 2001 15:26

Acties:

Verwijderd

uhmmm, plaatje als achtergrond in je table zeteen

woensdag 28 november 2001 16:21

Acties:

Verwijderd

Je kunt gewoon in je table tag style="filter..... gebruiken. Voor Mozilla is het sinds kort ook mogelijk om filters te gebruiken.

woensdag 28 november 2001 16:27

Acties:

xiphoid

I am just me

test 001

je kan een style maken met links & boven een dikte van 1 en rechts en onder een dikte van 2, hierdoor heeft het een 'nep' schaduw effect.

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test table met shadow 001</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- nep schaduw effect test 001 -->
<style type="text/css">
<!--
table {  border-color: #000000 #333333 #333333 #000000; border-style: solid; border-top-width: 1px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 1px}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="200" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>s</td>
  </tr>
  <tr>
    <td>s</td>
  </tr>
</table>
<p> 
</body>
</html>

test001.html

http://mrfloris.com

woensdag 28 november 2001 17:28

Acties:

Verwijderd

Kijk eens op http://msdn.microsoft.com/library/?url=/workshop/author/filter/filters.asp
Helaas werkt dit alleen in IE5 en hoger, maar je kunt dan wel echte schaduwen maken.
Op http://msdn.microsoft.com/library/?url=/workshop/author/filter/reference/filters/shadow.asp?frame=true is een voorbeeld te vinden.

woensdag 28 november 2001 20:42

Acties:

Verwijderd

Topicstarter

Op woensdag 28 november 2001 16:27 schreef xiphoid het volgende:
test 001

je kan een style maken met links & boven een dikte van 1 en rechts en onder een dikte van 2, hierdoor heeft het een 'nep' schaduw effect.

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test table met shadow 001</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- nep schaduw effect test 001 -->
<style type="text/css">
<!--
table {  border-color: #000000 #333333 #333333 #000000; border-style: solid; border-top-width: 1px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 1px}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="200" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>s</td>
  </tr>
  <tr>
    <td>s</td>
  </tr>
</table>
<p> 
</body>
</html>

test001.html

Daar heb ik ook al aan gedacht ja, alleen het nadeel is dat die border onderaan helemaal doorloopt. Wat ik wil is dat de border bijvoorbeeld aan de onderkant een paar mm korter is....

code:

****
****+
****+
****+
 ++++

dat effect dus... snappie?

woensdag 28 november 2001 20:48

Acties:

flat

CSS3

nu nog even wachten totdat microsoft het ook implementeert (waarschijnlijk doen ze dat pas als 't een officiele staandaard is maarja

)
voor de gelukkigen met mozilla, hiero 3 leuke dingetjes van CSS3:
http://flat.wox.org/tmp/
[i]
mensen met IE:
-bekijk die pagina op eigen risico, misschien dat je browser vastloopt ofzo
-in ieder geval zal 'ie niet zo worden weergegeven als bedoeld is
-wat je zou moeten zien: tabellen met ronde hoeken, schaduw, en een transparant, meeschuivend menu (dat alles dus zonder plaatjes, layers of javascript

)

"Happiness is a way of travel, not a destination."
--Roy Goodman

woensdag 28 november 2001 21:00

Acties:

Verwijderd

Topicstarter

Op woensdag 28 november 2001 17:28 schreef Thargol het volgende:
Kijk eens op http://msdn.microsoft.com/library/?url=/workshop/author/filter/filters.asp
Helaas werkt dit alleen in IE5 en hoger, maar je kunt dan wel echte schaduwen maken.
Op http://msdn.microsoft.com/library/?url=/workshop/author/filter/reference/filters/shadow.asp?frame=true is een voorbeeld te vinden.

Thanx, dat is de oplossing... helaas niet voor IE4 en netschaap, maar goed...

Weet iemand toevallig hoeveel % van nederlandse internetters IE5 of hoger gebruikt?

woensdag 28 november 2001 21:02

Acties:

Verwijderd

Topicstarter

Op woensdag 28 november 2001 20:48 schreef Flat© het volgende:
CSS3
http://flat.wox.org/tmp/
[i]

Cannot find server

Anyway, ik heb het op de M$ manier opgelost... degenen met IE<5 en netschaap zoeken het maar uit. Moeten ze maar updaten

woensdag 28 november 2001 21:20

Acties:

flat

Op woensdag 28 november 2001 21:02 schreef ZeroX15 het volgende:
Cannot find server

hmm ja hij is wel gewoon up, maar ik wordt hier ongeveer ge-DDOS-t, omdat er een of ander oud topic omhoog is geschopt waar ik een linkje naar een status-script in had gezet
probeer 't anders nu nog maar een keer, moet lukken

"Happiness is a way of travel, not a destination."
--Roy Goodman

woensdag 28 november 2001 21:36

Acties:

MAZZA

Barbie is er weer!

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test table met shadow 002</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- nep schaduw effect test 002 ;) -->
</head>
<body bgcolor="#FFFFFF" text="#000000">

<table width="200" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#D4D0C8" width="2">[img]"pixel.gif"[/img]</td>
    <td bgcolor="#D4D0C8" width="196">[img]"pixel.gif"[/img]</td>
    <td bgcolor="#808080" width="2">[img]"pixel.gif"[/img]</td>
  </tr>
  <tr>
    <td bgcolor="#D4D0C8" width="2">[img]"pixel.gif"[/img]</td>
    <td bgcolor="#D4D0C8" width="196">blaaht blaaht blaaht blaaht blaaht blaaht</td>
    <td bgcolor="#808080" width="2">[img]"pixel.gif"[/img]</td>
  </tr>
  <tr>
    <td bgcolor="#808080" width="2">[img]"pixel.gif"[/img]</td>
    <td bgcolor="#808080" width="196">[img]"pixel.gif"[/img]</td>
    <td bgcolor="#808080" width="2">[img]"pixel.gif"[/img]</td>
  </tr>
</table>


</body>
</html>

Dit effect kan ook nog natuurlijk

woensdag 28 november 2001 21:48

Acties:

flat

mja toch vind ik mijn CSS3-oplossing stoerder!

"Happiness is a way of travel, not a destination."
--Roy Goodman

woensdag 28 november 2001 21:49

Acties:

MAZZA

Barbie is er weer!

Op woensdag 28 november 2001 21:48 schreef Flat© het volgende:
mja toch vind ik mijn CSS3-oplossing stoerder!

Dat is ie zeker

Maargoed.. dat wil nog niet echt vlotten met die standaarden

Pagina: 1

Reageer