Wrox Programmer Forums
| Search | Today's Posts | Mark Forums Read
BOOK: Beginning HTML, XHTML, CSS, and JavaScript
This is the forum to discuss the Wrox book Beginning HTML, XHTML, CSS, and JavaScript by Jon Duckett; ISBN: 978-0-470-54070-1
Welcome to the p2p.wrox.com Forums.

You are currently viewing the BOOK: Beginning HTML, XHTML, CSS, and JavaScript section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
  #1 (permalink)  
Old February 15th, 2010, 11:27 PM
Registered User
 
Join Date: Feb 2010
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default Gradient background across different divs

Hello,

I want to have gradient border across my divs for left and right. I have three images for that:
First image: light --> dark
Second image: dark
Third image: dark --> light

I want to join these images and use as border across my divs. Length of divs are not constant.
I have a two column layout.

Please help if anybody has some solution for my problem.
  #2 (permalink)  
Old February 16th, 2010, 07:22 PM
Registered User
 
Join Date: Feb 2010
Posts: 5
Thanks: 0
Thanked 1 Time in 1 Post
Default

If you want to have a background across more than one column have you tried putting both columns inside a containing div, and then using a background image on that containing div?

e.g.

Code:
<div class="container">

  <div class="column1">left hand nav - this one has a float:left, width 200px</div>

  <div class="column2">main page - this one also has float:left; width:700px</div>

</div>
Now if you make the width of the container 900 and create an image that is repeated vertically, it will ensure that your gradient background is consistent across all columns...

Is that the kinda thing you were trying for?


Similar Threads
Thread Thread Starter Forum Replies Last Post
Tables or divs gujjar CSS Cascading Style Sheets 1 January 9th, 2007 08:13 AM
divs inside divs: theory? Giant_robot_sandwich CSS Cascading Style Sheets 11 September 13th, 2006 03:56 PM
Gradient Background aliddle General .NET 1 February 8th, 2005 12:43 PM
CSS Layout Divs Truce77 PHP How-To 2 March 29th, 2004 07:29 PM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.