[advanced search]
 

Go Back   NamePros.com > Discussion > Web Design & Development > Programming

Programming PHP, Perl, Ruby on Rails, AJAX, HTML, XHTML, CSS, JavaScript, MySQL and any other coding topics.


Closed Thread
 
LinkBack Thread Tools
Old 04-07-2004, 09:50 AM   #1 (permalink)
New Member
 
Join Date: Apr 2004
Posts: 5
5.00 NP$ (Donate)

aSpire2004 is an unknown quantity at this point


Question Table Cells/Image Background

This question is directed at Webmasters using that use Photoshop & ImageReady Or similar graphics package as the means of building there site...

Heres what im trying to do....

Make only image in a table cell the table cell background instead of an image in the cell
the cell dimensions are already setup to all the image sizes, Ive just completed a layout in Photoshop/sliced&optimized in ImageReady

I use Dreamweaver MX 2004 & know/understand html/xhtml

Thanks !
aSpire2004 is offline  
Old 04-07-2004, 01:06 PM   #2 (permalink)
NamePros Member
 
Join Date: Apr 2004
Location: Sweden
Posts: 47
85.00 NP$ (Donate)

bassplayinuk is an unknown quantity at this point


To do this is simple. Just goto the cell properties and select the background image you wish to use.

I use Dremaweaver MX and it doesn't seem to allow you to set wether the image repeats or not. To get round the image repeating in the background I suggest using CSS to set the cell background as the CSS property editor allows for the user to set weather the background repeats or not.

Just created some CSS code for you to show how to use a class to give a background to a cell that doesn't repeat.

This goes between the <head></head> tags: -

Quote:
<style type="text/css">
<!--
.cellbackground {
background-image: url(background.jpg);
background-repeat: no-repeat;
}
-->
</style>
Then in the <td> tag of the cell you wish the background to appear in put this: -

Quote:
class="cellbackground"
e.g. <td class="cellbackground">

PM me if you need some assistance.

Last edited by bassplayinuk; 04-07-2004 at 01:14 PM.
bassplayinuk is offline  
Old 04-07-2004, 02:37 PM   #3 (permalink)
New Member
 
Join Date: Apr 2004
Posts: 5
5.00 NP$ (Donate)

aSpire2004 is an unknown quantity at this point


Lightbulb

Thanks for the help! but I fixed it like 5 mins after posting
Ill prob\bly find uses for the code you posted though.

ImageReady code that was applied to all layout parts,


<td>
<img src="images/image.gif" width="100" height="100"></td>

New code that I applied to all cells to fix the layout parts to the background to form editable regions (you cant type over an image)

<td background="images/image.gif">
aSpire2004 is offline  
Old 04-07-2004, 10:17 PM   #4 (permalink)
NamePros Member
 
Join Date: Apr 2004
Location: Sweden
Posts: 47
85.00 NP$ (Donate)

bassplayinuk is an unknown quantity at this point


Fair enough. It would be worth looking into CSS when you have the chance. When you start using it you'll wonder how you managed without it.
bassplayinuk is offline  
Old 04-08-2004, 03:23 AM   #5 (permalink)
NamePros Member
 
OneEyedDog's Avatar
 
Join Date: Mar 2004
Location: Middle Earth (NZ)
Posts: 162
104.00 NP$ (Donate)

OneEyedDog is on a distinguished road


Quote:
Originally posted by bassplayinuk
Fair enough. It would be worth looking into CSS when you have the chance. When you start using it you'll wonder how you managed without it.
Amen to that! CSS really is worth learning!
__________________
Script Installation, Avatars, Banners and Buttons for $NP or Paypal, PM me your requirements :D
Deni J Vanin | Freelance Jobs and Forums | Web Design
OneEyedDog is offline  
Closed Thread


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

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 On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Site Sponsors
Advertise your business at NamePros

All times are GMT -7. The time now is 11:26 PM.


Powered by: vBulletin® Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.3.0
Template-Modifications by TMS
vBCredits v1.4 Copyright ©2007 - 2008, PixelFX Studios

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85