Gradient Background in Dreamweaver with help of CSS

Discussion in 'CSS' started by cusnirr, Aug 10, 2007.

  1. #1
    Please help me.

    I'm trying to create a gradient background in DW. I created a small gradient in Fireworks, then I exported it in DW. I created a CSS for background to repeat on y, but it doesn't work :(

    What am i doing wrong? What should be the size of the gradient that i created in FW?

    Thank you very much.
     
    cusnirr, Aug 10, 2007 IP
  2. gobbly2100

    gobbly2100 Banned

    Messages:
    906
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Paste the code, it will be easier to see what you are doing wrong then.
     
    gobbly2100, Aug 10, 2007 IP
  3. cusnirr

    cusnirr Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    here's me code: Thank you!

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <link href="background.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
    <p class="background">&nbsp;</p>
    <table width="800" border="0" align="center">

    <tr>
    <td><table border="0" cellpadding="0" cellspacing="0" width="862">
    <!-- fwtable fwsrc="EDSA FW Draft.png" fwpage="Page 1" fwbase="map.gif" fwstyle="Dreamweaver" fwdocid = "1571216057" fwnested="0" -->
    <tr>
    <td><img src="images/spacer.gif" width="862" height="1" border="0" alt="" /></td>
    <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
    <td><img src="Fireworks/images/top.gif" width="862" height="195" /></td>
    <td><img src="images/spacer.gif" width="1" height="195" border="0" alt="" /></td>
    </tr>
    <tr>
    <td><img src="Fireworks/images/bottom.gif" width="862" height="511" /></td>
    <td><img src="images/spacer.gif" width="1" height="511" border="0" alt="" /></td>
    </tr>
    </table></td>
    </tr>
    </table>
    </body>
    </html>
     
    cusnirr, Aug 10, 2007 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    GAH... and people wonder why I call dreamweaver a steaming pile of crap. Spacer gif's? Table for a column only 1px wide? Welcome to 1997.

    Do yourself a favor, chuck that code in the trash and grab a copy of notepad.

    If you can post up the images (top.gif, bottom.gif) or a mockup of what you want it to look like, we can likely be more helpful - as from what I'm seeing here all can guesstimate is 'this is BAD'.
     
    deathshadow, Aug 10, 2007 IP