Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > HTML > BOOK: Beginning HTML, XHTML, CSS, and JavaScript
Password Reminder
Register
Register | FAQ | Members List | Calendar | 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 tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developers’ questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Search this Thread Display Modes
  #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.
Reply With Quote
  #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?
Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off


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



All times are GMT -4. The time now is 12:30 AM.


Powered by vBulletin®
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.