HTML and CSS

Shadow / background

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Jun 2009

Posts: 46

Reputation: laura_ci is an unknown quantity at this point

Solved Threads: 5

laura_ci

Offline

Light Poster

#11

Oct 17th, 2009

Aww... the joy of Dreamweaver generated code. I'm not suprised your having issues with all those tables!

Hmm... well, we'll start with the easier of you problems. Obviously I don't know the dimensions of the main.jpg, but I suspect that the reason why it is only showing half way down the page is because it is set to only repeat on x - only repeating horizontally. Change this to just repeat, so that it repeats both horizontally (x) and vertically (y).

 Help with Code Tags 
 css Syntax (Toggle Plain Text) 
page {
background: url(main.jpg) top left repeat;
text-align:center;
}
page {
background: url(main.jpg) top left repeat;
text-align:center;
}

With the shadow problem, it would help if I knew what sort of content was in those table cells, because currently it doesn't really mean anything...

I don't know how far along you are with this, but if you must use dreamweaver/tables, try this:

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<html>
  <head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
      #page {
        background: url(main.jpg) top left repeat;
      }
      #wrap {
        width:966px;
        background: url (shadow.png) center top repeat-y;
        margin:0 auto;
      }
      #site {
        margin:0 10px;
      }
    </style>
  </head>
  <body id="page">
    <div id="wrap">
      <table width="946" id="site" cellpadding="0" cellspacing="4">
        <tbody>
          <tr>
            <td>Stuff goes in here.</td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>
<html>
  <head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
      #page {
        background: url(main.jpg) top left repeat;
      }
      #wrap {
        width:966px;
        background: url (shadow.png) center top repeat-y;
        margin:0 auto;
      }
      #site {
        margin:0 10px;
      }
    </style>
  </head>
  <body id="page">
    <div id="wrap">
      <table width="946" id="site" cellpadding="0" cellspacing="4">
        <tbody>
          <tr>
            <td>Stuff goes in here.</td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>

Obviously I don't know the demands of your layout, so I've simplified it A LOT, so hopefully you can start to see what's going on and what it should be doing.

Hope this helps you out.

Laura

Looking for a Web & Graphic Designer?
creativeindividual.co.uk

•

Join Date: Jan 2009

Posts: 79

Reputation: Zero13 is an unknown quantity at this point

Solved Threads: 11

Zero13

Offline

Junior Poster in Training

#12

Oct 19th, 2009

Remove the white space between url and bracket in CSS syntax.
Here it is..

Help with Code Tags

(Toggle Plain Text)

#wrap {
background: url (shadow.png) center top repeat-y;

replace with

Help with Code Tags

(Toggle Plain Text)

#wrap {
background: url(shadow.png) center top repeat-y;

This is the only error I found it. And you need to validate your HTML.

•

Join Date: Jun 2006

Posts: 67

Reputation: ytregnn is an unknown quantity at this point

Solved Threads: 0

ytregnn

Offline

Junior Poster in Training

#13

28 Days Ago

Have tried this numerous times no with no success.

Dont know what I'm doing wrong.

•

Join Date: Jun 2006

Posts: 67

Reputation: ytregnn is an unknown quantity at this point

Solved Threads: 0

ytregnn

Offline

Junior Poster in Training

#14

24 Days Ago

Just wanted to say that I got it right now.. finally.

Thanks for all the help.

•

Join Date: Jun 2009

Posts: 46

Reputation: laura_ci is an unknown quantity at this point

Solved Threads: 5

laura_ci

Offline

Light Poster

#15

24 Days Ago

That's good

What was causing the problems? Might be worth knowing myself for future reference =D

Looking for a Web & Graphic Designer?
creativeindividual.co.uk

Quick Reply to Thread

Show Printable Version

Similar Threads

BUG in Internet Explorer. Please help find a solution! (HTML and CSS)
CSS Border's Shadow ??? (HTML and CSS)
Making Webpages that conform to the users resolution (Site Layout and Usability)
Hijack this log Re: desktop background (Viruses, Spyware and other Nasties)
Need help on centering (HTML and CSS)
Single Table Cell background (HTML and CSS)
Gif and transparency (Site Layout and Usability)

Other Threads in the HTML and CSS Forum

Previous Thread: Help From Css Experince Developer
Next Thread: How to declare the mime type for a html-email?

Thread Tools	Search this Thread
Show Printable Version Email this Page

DaniWeb Message

Cancel Changes