pozitionate imagine fata de centru

#1
pab|o

Posted 10 April 2012 - 08:48

Junior Member

Grup: Members
Posts: 71
Înscris: 21.06.2007

Buna ziua.
M-ar interesa cum pot pozitiona o imagine la distanta 200px (sau un numar oricare de pixeli) la stanga fata de centru.
Daca se poate CSS-ul sa fie compatibil Internet Explorer <=7.
Multumesc anticipat. Numai bine.

Am gasit ceva de genul:

<div style="position: absolute; right: 40%;">
  <img src="images/foto.png" alt="foto" style="margin-left: auto; margin-right: auto;" />
</div>

dar as vrea sa nu folosesc <div>, doar <img>

PS: Am cautat cu Google, si nu am gasit rezultat care sa ma multumeasca, va rog postati solutiile voastre daca le aveti.

Edited by pab|o, 10 April 2012 - 08:58.

Back to top

#2
Tiberiu_Alexander

Posted 11 April 2012 - 02:17

Member

Grup: Members
Posts: 338
Înscris: 05.01.2010

Compatibil cu Internet Explorer 7 (testat):

<img src="images/foto.jpg" alt="foto" style="margin: auto; display: block; position: relative; right: Npx;" />

Unde N reprezint� jum�tate din l�țimea imaginii �n pixeli + 200 de pixeli. De exemplu, dac� ai o imagine de 300x400, N va avea valoarea 350.

Edited by Tiberiu_Alexander, 11 April 2012 - 02:20.

Back to top

#3
Jumping Jack

Posted 21 April 2012 - 17:52

Member

Grup: Members
Posts: 622
Înscris: 12.09.2007

<img src="images/foto.png" alt="foto" style="display:block;position:absolute;left:50%;margin-left:-200px" />

Daac vrei sa centrezi poza, valoarea lui margin left este (cu minus) jumatate din latimea pozei.

de exemplu poza de mai jos are 560px latime si 349px inaltime:

<img src="http://regmedia.co.uk/2012/01/09/ford_2.jpg" alt="foto" style="display:block;position:absolute;left:50%;margin-left:-280px" />

Daca vrei centrare si pe verticala, codul este (pentru aceeasi poza)

<img src="http://regmedia.co.uk/2012/01/09/ford_2.jpg" alt="foto" style="display:block;position:absolute;left:50%;top:50%;margin-left:-280px;margin-top:-175px" />

Back to top

Anunturi

Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

pozitionate imagine fata de centru

#1 pab|o Posted 10 April 2012 - 08:48

#2 Tiberiu_Alexander Posted 11 April 2012 - 02:17

#3 Jumping Jack Posted 21 April 2012 - 17:52

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
pab|o

Posted 10 April 2012 - 08:48

#2
Tiberiu_Alexander

Posted 11 April 2012 - 02:17

#3
Jumping Jack

Posted 21 April 2012 - 17:52