810311
October 15, 2012, 1:34am
1
Hello,
I am trying to achieve the following layout (please, see gallery.jpeg attached) using lightbox and css, however, the following happens:
when I click www.LINK_1.com and www.LINK_1.com, Header 2 (below those links) gets pushed to the left side.
2.when I click www.LINK_4.com and www.LINK_5.com, they push images and links further down.
I was wondering if it is possible to layout this page so images and links don’t move when clicked.
Layout image, html and css file are attached for your convenience.
Thank you
ralphm
October 15, 2012, 2:41am
2
What you describe doesn’t happen with the code you supplied—but certainly, nothing should move. Could you past a live example of this so we can test it online?
810311
October 16, 2012, 3:14am
3
ronpat
October 16, 2012, 5:35am
4
In your css on lines 280 and 281, delete the change of font-size:
.subscribe a:link, a:visited, a:active {color:#336633;[COLOR="#FF0000"]font-size: 1.1em;[/COLOR]}
.subscribe a:hover {color:#336633;background-color:#CEDACE;[COLOR="#FF0000"]font-size: 1.1em;[/COLOR]}
810311
October 17, 2012, 3:43am
5
I guess this rule was in conflict with the previous one
a.pagelink, a.pagelink:visited, a.pagelink:active {color:#336633;}
a.pagelink:hover {color:#336633;background-color:#CEDACE;}
as well as navigation font size…
It works now.
ronpat
October 17, 2012, 3:51am
6
Glad it’s working. Thanks for the feedback.
810311
October 17, 2012, 4:14am
7
Thanks for catching this one for me, ronpat
Thanks for your time,ralph.m