/    Sign up×
Community /Pin to ProfileBookmark

Imgs and CSS

Copy linkTweet thisAlerts:
Feb 13.2004

This is basic stuff, but I just need a little help.

I have an image that is 25px wide by 1px high that I want to repeat vertically down the page to form the border of a column. I’ve tried the following

position:absolute;
top:0px;
bottom:0px;

but that doesn’t work.

I would appreciate a little help…here’s a link to what I’m working on:

[url]http://www.cae.wisc.edu/~joneill/wireless/work2.html[/url]

The img is supposed to go along the left side of the red column on the right and it is the exact same as the one that lies beneath the header, only it’s flipped on its side.

Thanks!

-jinkas

to post a comment
CSS

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@SamFeb 13.2004 — <i>
</i>.className{
background: #ffffff url(img.gif) repeat-y;
}
Copy linkTweet thisAlerts:
@jinkasauthorFeb 13.2004 — Thanks!

Is there any other way to do it? The image has to lie outside of the column to line up with the rest of the page, so just making it the background doesn't work. That's good advice, though. Thanks for helping.

-jinkas
Copy linkTweet thisAlerts:
@SamFeb 13.2004 — kinda a css noob, so not entirely sure... couldn't you just create another div to contain that background image?
Copy linkTweet thisAlerts:
@jinkasauthorFeb 13.2004 — Hmmm...that's a good idea...

Thanks!

-jinkas
Copy linkTweet thisAlerts:
@Paul_JrFeb 13.2004 — Try
<i>
</i>html, body {
background: url(img.jpg) #FFF repeat-y right 50px;
}

You'll have to adjust as needed.
Copy linkTweet thisAlerts:
@SamFeb 14.2004 — but his site isn't fixed width, its set to 100%, so it would look bad if you didn't have the same resolution as him...
Copy linkTweet thisAlerts:
@Paul_JrFeb 14.2004 — [i]Originally posted by samij586 [/i]

[B]but his site isn't fixed width, its set to 100%, so it would look bad if you didn't have the same resolution as him... [/B][/QUOTE]
You're refering to the [FONT=courier new]50px;[/FONT] in the code above? You are correct, but I just added that in for example. He'll have to adjust that to get it lined up correctly with the stuff at the top of the page. You can change it to em, or %, or whatever it is you'd like. ?
Copy linkTweet thisAlerts:
@jinkasauthorFeb 17.2004 — Thanks for all your help!

-jinkas
×

Success!

Help @jinkas 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.21,
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,
)...