Attention!

These forums are not monitored. We provide the discussions forum as a place for users of free extensions to help each other and find answers, not as a place for our staff to deal with urgent support issues. Our staff very rarely responds to forum posts. Occasionally we will respond to forum posts but responses are not guaranteed.

If you have an active subscription for a commercial extension and wish to receive support please login to your Artetics.com account and submit a ticket. The ticketing system is the best way for you to get assistance in a timely manner.

Thank you!

Categories
Subscribe  
  RSS Feed
Subscribe to this site with an RSS Feed Reader
  Receive E-mail Updates
Subscribe to receive e-mail updates from this site
New

Vertical alignment issue

Art CSS Dock
  Art CSS Dock
Dran
  Dran
  Tuesday, 07 February 2012
  19 Replies
  8.1K Visits
0
Votes
Undo
Hi
Great extension, but I\'ve a little problem with vertical alignment.
When moving cursor over an icon, icon grows, which is great, but all icons go down as if the whole area was top-aligned. In your demo, bottom of symbols remain unchanged, which is better... I tried several changes in my css, but didnt succeed.
Any idea on this issue ?
Thanks
Dran
Oldest First  
Artetics Team
Artetics Team
more than a month ago
·
#15287
0
Votes
Undo
Hello,

What is the URL to have a look?

Regards,
artetics.com team
If your question has been answered, please choose "Accept as Answer" on the correct post and/or mark your question as Resolved.
Dran
Dran
more than a month ago
·
#15288
0
Votes
Undo
Hi
Did you get some time to have a look to my URL //sites.gresipc.com/test2.5?
Thx
Artetics Team
Artetics Team
more than a month ago
·
#15289
0
Votes
Undo
You indicate this URL first time, we have never seen it before.

Will look into this and will be back to you shortly.

Regards,
artetics.com team
If your question has been answered, please choose "Accept as Answer" on the correct post and/or mark your question as Resolved.
Artetics Team
Artetics Team
more than a month ago
·
#15290
0
Votes
Undo
This is because <div id=\"line\"> DOM element in your template has absolute positioning.

Does such effect appear if you place the module into another module position or article?

Regards,
artetics.com team
If your question has been answered, please choose "Accept as Answer" on the correct post and/or mark your question as Resolved.
Dran
Dran
more than a month ago
·
#15291
0
Votes
Undo
Thanks for answer.
I tried several things. First was to change absolute to relative in line position (you were right, it was absolute..). But problem still remains the same...(carousel has moved in a wrong place, but items continue to go down...)
Same issue also whatever the module postion is...
I even put the carousel inside an article (with loadposition command). Same issue...
:(:(:(
Dran
Artetics Team
Artetics Team
more than a month ago
·
#15292
0
Votes
Undo
Please provide us with access to your Joomla! back-end. Email: This email address is being protected from spambots. You need JavaScript enabled to view it.

Regards,
artetics.com team
If your question has been answered, please choose "Accept as Answer" on the correct post and/or mark your question as Resolved.
Jason Bavington
Jason Bavington
more than a month ago
·
#15293
0
Votes
Undo
Hi there,

I\'m having the same issue on our website

http://apps.mi.ca

Module is at the bottom of the page.

Can you please let me know how I can tweak the CSS to prevent the \"bouncing\" dock?

Thanks!

Jason
Artetics Team
Artetics Team
more than a month ago
·
#15294
0
Votes
Undo
Hello,

Please add the following CSS rules to modules/mod_artcssdock/css/style.css file:

#dock137 {
height: 110px !important;
}

#dock137 a {
width: 110px !important;
height: 110px !important;
}

.dock ul, .dock ul:before, .dock ul:after {
background-position: center 25px !important;
}


and clean your browser cache.

Regards,
artetics.com team
If your question has been answered, please choose "Accept as Answer" on the correct post and/or mark your question as Resolved.
Jason Bavington
Jason Bavington
more than a month ago
·
#15295
0
Votes
Undo
Hello,

Thanks for the extra CSS. I tried this, refreshed. When you hover over an icon, the whole icon set moves vertically down, off the \"dock glass\".

Please let me know what I missed, thanks.

Jason
Artetics Team
Artetics Team
more than a month ago
·
#15296
0
Votes
Undo
How exactly do you want this to be implemented? The icon bar moves down because on hover the image becomes bigger.

Regards,
artetics.com team
If your question has been answered, please choose "Accept as Answer" on the correct post and/or mark your question as Resolved.
Jason Bavington
Jason Bavington
more than a month ago
·
#15297
0
Votes
Undo
Hi,

I basically would like the dock to function as it does in the demo:

http://demo.artetics.com/index.php?option=com_content&view=article&id=168&Itemid=171

You hover over an icon, but the entire bar/dock does not move down. It\'s fixed in position and only the actual icons move. When they move, the move upward and get wider.

Currently on our site:

http://apps.mi.ca

The icons move down on their own, the glass pane doesn\'t get wider (as per the demo)

Any way we can \"fix\" the glass pane so that the bottom of it never moves. The icons enlarge upward, as per demo?

Thanks for any help.

Jason
alice
alice
more than a month ago
·
#15298
0
Votes
Undo
I have the same problem- the enlarged image on hover pushes the dock AND the module of the template underneath it down. Is there a solution to place it in any module and it working as in the demo with the dock never changing?
Artetics Team
Artetics Team
more than a month ago
·
#15299
0
Votes
Undo
Is there any URL to see the issue?

Regards,
artetics.com team
If your question has been answered, please choose "Accept as Answer" on the correct post and/or mark your question as Resolved.
Hessi
Hessi
more than a month ago
·
#15300
0
Votes
Undo
Hi Admin,

I have the same issue on my website (under construction):
http://www.tote-pixel.de/TP
Also there are no titels on mouse-over.

I\'m still migrating from 1.5 to 3.2.2, please be patient if the site isn\'t avaible or you have strange effects or changing content while visting it.

TIA
Cheers!
Michael
Artetics Team
Artetics Team
more than a month ago
·
#15301
0
Votes
Undo
We don\'t see Art CSS Dock extension to be used on this page.

Regards,
artetics.com team
If your question has been answered, please choose "Accept as Answer" on the correct post and/or mark your question as Resolved.
Hessi
Hessi
more than a month ago
·
#15302
0
Votes
Undo
The one at the top of the page? :)
The one without any text (but I had entered it) ;)
The one that moves the hole page on mouse over? :)
But I\'ll disable the other modules, one second please...
Artetics Team
Artetics Team
more than a month ago
·
#15303
0
Votes
Undo
Now we see the module. We also see the titles at the top of each icon when
you mouse over the icon.

Please add the following CSS rule to modules/mod_artcssdock/css/style.css
file:

.dock {
height: 150px !important;
}

and the dock will not push the page content down.

Regards,
artetics.com team
If your question has been answered, please choose "Accept as Answer" on the correct post and/or mark your question as Resolved.
Hessi
Hessi
more than a month ago
·
#15304
0
Votes
Undo
Thanks a lot, artetics.com team!

Before Art CSS Dock, I used LV Fisheye. This module works more than a real OSX-Dock. Art CSS Dock moves the hole dock-item down on mouse over, if it is installed on the top of the page.
There is no way to get the \"right\" on-top-behaviour of OSX with Art CSS Dock?

TIA
Michael
Artetics Team
Artetics Team
more than a month ago
·
#15305
0
Votes
Undo
Unfortunately the extension works only this way.

Regards,
artetics.com team
If your question has been answered, please choose "Accept as Answer" on the correct post and/or mark your question as Resolved.
  • Page :
  • 1
There are no replies made for this post yet.
Be one of the first to reply to this post!