CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old July 27th, 2003, 03:36 AM
Ruy Ruy is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2003
Location: Vancouver
Posts: 100 Ruy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via ICQ to Ruy
Cool CSS Challange: custom framing of a plain DIV

I am wondering weather it is possible to put a "custom" frame (i.e. made from images) on a plain div (i.e., there should be no special provisions within the div's html if possible)

To give you a rough idea what I mean, check this out:

http://projects.bigvertigo.com/empire/test.htm

The custom frame in this instance is an extruded box with rounded corners.

The first box is how the html i want to work with should look like. Just a div with an id or a class assigned and nothing else inside it that is special.

The second box is what I would like to achive (albeit done with a table, and a rushed one to that, I doube it will work in anything but IE).


Is what I'm trying to do possible within CSS?

At the very least possible with vertical stretching only?

At the very very least possible with MINIMAL special provisions inside the html?

Thanks in advance.
If this can in fact be done, I am *deffinately* going to migrate away from tables.
__________________
the DOM hates me

Last edited by Ruy : July 27th, 2003 at 03:39 AM.

Reply With Quote
  #2  
Old July 27th, 2003, 06:10 PM
Ruy Ruy is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2003
Location: Vancouver
Posts: 100 Ruy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via ICQ to Ruy
bump?

Reply With Quote
  #3  
Old July 27th, 2003, 06:44 PM
Hero Zzyzzx's Avatar
Hero Zzyzzx Hero Zzyzzx is offline
11
Dev Shed Demi-God (4500 - 4999 posts)
 
Join Date: Jul 2001
Location: Lynn, MA
Posts: 4,632 Hero Zzyzzx User rank is Second Lieutenant (5000 - 10000 Reputation Level)Hero Zzyzzx User rank is Second Lieutenant (5000 - 10000 Reputation Level)Hero Zzyzzx User rank is Second Lieutenant (5000 - 10000 Reputation Level)Hero Zzyzzx User rank is Second Lieutenant (5000 - 10000 Reputation Level)Hero Zzyzzx User rank is Second Lieutenant (5000 - 10000 Reputation Level)Hero Zzyzzx User rank is Second Lieutenant (5000 - 10000 Reputation Level)Hero Zzyzzx User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 4 Days 23 h 12 m 33 sec
Reputation Power: 76
Send a message via AIM to Hero Zzyzzx
Please don't bump posts. It's selfish and pointless. Folks will get around to answering your question if/when they have thoughts about it.

Have you looked at background-image and related properties?

http://www.w3.org/TR/CSS2/colors.html

Reply With Quote
  #4  
Old July 28th, 2003, 01:57 AM
Ruy Ruy is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2003
Location: Vancouver
Posts: 100 Ruy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via ICQ to Ruy
Yes, yes I have and unfortunately, it is not (by a long shot) sufficient for what I'm trying to do.

What I need it to do (and normal CSS2 properties cannot) is:
- specify a fixed image at the top
- specify an x-repeating image in the middle
- specify a fixed image at the bottom.

optimally, i'd like to define fixed images in the 4 corners and repeating images for the sides (x repeating for left and right sides, y repeating for top and bottom).

In fact, i've been reading a significant portion of the W3C document on CSS2. Nothing there seems to do the trick.
(Although the :before and :after pseudo-elements looked promising. Unfortunately, neither are supported by IE or NN)

So at this point I'm starting to look for some trick external to CSS.

Also, if anyone could tell me that yes, this is impossible and I'm wasting my time it would be about as apretiated as a solution.

Reply With Quote
  #5  
Old July 28th, 2003, 10:08 AM
Eclipce Eclipce is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
 
Join Date: Sep 2000
Posts: 763 Eclipce User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 5 h 29 m 25 sec
Reputation Power: 0
I have mostly seen tables used for custom frames.

Reply With Quote
  #6  
Old July 29th, 2003, 12:57 PM
Ruy Ruy is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2003
Location: Vancouver
Posts: 100 Ruy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via ICQ to Ruy
thats right - but can divs do it :P

Reply With Quote
  #7  
Old July 29th, 2003, 02:27 PM
Eclipce Eclipce is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
 
Join Date: Sep 2000
Posts: 763 Eclipce User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 5 h 29 m 25 sec
Reputation Power: 0
Try http://www.w3.org/TR/css3-border/#the-border-image
Although it is css3 and might not work in any browsers yet.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > CSS Challange: custom framing of a plain DIV


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 

IBM developerWorks




© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 3 hosted by Hostway