2 replies [Last post]
KubitDesign
KubitDesign's picture
Offline
newbie
London
Last seen: 2 years 15 weeks ago
London
Timezone: GMT+1
Joined: 2011-06-09
Posts: 6
Points: 10

Hi There,

I just cant seem to get my head around this problem, I have a table and I have set a background image for the table.

However the table contents do not fit the image correctly and the content needs to be padded at the top and the bottom away from the borders I have tried the obvious with luck! I wonder if anyone has any ideas?

Page:

http://kubitdesign.com/GAC/?btp_client=e

You will notice what I mean when you scroll to the bottom of the page!

Thanks in advance!

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 8 weeks 8 hours ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

Hello, I took a look at the

Hello,
I took a look at the site and i think the primary problem is that the image isnt big enough to fit all the "Credits" (i hope i am lookin at the correct problem area). Anyways here is a small example of what you can do & try out -

table{
background: url(yourbackgroundimage.jpg) no-repeat 10px 30px;
}

Regards,
Mihir

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

KubitDesign
KubitDesign's picture
Offline
newbie
London
Last seen: 2 years 15 weeks ago
London
Timezone: GMT+1
Joined: 2011-06-09
Posts: 6
Points: 10

Hi Mihir May thanks for your

Hi Mihir

May thanks for your reply,

I tried what you had suggested but had no luck! Sad

The problem is that the image I have used (the one my client really wants to use) is a scroll as you can see.

The image has been scaled to fit the table 100% so this isn't really the issue, the credits text needs to be padded at the top and the bottom so it fits in the scroll image correctly i.e under (at the top) and above (at the bottom) of the scrolls folded edges, so it appears to be sat on the scroll properly and not overlapping the folded edges.

The ideal solution would be to add a few empty cells at the top and the bottom so as to push the content into place.

However I have several of these tables on many pages and I would really like to be able to style these tables via CSS instead of having to manually manipulate each one separately! (there are loads)

I would appreciate any help with this!