WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > Issue with relative box when window resized

Reply
  Thread Tools Display Modes
Old 8th June 13, 08:07 AM   #1
elieg
WLC Member
 
Join Date: Jun 2013
Posts: 3
Default Issue with relative box when window resized

I'm trying to implement the sliding transparent overlay on my sight but I'm having a problem with the positioning of the DIV. When the window is re-sized the div does not retain relativity to the menu items above. Can someone give a pointer as to how this can be achieved?

This is what I'm trying to emulate.......http://www.daphnes-restaurant.co.uk/...l-information/

Here's my website.........http://www.galu.co.uk/newsite/goforitg.html

The yellow box remains relative to the red box but when my window is re-sized I would like the red box to be left align to the window so the users can see easier. A kind of "left align object£ on window re-size. If that makes sense.
elieg is offline   Reply With Quote
Old 9th June 13, 12:11 AM   #2
meesa
WLC Mod
 
meesa's Avatar
 
Join Date: Jul 2009
Location: Milky Way Galaxy
Posts: 3,710
Default Re: Issue with relative box when window resized

The best way to learn how to do any technique that you have an example of, is to study that example's code. You never know what else you might learn in the mean time.
__________________
Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.
meesa is offline   Reply With Quote
Old 1st July 13, 09:18 AM   #3
elieg
WLC Member
 
Join Date: Jun 2013
Posts: 3
Default Re: Issue with relative box when window resized

Thnx for the info messa. Done just that which has taken forward to a near finish. I'm now stuck at the final hurdle......trying to ....... 1. Include the toggle button within the sliding DIV and name it "Hide".
2. Slide the DIV but leave a small portion visible on the left with a "Show" button.
3. Fade DIV text prior to sliding DIV (This currently works but I cannot get the text to re-appear when button is press again to re-show DIV

Any help would be much appreciated. Almost loosing the will to live trying to figure this out.
elieg is offline   Reply With Quote
Old 1st July 13, 09:19 AM   #4
elieg
WLC Member
 
Join Date: Jun 2013
Posts: 3
Default Re: Issue with relative box when window resized

Sory here's the site now ....... http://www.galu.co.uk/newsite/index.html
elieg is offline   Reply With Quote
Old 1st July 13, 11:09 PM   #5
meesa
WLC Mod
 
meesa's Avatar
 
Join Date: Jul 2009
Location: Milky Way Galaxy
Posts: 3,710
Default Re: Issue with relative box when window resized

1. Use a sprite image and JS.

2. How does it slide in/out? Where is the script that controls it?

3. Do the opposite of what you did to make it disappear. (Need answer to #2)
__________________
Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.
meesa is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

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. The time now is 04:05 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyright© 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.