View Full Version : Slide DIV
Googled. Only confused me more.
http://lukebateson.com
At the bottom I have a footer with a 'navigation'. It has 'sub links' under the social category. I want the div to start lower down, and slide up, when clicking the social button, anyone know how I could do this?
Thanks
Luke
HotelUser
27-06-2011, 04:51 AM
Something like this http://develop.davzy.com/lukebateson ?
Some things to consider:
1. I've removed the margins on the images
2. I've created a section after #container called #links to store each group of links
3. the id for the containers holding links is for_(alt attribute for main links). So for instance if you click 'Home' the alt for home is alt="Home" so the id of the div containing sublinks for Home would be for_Home
4. I've removed the need for the image place.png, due to it not playing nice when the footer expands even with no repeat-y
5. The Javascript I've created for this is in javascript.js, and I've included it, and jquery in the index
6. All CSS modifications and javascript I've put comments on
download zip (http://develop.davzy.com/lukebateson/lukebateson.zip)
You sir, are an utter legend. Thank you so much!
Something like this http://develop.davzy.com/lukebateson ?
Some things to consider:
1. I've removed the margins on the images
2. I've created a section after #container called #links to store each group of links
3. the id for the containers holding links is for_(alt attribute for main links). So for instance if you click 'Home' the alt for home is alt="Home" so the id of the div containing sublinks for Home would be for_Home
4. I've removed the need for the image place.png, due to it not playing nice when the footer expands even with no repeat-y
5. The Javascript I've created for this is in javascript.js, and I've included it, and jquery in the index
6. All CSS modifications and javascript I've put comments on
download zip (http://develop.davzy.com/lukebateson/lukebateson.zip)
Edit; just noticed, there's a scoll bar, is there a way to stop that?
HotelUser
27-06-2011, 02:24 PM
Edit; just noticed, there's a scoll bar, is there a way to stop that?
Add
top: -1000px; to the styling for #links.
Add
top: -1000px; to the styling for #links.
Again, Many Thanks!
Want to hide these adverts? Register an account for free!
Powered by vBulletin® Version 4.2.5 Copyright © 2024 vBulletin Solutions Inc. All rights reserved.