- This topic is empty.
-
AuthorPosts
-
February 19, 2013 at 10:31 pm #42874iniestarParticipant
Hello guys,
I’m trying to do a menu for my page and so far I’ve got this…
Well the problem is I want to make the down images grow and move to down so it doesn’t overcome the others and maintain the organisation of the menu . Is that possible?
Sorry my awful english
Thanks for the attention
CheersFebruary 19, 2013 at 10:42 pm #125352wolfcry911Participantyou’ve mixed up ids and classes – ids are unique while classes can be used on multiple elements
February 19, 2013 at 10:43 pm #125353ChrisPParticipantHey @iniestar,
> Well the problem is I want to make the down images grow and move to down so it doesn’t overcome the others and maintain the organisation of the menu .
I’m a little confused about that, not sure what you’re looking for them to do.
My first thought was if you want them to expand so it doesn’t effect anything else, try `transform: scale`
Here’s a fork http://jsfiddle.net/wHjgA/1/
February 20, 2013 at 10:30 am #125407iniestarParticipantFirst of all, thank you guys for the help
@wolfcry911, you’re right about the ID and Class, i’ll keep that in mind ;)
You kind of solved the problem whit the images below but that messed up whit the upper images.
@ChrisP, transform:scale worked well, although it doesn’t affect the other images position… but I can live without that.
There is any way to control the others position?cheers
February 20, 2013 at 10:34 am #125408Paulie_DMember>There is any way to control the others position?
Of course. it just depend on what you want them to do. The real issue is that using absolute positioning (which I agree you pretty much have to in this instance) it adds extra complication.
Maintainability and extendibility might be problematical.
February 20, 2013 at 10:59 am #125411iniestarParticipantI just want to make the others images to move on mouseover so none of them it’s covered by the scaled image
February 22, 2013 at 6:33 pm #125689 -
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.