Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Two backgrounds on 1 page interlocking

Featured Replies

First of all hello everyone!

 

I'm just beginning designing websites and just encountered this problem. I'm designing a website in Dreamweaver CS3 that have a background made of a long thin strap and a table in the middle Something like this one

I would like to have another backgroud inside the table and it's a gradient one (attached one). Is it possible to create another "layer" in Dreamveaver for this background? I'd rather avoid creating the whole window as a picture and then cutting it <_<

post-2843-1197157746_thumb.jpg

From your description I picture a long thin strip and a lovely oak table...

 

Basically I think you need to set the background of the body tag to be waht you want as the background of your page and then create a container that will contain your site and set the background of that to be your gradient...so for instance on one of my clients site I have the body tag set to be:

 

body {
margin: 0 auto;
padding: 0;
color:#333333;
background: url(assets/rpt_page_bg.jpg) repeat-x;
min-width:780px;
font-size: small;
font-family: "trebuchet ms", "times new roman", times, serif;
text-align:center;
}

 

assets/rpt_page_bg.jpg is the graphic that creates the page background. In this instance I have it set to repeat-x as I just wanted this background to repeat horizontally along the top of the screen. Alternatively you can use repeat-y to make an image repeat vertically or no-repeat to make the image not repeat at all.

 

then in your case you would create a container id:

 

#container {
width: 780px;
margin: 0 auto;
background: url(assets/gradient.jpg) repeat-y;
}

 

and in your html you would link the style sheet to your html and then create a div with the container id and put your site elements in there:

 

<div id="container">
<p>your site content here</p>
</div>

 

Hope that helps to get you started.

  • Author

Thanks a lot Eskymo. My dreamweaver teacher showed me another method to do it, I guess that yours is a bit more advanced. He said he will teach us your method later during the course. Looks like I need some more time to reach your level ;)

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.