Announcement

Collapse
No announcement yet.

[css] Drop down shadow on <table> ?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [css] Drop down shadow on <table> ?

    Hey there guru's

    Anybody know how to use the syntax for filter: dropShadow(); ? I have searched on w3.org but couldn't find any information :/

    This is the code as I have it, but the bold arguments is what I don't know how to set.
    Code:
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    <!--
    .shadow {
    	filter: DropShadow(Color=#000000, OffX=[b]dunno[/b], OffY=[b]dunno[/b], Positive=[b]dunno[/b]);
    }
    -->
    </style>
    </head>
    
    <body>
    <table width="400" border="0" cellpadding="0" cellspacing="0" class="shadow">
      <tr> 
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
      </tr>
      <tr> 
        <td>6</td>
        <td>7</td>
        <td>8</td>
        <td>9</td>
        <td>10</td>
      </tr>
    </table>
    </body>
    </html>
    In my IE6 browser this does work, but it sets a shadow to the characters, not the outlined table. Maybe it just isn't possible, but I also do not know what to put in the [dunno] parts.

    Maybe someone can help?

    I also tried with
    .shadow {
    filter: Shadow(Color=#000000, Direction=15);
    }
    where I think 15 = degrees, but not sure either. but this also just shadows the characters.

  • #2
    OffX & OffY control the shadow offset, postive values drop it below and to the right, negative above and left.

    Postive should equal 1 unless you want it to invert the result.

    "filter: DropShadow" is a IE specific function so you won't find any info on it at w3c.org.

    To shadow the whole table not its text you may want to encase it in <div></div> tags.

    Comment


    • #3
      Originally posted by dabean
      OffX & OffY control the shadow offset, postive values drop it below and to the right, negative above and left.

      Postive should equal 1 unless you want it to invert the result.

      "filter: DropShadow" is a IE specific function so you won't find any info on it at w3c.org.

      To shadow the whole table not its text you may want to encase it in <div></div> tags.
      The OffX/Y values are in points/ pixels/ per cetages ?
      And thank you for explaining!

      Comment


      • #4
        Originally posted by xiphoid

        The OffX/Y values are in points/ pixels/ per cetages ?
        And thank you for explaining!
        The values are pixels IIRC.

        Comment

        widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
        Working...
        X