Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
css image, scroll attachment
Old 05-06-2010, 10:11 PM css image, scroll attachment - FIXED
Skilled Talker

Posts: 69
Name: Greg
Location: South Carolina
Trades: 0
I have seen before where you can use your css to "float" an image say bottom right of the screen and when the users scrolls, the images go with the page. Is this css or jscript ?

http://outdoorsindoors.net/DEV/BVO/

I am trying to get the facebook/blogger icons to stick with the page and stay at the bottom right corner, always.

any ideas?

thanks

Last edited by scuts; 05-10-2010 at 12:00 PM..
scuts is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 05-07-2010, 12:52 PM Re: css image, scroll attachment
aldor's Avatar
Ultra Talker

Posts: 479
Name: Alan
Location: Lincoln(UK)
Trades: 0
Use CSS position fixed.
aldor is offline
Reply With Quote
View Public Profile
 
Old 05-08-2010, 09:33 PM Re: css image, scroll attachment
monkey's Avatar
Ultra Talker

Posts: 487
Trades: 0
Code:
<div class="facebook" >
<a href="http://www.facebook.com/pages/Buckventures-Outdoors/10150114226955297?ref=ts&v=wall" target="_blank"><img src="themes/BVO/facebook.png" border="0"></a>
</div>
<div class="blog">
<a href="http://www.facebook.com/pages/Buckventures-Outdoors/10150114226955297?ref=ts&v=wall" target="_blank"><img src="themes/BVO/blogger.png" border="0"></a>
</div>
Code:
.facebook{ height:76px; width:77px; padding:0; position:absolute; bottom: 15px; right:5px;  margin: 5px 5px 5px 5px; }

.blog{ height:76px; width:77px; padding:0; position:absolute; bottom: 100px; right:5px; margin: 5px 5px 5px 5px; }
Just a quick glance. Code is kinda sloppy to look at, but I think that's all they used.
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
monkey is offline
Reply With Quote
View Public Profile Visit monkey's homepage!
 
Old 05-10-2010, 11:44 AM Re: css image, scroll attachment
Skilled Talker

Posts: 69
Name: Greg
Location: South Carolina
Trades: 0
sorry about the slopiness, its in development. I tried the fixed and that did not work. I guess I am wondering if the facebook/blog images should be backgrounds or images as I have in the above code that monkey pasted. The fixed would only apply if it was a background image in the div correct? If I make that a background image and not a <img src how would you make it clickable?
scuts is offline
Reply With Quote
View Public Profile
 
Old 05-10-2010, 11:52 AM Re: css image, scroll attachment
Skilled Talker

Posts: 69
Name: Greg
Location: South Carolina
Trades: 0
ok, i cleaned up the css a bit


http://outdoorsindoors.net/DEV/BVO/

I got the fixed working, now it is doing what i want it to, but how do I make those a link, being that they are now background images and not images?

Code:
.facebook {
    background-image:url('facebook.png');
    height:76px;
    width:77px;
    padding:0;
    position:fixed;
    bottom: 15px;
    right:5px;
    margin: 5px 5px 5px 5px;
}
.blog {
    background-image:url('blogger.png');
    height:76px;
    width:77px;
    padding:0;
    position:fixed;
    bottom: 100px;
    right:5px;
    margin: 5px 5px 5px 5px;
}


<div class="facebook"></div><div class="blog"></div>
scuts is offline
Reply With Quote
View Public Profile
 
Old 05-10-2010, 11:54 AM Re: css image, scroll attachment
Skilled Talker

Posts: 69
Name: Greg
Location: South Carolina
Trades: 0
actually, got that working too. just applied the class to the image instead of the div. you guys rock.

thanks a lot
scuts is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to css image, scroll attachment
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.80344 seconds with 12 queries