Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 12-13-2007, 09:50 PM   PM User | #1
Bengal313
Regular Coder

 
Bengal313's Avatar
 
Join Date: Jun 2002
Location: Metro Detroit
Posts: 298
Thanks: 8
Thanked 0 Times in 0 Posts
Bengal313 is an unknown quantity at this point
Background image..One image file with mulitple images?

Okay I am trying learn some web design technique and for the life of me I can't figure out how they are doing this. This website (http://www.adventnet.com/) has this file

http://image.adventnet.com/adventnethomepageimages.gif


as it's background image. But the one .gif file has all the images needed for the site. Where can I find a tutorial to learn this technique. It's kinda cool. I'm thinking advanced CSS has something to do with it.
__________________
"Knowledge Speaks But Wisdom Listens"
Bengal313 is offline   Reply With Quote
Old 12-13-2007, 09:52 PM   PM User | #2
Apostropartheid
The Apostate


 
Apostropartheid's Avatar
 
Join Date: Oct 2007
Posts: 3,215
Thanks: 16
Thanked 265 Times in 263 Posts
Apostropartheid is on a distinguished road
I'm thinking this has something to do with negative margins, which pull back the background image to display only the part needed
__________________
Blog | Twitter
Useful links: W3C HTML Validator | W3C CSS Validator | HTML 5 Guide
CF: HTML & CSS Resources/Tutorials Thread | HTML & CSS Posting Rules and Guidelines
Remember: no link, no code, no help!
Apostropartheid is offline   Reply With Quote
Old 12-14-2007, 02:04 AM   PM User | #3
GO ILLINI
Regular Coder

 
GO ILLINI's Avatar
 
Join Date: Jun 2005
Location: USA
Posts: 634
Thanks: 0
Thanked 7 Times in 7 Posts
GO ILLINI is an unknown quantity at this point
you specify a width and a height, then the background-position
http://www.w3schools.com/css/pr_background-position.asp
or do it all in 1 description:
Code:
background: url("images/bg_tabs2.gif") no-repeat 100% -35px;
the -35px moves the image 35 pixels up so you cant see the top 35px.

-Adam
__________________
Why not thank me?

http://adamsworld.name
GO ILLINI is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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

Forum Jump


All times are GMT +1. The time now is 07:52 AM.


Advertisement
Log in to turn off these ads.