changing code so doesn't follow screen

I want it so that the images do not follow the screen

Code:

<ul style="position:fixed;left:0;top:0%;list-style:none;">
<li><a href="http://www.facebo############4345381676" target="_blank"><img src="http://tinyurl.#######" border="0" width="40px" /></a></li>
<br><li><a href="http://www.twitter#######g" target="_blank"><img src="http://tinyurl.com######q7y" border="0" width="40px" /></a></li>
<br><li><a href="http://www.youtube.c########g" target="_blank"><img src="http://tinyurl.com#######z5e" border="0" width="40px" /></a></li>
</ul>

used # to hide links so cannot be classed as advertising =]

What do you mean? If you want that the links not be redirected in new tab of the browser:

Code:

<ul style="position:fixed;left:0;top:0%;list-style:none;">
<li><a href="http://www.facebo############4345381676"><img src="http://tinyurl.#######" border="0" width="40px" /></a></li>
<br /><li><a href="http://www.twitter#######g"><img src="http://tinyurl.com######q7y" border="0" width="40px" /></a></li>
<br /><li><a href="http://www.youtube.c########g"><img src="http://tinyurl.com#######z5e" border="0" width="40px" /></a></li>
</ul>

P.S. I changed also <br> with <br /> to meet XHTML.

Change where it says 'position:fixed' to 'position:absolute'

Spankers wrote:What do you mean? If you want that the links not be redirected in new tab of the browser:

Code:

<ul style="position:fixed;left:0;top:0%;list-style:none;">
<li><a href="http://www.facebo############4345381676"><img src="http://tinyurl.#######" border="0" width="40px" /></a></li>
<br /><li><a href="http://www.twitter#######g"><img src="http://tinyurl.com######q7y" border="0" width="40px" /></a></li>
<br /><li><a href="http://www.youtube.c########g"><img src="http://tinyurl.com#######z5e" border="0" width="40px" /></a></li>
</ul>

P.S. I changed also <br> with <br /> to meet XHTML.

I want it so that when I scroll down... the images do not scroll down with me, they stay by the banner at the top

Change where it says 'position:fixed' to 'position:absolute'

That doesn't work, the images ended up not appearing

It is the position:fixed bit which is making your images follow you as you scroll down, if you change it correctly then of course it will work.

Here is the modified HTML:

Code:


        <ul style="position:absolute;left:0;top:0%;list-style:none;">
        <li><a href="http://www.facebo############4345381676"><img src="http://tinyurl.#######" border="0" width="40px" /></a></li>
        <br /><li><a href="http://www.twitter#######g"><img src="http://tinyurl.com######q7y" border="0" width="40px" /></a></li>
        <br /><li><a href="http://www.youtube.c########g"><img src="http://tinyurl.com#######z5e" border="0" width="40px" /></a></li>
        </ul>


It isn't working...

When the code says fixed, the images show but follow the screen when I scroll down

When the code says absolute the images just don't appear.

Have you checked the top left corner of the page? That's where they should be.
Change the values of 'top' and 'left'

It makes no sense that they should disappear.

You do need to remove "position:fixed" from the UL tag. However, you haven't provided enough information to solve your problem.

Where do you want the images displayed? Where is this code...template? Homepage message? Announcement?

Once you provide this info, someone should be able to solve your problem.

I want the images answer on the page as I'm going to use a different code to move them

the code is in my announcements, as is on my other forum.

it works when it says fixed... just not when it says absolute