Pozice obrázku Vyřešeno

[Bajro]

Zdravim , potřeboval bych poradit s pozící obrázku : Když mám 2 obrázky na jednom řádku a chci aby jeden byl na středu a druhý vlevo Můžete mi někdo ukázat script , díky :)

[Reklama]

[CZechBoY]

<img align="left" src="1.jpg"><img align="center" src="2.jpg">
nejde?

[Bajro]

Právě že ne .

[CZechBoY]

co přesně znamená střed? střed zbývajícího bloku vpravo od obrázku nebo středu obrazovky?
www.pas.jabko.net/testy/img_pozice.html

[Myloš]

Píšu z hlavy, tak tam snad nebude nějaká chyba:

<div style="position: relative; text-align: center;">
  <img src="obrazek_vlevo.jpg" style="position: absolute; left: 0px; top: 0px; ">
  <img src="obrazek_vpravo.jpg">
</div>

Normálně bych nepoužíval inline styly (atribut style), ale pro názorné pochopení to snad stačí.
Obalovací div má nastavenou relativní pozici proto, aby vytvořil souřadnicový kontext pro prvky uvnitř. Proto se absolutní pozice prvního obrázku nevztahuje k prohlížeči, ale k tomu divu. Druhý obrázek je vycentrovaný, protože div má nastaveno centrování.
Pokud jsou obrázky stejně vysoké, je to OK. Pokud je první obrázek vyšší, bude uříznutý, nebo vyteče z divu; v takovém případě je potřeba tomu divu ještě nastavit příslušnou výšku.

[CZechBoY]

moje řešení v kodu, když ne na webu :)

<div style="text-align:center">
<img src="" align="left" width="200">
<img src="" width="100">
</div>

<img src="" align="left" width="200">
<div style="text-align:center"><img src="" width="100"></div>

[Myloš]

CZechBoY:
Pravdu diš. Úplně jsem zapomněl, že obrázku lze nastavit align, přestože je to inline prvek jako třeba <b>, u kterého to nejde. V takovém případě je moje řešení drbáním se levou nohou za pravým uchem.

[Bajro]

Díky :) a ještě kdybych chtěl umístit obrázek na obrazovku podle přesných hodnot ???

[TheSkeleton]

<img src="obrazek.jpg" style="position: absolute; left: 200px; top: 300px; ">

[Ellrohir]

na přesný hodnoty umístění je to style="position: absolute; left: 0px; top: 0px; ", kde za 0 a 0 dosadíš svoje hodnoty...a kdybys to náhodou potřeboval, tak jde pozicovat i od spodu (bottom místo top) a zprava (right místo left)

[Bajro]

Už to mám Děkuju

[Myloš]

K té absolutní pozici, aby to nezapadlo – vysvětloval jsem ve svém příkladu, že ji můžeš počítat nejen od kraje okna prohlížeče, ale i v rámci bloku (např. divu nebo odstavce), který je nějak (jakkoli) pozicovaný. Proto jsem mu nastavil zdánlivě bezúčelné position:relative.
Takhle se dají třeba napozicovat akordové značky k textu písničky – viz http://wellstyled.com/css-chords-formatting.html