icon Get the most out of Surmunity, read our tips here! Need an interesting blog to read? You've got to read the Surpass Blog! | Welcome! Please register to access all of our features.
Old March 8th, 2005, 5:08 PM   #1 (permalink)
Registered User
Seasoned Poster
 
hugin's Avatar
 
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
hugin is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old March 8th, 2005, 6:43 PM   #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!
spartas is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old March 8th, 2005, 8:33 PM   #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
Kickersny.com is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old March 8th, 2005, 9:57 PM   #4 (permalink)
Registered User
Seasoned Poster
 
hugin's Avatar
 
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
hugin is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
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 edit your posts

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