features-slider - background image moving
Posted 17 April 2012 - 06:04 PM
Posted 17 April 2012 - 06:09 PM
Posted 17 April 2012 - 07:06 PM
Posted 17 April 2012 - 08:50 PM
Posted 17 April 2012 - 09:53 PM
Posted 18 April 2012 - 02:29 AM
Posted 20 April 2012 - 10:21 PM
I'm sorry for this delay but I had a long graphic workaround in order to have a pre-final release of the display. This way I guess it would be a bit easier to get what I mean.
At first I followed mrfent's suggestion: to create a bigger slider so to put all images into it.
I did it (at least about the slider's size)... it could work but where I move up the 'media content' it tends to hidden at the secondnav bottom.
This is the code
An alternative solution could be to create an image with some graphic objects to overlay the 'media content' transparent area but I guess such image could get the same problem by secondnav bottom margins.
At second I'm trying to move 'features footer' to the right side of the display but it disappears because it goes over the page content width.
This is the code
Any help is much appreciated
Posted 21 April 2012 - 03:22 PM
Posted 21 April 2012 - 08:11 PM
This is the code:
Did you check it by firebug?
The 'content' or 'content-pad' showcases like a thin wide blue line... is it correct?
Could it be the 'wall' that will prevent the slider-media to move up till to secondnav bottom?
Posted 22 April 2012 - 03:23 PM
- list itself) is moved separately, out of the container. If you try moving the container itself, then the feature slider below it can be pushed up. You'll need to adjust the bottom margin of the section using this attribute for #secondnav div.container.section.second-nav.fix ul.secondnav_menu:
This will affect the placement of that image you have between the logo and feature slider, however. That will also need to be re-positioned with CSS.
Posted 22 April 2012 - 04:36 PM
Posted 22 April 2012 - 05:39 PM
Is this the CSS you suggest to use? (I test it but it seems to produce no effect... probably I did wrong something)
Posted 22 April 2012 - 09:32 PM
I found my bad (it doesn't need 'div')
Now the code works and the 'fmedia' moves a bit up but unfortunately its top still results hidden by the container-bottom.
I tried also by 'z-index: 1' to 'fmedia' but no way.
Posted 23 April 2012 - 09:44 AM
If you're referring to the feature slider image, simply lower the -50px in margin-top to a lower higher value such as -10px like so:
Posted 23 April 2012 - 04:39 PM
I already did it but as more I lower the negative value as more the secondnav container will push down the slider.
the problem is how to overlap the container... because currently the container will 'hide' the top area of the slider.
Please look at this 'mockup' of what I'd like to do
Posted 23 April 2012 - 08:00 PM
I changed it to:
and the background image showed up just as described in your screenshot.
Posted 23 April 2012 - 09:08 PM
Posted 24 April 2012 - 02:48 AM
Posted 24 April 2012 - 02:27 PM
Here's the code
I'm sorry but I have to reject. Your help is appreciated anyway.
Posted 24 April 2012 - 03:37 PM
... which is the section as a whole. Instead, you should try applying it toward the image itself, like:
I don't know if this will work as you now have too many CSS elements that are overriding each other. Plus some of your elements are incorrect. For example:
... should just be:
Your site design is being thrown off by using incorrect elements. You have several of these in your CSS.