|
|
#1 (permalink) |
|
Registered User
Seasoned Poster
Joined in Aug 2004
Lives in Joplin, MO
Hosted on opti
49 posts
Gave thanks: 0
Thanked 0 times
|
Gradients and/or Stretchy Images
I'm working on a new template for part of my website. I'm making just about everything using tables and css right now. Many of these table cells are using <?php require_once('whatever.php'); ?> so that the cells will dynamically stretch to fit whatever content is being "included" in that cell. This is about standard for templates from what I can tell. What I'm trying to do is get one or two cells (for the borders) to have some sort of gradient in them. I can't find any way to make gradients in html or css and I have not been able to get an image of a gradient to stretch across the entire cell. Any help would be greatly appreciated, thanks
![]() |
|
|
|
|
|
#2 (permalink) |
|
surmunity freak
Comfy Contributor
Joined in Sep 2004
Lives in Baton Rouge, LA, North Amewica, USA, Earth
Hosted on D68; Serva; Pass15
143 posts
Gave thanks: 0
Thanked 0 times
|
It would be very difficult to "stretch" an image as you say when you are trying it make it fit into a stretchable box. If you could limit the size of the box (most likely by making it limited horizontally and longer vertically) you could create an image gradient that is the width or height of the box and have it repeat either vertically or horizontally depending on which side you let move.
I've noticed that fixed layouts are becoming more the norm, and even though you are wasting a lot of screen landscape, it makes for a better-looking site. Most of them create the background of both columns in the photo and repeat the vertically, as I have done on my site.
__________________
Server: Pass15 twwright.net NoE Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.6) Gecko/20050405 Firefox/1.0 (Ubuntu package 1.0.2) I run ubuntu hoary! |
|
|
|
|
|
#3 (permalink) |
|
Surpass Fan
Super #1
Joined in Aug 2004
Hosted on SH58
1,688 posts
Gave thanks: 6
Thanked 7 times
|
very rarely does one need to resort to fixed layouts. There's almost always a way which will work with all screen sizes and resolutions. for the image to stretch, simple set style="width: 100%;" and on the table cell place style="margin: 0px; padding: 0px;"
__________________
- Evan Charlton | [site] | Server - SH58 |
|
|
|
|
|
#4 (permalink) |
|
Registered User
Seasoned Poster
Joined in Aug 2004
Lives in Joplin, MO
Hosted on opti
49 posts
Gave thanks: 0
Thanked 0 times
|
Well, here's the site I've been experimenting around with. I made this a while back for my EverQuest II guild but then progress was cancelled because the guild broke up when everyone left for World of Warcraft
![]() EQ2 page here Before I start working on my new pages (for a different section of the site) I'm trying to figure out how to do a gradient thing using this site to change random stuff around. I was going to change my border around the right and left sides of the page to the gradient to see if I can get it to work like that, but I still can't find a way to get it to work. Here's the same page with messed up gradient borders. Bad gradients The gradient on the left is an 10x50 image and the one on the right is 10x800 because I was trying to see which looked better: making a small gradient scale up, or making a large gradient scale down. Thanks ![]() |
|
|
|
![]() |
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | Search this Thread |
| Rate This Thread | |
|
|