/    Sign up×
Community /Pin to ProfileBookmark

I need a cell to be ‘fixed’ and not to stretch when more content is added

Copy linkTweet thisAlerts:
Nov 19.2006

[URL=www.steve-dean.com]http://www.steve-dean.com/home.html[/URL]

Firstly I should say that the problem does not display in Opera or Firefox, but in Internet Explorer. (As a PC user I cannot comment on Netscape / Safari etc)

The probem lies in the knotwork border on the right. Basically there are two cells, one on top (displaying the bottom half of the knotwork) and one below that with the green / white which is SUPPOSED to be the cell that repeats.

Now the problem is that the top cell with the knotwork is the one repeating, which looks terrible, as you can see. I want the bottom cell to be the one that repeats, as it is a repeatable image. The knotwork cell NEEDS to be fixed somehow, leaving the bottom cell to do the repeating or ‘stretching’ as it were.

So how do I get that cell to remain fixed, so the knotwork stays at the top where it should, and the cell below it repeats instead.

I hope that clear enought to understand, and any help is massively appreciated, as this is for my client.

to post a comment
HTML

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@holyhttpNov 20.2006 — The trick would be to use CSS instead or regular HTML background. Instead of

<td width="113" height="449" nowrap="nowrap" background="images/right1.jpg">

you could put

<td width="113" height="449" nowrap="nowrap" style="background: url(images/right1.jpg) no-repeat 0px 0px;" >
Copy linkTweet thisAlerts:
@DemonauthorNov 20.2006 — Ok so if that's the code i'd use for that cell, what would I add to the CSS?

If possible (as coding wise im still sketchy) could you please provide a step by step instruction of what codes I add where and how exacty I solve the problem. It would be greatly appreciated.

Also, any other general pointers and things I could improve on would be appreciated.
Copy linkTweet thisAlerts:
@yellabuffNov 20.2006 — You wouldn't need to add code to the CSS. The style attribute on the TD is the CSS. If you wanted the CSS separate change

<td width="113" height="449" nowrap="nowrap" style="background: url(images/right1.jpg) no-repeat 0px 0px;" >

to

<td width="113" height="449" nowrap="nowrap" class="cellBgImage">

and add

<style>

.cellBgImage {

background: url(images/right1.jpg) no-repeat 0px 0px;

}

</style>

in the <head></head> section
Copy linkTweet thisAlerts:
@DemonauthorNov 20.2006 — Ok great, but instead of including the <style> part in the header, can I put it in the CSS instead, so it can be applied to all my pages quicker?

Also, by adding this, will the cell below then be the one that 'stretches', as that's what I'm hoping for.

Thanks so far for your help.
Copy linkTweet thisAlerts:
@DemonauthorNov 20.2006 — Sorry to double post, but this problem has now been solved-ish, thanks to a friend on MSN.

It now looks awsome in IE, but the border it an inch off on SOME pages in Opera and Firefox.

I just can't win. ?
×

Success!

Help @Demon spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...