
the answer is because the <?=$this->getThemePath()?> tag was wrong. ::kills self::
What I can tell you is, is that the problem is in one part in the following block:
<ul id="pictureMenu">
<li style="margin-left:-13px;"><a href="http://www.amygerber.com"><img src="images/cut.gif" width="170" height="196" border="0" /></a></li>
<li><a href="http://www.amygerber.com"><img src="images/color.gif" width="170" height="196" border="0" /> </a></li>
<li><a href="http://www.amygerber.com"><img src="images/styling.gif" width="170" height="196" border="0" /></a></li>
<li style="margin-right:-26px;"><a href="http://www.amygerber.com"><img src="images/bridal.gif" width="170" height="196" border="0" /></a></li>
</ul>
Here, the links should work with the following css styles:
#pictureMenu li a:link {
background-color:#FFFFFF;
display:block;
height:604px;
padding-top:224px;
text-decoration:none;
width:170px;
}
But they don't. Change your links in the above block from a valid url to "#" and you see what I mean. You probably just have to change your CSS class a bit so the links/css class get connected
<ul id="pictureMenu">
<li style="margin-left:-13px;"><a href="http://www.amygerber.com"><img src="images/cut.gif" width="170" height="196" border="0" /></a></li>
<li><a href="http://www.amygerber.com"><img src="images/color.gif" width="170" height="196" border="0" /> </a></li>
<li><a href="http://www.amygerber.com"><img src="images/styling.gif" width="170" height="196" border="0" /></a></li>
<li style="margin-right:-26px;"><a href="http://www.amygerber.com"><img src="images/bridal.gif" width="170" height="196" border="0" /></a></li>
</ul>
Here, the links should work with the following css styles:
#pictureMenu li a:link {
background-color:#FFFFFF;
display:block;
height:604px;
padding-top:224px;
text-decoration:none;
width:170px;
}
But they don't. Change your links in the above block from a valid url to "#" and you see what I mean. You probably just have to change your CSS class a bit so the links/css class get connected
a
In your html site, the ul/li/a block is getting the #pictureMenu li a:link CSS Styles as they should.
But in the version with concrete5, they don't.
If you however change your links temporarily back to "#" you will see that suddenly they do get the styles again (may be browser dependent).
So my guess is, that you just have to change your css style a bit. Try for example "a" instead of "a:link".
But in the version with concrete5, they don't.
If you however change your links temporarily back to "#" you will see that suddenly they do get the styles again (may be browser dependent).
So my guess is, that you just have to change your css style a bit. Try for example "a" instead of "a:link".
a
Please try and make out of this:
#pictureMenu li a:link
this: #pictureMenu li a
#pictureMenu li a:link
this: #pictureMenu li a
a
Mhm, works by me. But you do realise that your style.css has less styles than your html version (maybe just temporary?). You don't have in there right now a "visited" style.
a
b