• Page 1 of 1
  • 1
How to lock images on main page?
Ultra
Posts: 23
Reputation: 1

Message # 1 | 10:00 PM
Hello! I added some new image on main page with this code:

Code
<img src="http://serbian-hiphop.ucoz.com/giffff.gif" style="position: absolute; top: 110px; left: 785px; opacity:0.9;filter:alpha(opacity=10)">

But when I maximized browsers window, images was moved from their positions. How can I lock them to always be on position like in code up? I mean that I should use some margins codes, but don't known which one.

Anyone can help me?

Post edited by Ultra - Tuesday, 2011-01-04, 10:10 PM
CoffeeCone
Posts: 687
Reputation: 41

Message # 2 | 4:23 AM
Random guess, try position:fixed on your style property.
"Friends don't let friends use Internet Explorer 6." - Microsoft || Join the cause. Help your friends.


Animorph
Posts: 2856
Reputation: 189

Message # 3 | 12:13 PM
shadowslash, position:fixed will move your picture when scrolling , its not an option Ultra, provide website name

hmm when i will be back from vacation i will re-read everything because , you all need to re-think your answers


To busy building a passive income online ;)
Ultra
Posts: 23
Reputation: 1

Message # 4 | 10:12 PM
Like I set some image for website logo, it's always on one place, no matter that I maximize or minimize Firefox (or other browser) window. How can I lock any other image like that?
Animorph
Posts: 2856
Reputation: 189

Message # 5 | 10:18 PM
Ultra, you should use position: relative , i always use that to place my images on websites and it works for sure
To busy building a passive income online ;)
Natashko
Posts: 3366
Reputation: 171

Message # 6 | 12:32 PM
Ultra, please, provide a website name.
Ultra
Posts: 23
Reputation: 1

Message # 7 | 5:39 PM
Quote (Natashko)
Ultra, please, provide a website name.

http://serbian-hiphop.ucoz.com/

Quote (Animorph)
Ultra, you should use position: relative , i always use that to place my images on websites and it works for sure

I'm sorry, but still not work. :/

Post edited by Ultra - Saturday, 2011-01-08, 6:24 PM
Animorph
Posts: 2856
Reputation: 189

Message # 8 | 7:08 PM
Ultra, can i ask what image you want to lock?
To busy building a passive income online ;)
Ultra
Posts: 23
Reputation: 1

Message # 9 | 7:29 PM
Quote (Animorph)
Ultra, can i ask what image you want to lock?

This:

It's moving from left to right on maximizing, it isn't lock with background body.

Animorph
Posts: 2856
Reputation: 189

Message # 10 | 7:54 PM
Ultra, if you are using CSS codes to place it please provide the CSS codes then to me

so you want it in the middle of the screen ?


To busy building a passive income online ;)
Post edited by Animorph - Saturday, 2011-01-08, 7:54 PM
Ultra
Posts: 23
Reputation: 1

Message # 11 | 10:46 PM
Quote (Animorph)
Ultra, if you are using CSS codes to place it please provide the CSS codes then to me

Code
<img src="http://serbian-hiphop.ucoz.com/giffff.gif" style="position: absolute; top: 110px; left: 785px; opacity:0.9;filter:alpha(opacity=10)">

I also try "relative" position.

Quote (Animorph)
so you want it in the middle of the screen ?

No, I want it right, near that buildings in background.

Post edited by Ultra - Saturday, 2011-01-08, 10:47 PM
Sirwan
Posts: 8
Reputation: 0

Message # 12 | 9:11 AM
Quote (Ultra)
But when I maximized browsers window, images was moved from their positions. How can I lock them to always be on position like in code up? I mean that I should use some margins codes, but don't known which one.

Try to use this code and you can change the width and height...

And if you have CSS style, you can use this code before you close head (</HEAD>)
Here this is the code for CSS if you have.


Post edited by Sirwan - Monday, 2011-01-10, 9:13 AM
Natashko
Posts: 3366
Reputation: 171

Message # 13 | 3:51 PM
Ultra, delete the inscription from where it is now. Then go to CP->Design ->Design management (templates)->Global blocks->Top part of the website->Change this code
Code
<span id="site_logo"><!-- <logo> --><!-- </logo> --></span>
into
Code
<span id="site_logo"><!-- <logo> --><img src="http://serbian-hiphop.ucoz.com/giffff.gif" style="opacity: 0.9; margin: 60px 40px 0px 0px;"><!-- </logo> --></span>
Ultra
Posts: 23
Reputation: 1

Message # 14 | 6:44 PM
Natashko, thanks, that is what I need!
  • Page 1 of 1
  • 1
Search: