/    Sign up×
Community /Pin to ProfileBookmark

stop bkg image vertical tiling before bottom?

Copy linkTweet thisAlerts:
May 05.2007

Seems like an odd request but, my layout issues are such that I am combining some css…

background:url(‘layout/menu-bkg.gif’) repeat-y 3px;

…with some javascript that forces me to find a way to get the above-referenced background image to STOP tiling n pixels before it reaches the bottom.

Is there some sort of bottom-margin (bottom-margin doesn’t work) I can use to cut off the tiling?

Thanks!

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelMay 05.2007 — Seems like an odd request but, my layout issues are such that I am combining some css...

background:url('layout/menu-bkg.gif') repeat-y 3px;

...with some javascript that forces me to find a way to get the above-referenced background image to STOP tiling n pixels before it reaches the bottom.

Is there some sort of bottom-margin (bottom-margin doesn't work) I can use to cut off the tiling?

Thanks![/QUOTE] I've never tried this, -but in your example if 3px is a starting location, it is 3-px from the top(?) Assuming top-right-bottom-left, would this work?

background:url('layout/menu-bkg.gif') repeat-y 3px 0 [B]25%[/B] 0;

which might (but I doubt it) stop the tiling at bottom at 25% of height of container(??)
Copy linkTweet thisAlerts:
@GoldDogauthorMay 05.2007 — Actually, that 3px offset was from the left. When I add dimensions for the other three sides of the container they seem to have no effect in IE, and in FF force the background image to disappear entirely.

To fully outline what's going on I'd have to post a lot of code here so, instead here is the url: http://golddogdesign.com/IHCenter/programs.cfm

My question relates to the dropdown menu background image, which you will see runs below the bottom container for each menu link.

You will also notice that I have another unsolved issue regarding text wrapping inside those menus: I am using text-indent:27px; to gain the initial indent on each link, but that does not address link titles that are too long for one line.

Any ideas? Thanks again.
Copy linkTweet thisAlerts:
@WebJoelMay 05.2007 — Some warnings to clean-up in the code, -69 of them. Most are benign enough, but <script> before !doctype won't work, and there are two "<html>" tags.

[B]<script language="JavaScript" type="text/javascript">

<!-- //

function goThere(i) {

window.location=i;

}

// -->

</script>[/B]


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<[B]html[/B] xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<[B]html[/B]>

<head>...[/QUOTE]

What is this image that you want tiled? Is it the curvy-corner thing for the bottom of each drop-down list? If this is it, -why 'tile' it? Make it be postioned at absolute bottom of each relative-postioned drop-down?

yeah, -I suspect that '[I]background-position[/I]' would be along one x-axis and one y-axis (hence, [I]top left[/I] or [I]center center[/I] etc)
×

Success!

Help @GoldDog 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 6.17,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...