> On Aug 8, 2015, at 15:10, Martin Skjöldebrand <[email protected]> wrote:
>
> As can be seen here: www.tyresoschack.se there is an overlay image that seeks
> to explain how to get the menu on the site. It's only displayed on the first
> visit.
>
> ….
>
> However as you can see the image is centered on the page rather than left
> aligned as it is here: https://demo.gavick.com/joomla25/writer/
>
> I've been fiddling with the code, but only managed to make the situation
> worse
> ... Does anyone have an idea what can make the image left-aligned? I shold
> also mention that the image itself is the same width on the two sites.
Take a good look at the whole background rule:
yours:
background: rgba(0,0,0,.75)
url('/joomla25/writer/templates/gk_writer/images/overlay-img.png') no-repeat
100px center;
the tyresö schackklubb site:
background: url("overlay-img.png") no-repeat scroll 87% 30px rgba(0, 0, 0,
0.75);
The background-position is different. Yours ask fo putting the image 100px from
the left, centred vertically. Theirs ask to put the image 30px from the top
and, from the left, match the 87% point of the image with the 87% point of the
container.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
