Witam,

Pytanie może wydawać się głupie, ale do tej pory nie znalazłem na nie
realnej odpowiedzi (a szukam już od jakiegoś czasu)...

Otóż mam sobie taką stronę (podaję tylko to, co w body):

<img src="obrazek.png" align="right" style="border: 1px solid black; width:
6em; height: 9em; margin: 1em 1em 1em 1em;"><p style="text-align:
center;">TYTUŁ</p>
<p style="text-align: justify;">blah blah blah</p>

Marzy mi się, by tekst "TYTUŁ" był wycentrowany względem ekranu, a niestety
tak się nie dzieje. Póki co, tekst ten centrowany jest w obszarze lewy
margines - lewa krawędź obrazka...

Jak zrobić, by tekst wyświetlał się rzeczywiście wycentrowany? Coś niby
czytałem o "position: absolute", ale do żadnych wyników nie doszedłem...

Aby utrudnić sprawę dodam, że za wszelką cenę chcę uniknąć bawienia się
tabelkami. :-)

Pozdrawiam,
Mateusz Viste

do góry

Mateusz Viste wrote:
> Jak zrobić, by tekst wyświetlał się rzeczywiście wycentrowany? Coś niby
> czytałem o "position: absolute", ale do żadnych wyników nie doszedłem...

Ale chcesz, żeby tytuł nachodził na obrazek czy ma być nad obrazkiem
wycentrowany? Bo nie do końca rozumiem, w każdym razie nie chodzi Ci
o coś takiego:

<p style="text-align:center;">TYTUŁ</p>
<img src="obrazek.png" align="right" style="border: 1px solid black; width:6em;
height: 9em; margin: 1em;">
<p style="text-align: justify;">blah blah blah</p>

?

do góry

On Monday 08 June 2009 14:42, ant wrote:
> Ale chcesz, żeby tytuł nachodził na obrazek czy ma być nad obrazkiem
> wycentrowany?

Nie, właśnie na tym to polega, że tytuł ma być na tym samym poziomie co
obrazek (i ewentualnie na niego nachodził, jeśli tytuł jest długi).

> Bo nie do końca rozumiem, w każdym razie nie chodzi Ci
> o coś takiego:
>
> <p style="text-align:center;">TYTUŁ</p>
> <img src="obrazek.png" align="right" style="border: 1px solid black;
> width:6em; height: 9em; margin: 1em;"> <p style="text-align:
> justify;">blah blah blah</p>
>
> ?

Nu właśnie o takie coś nie, gdyż tutaj obrazek jest tuż pod tytułem, a ma
zaczynać się na wysokości tytułu :-)

Najlepiej chyba pokazać na konkretnym przykładzie :-)
http://www.viste-family.net/mateusz/software/

Tytuł jest centrowany między lewą krawędzią ekranu, a lewą krawędzią
zdjęcia. Chciałbym, by tytuł był po prostu wycentrowany względem ekranu...
w tej chwili tytuł "schodzi" na lewo.... :-)

Pozdrawiam,
Mateusz Viste

do góry

Dnia Mon, 08 Jun 2009 16:13:15 +0200, Mateusz Viste napisał(a):

[...]
> Najlepiej chyba pokazać na konkretnym przykładzie :-)
> http://www.viste-family.net/mateusz/software/
>
> Tytuł jest centrowany między lewą krawędzią ekranu, a lewą krawędzią
> zdjęcia. Chciałbym, by tytuł był po prostu wycentrowany względem
> ekranu... w tej chwili tytuł "schodzi" na lewo.... :-)

<div style="text-align: center; margin: 0 <szerokośćzdjeńcia>px;
background-image: url(jakijestempienkny.jpg);
background-position: top right;
background-repeat: no-repeat;
min-height: <wysokosczdjencia>px">
Jaki ja jestem slicny!
</div>


Pasuje?

Dla IE musisz zapodać oczywiście height zamiast min-height...

ethanak
PS. jak jeszcze chcesz w pionie to da się zrobić ale mi się teraz nie
chce myśleć.
--
mailto=window.atob('ZXRoYW5ha0Bwb2xpcC5jb20=');
http://milena.polip.com/ - nie czekam na Ivo!

do góry

Dnia Mon, 08 Jun 2009 14:31:39 +0000, ethanak napisał(a):

> [...]margin: 0 <szerokośćzdjeńcia>px;

Fuj, padding oczywiście!

ethanak
--
mailto=window.atob('ZXRoYW5ha0Bwb2xpcC5jb20=');
http://milena.polip.com/ - nie czekam na Ivo!

do góry

On Monday 08 June 2009 16:31, ethanak wrote:
> <div style="text-align: center; margin: 0 <szerokośćzdjeńcia>px;
> background-image: url(jakijestempienkny.jpg);
> background-position: top right;
> background-repeat: no-repeat;
> min-height: <wysokosczdjencia>px">
> Jaki ja jestem slicny!
> </div>
>
> Pasuje?

Niestety, będę się czepiał :-)

Rozwiązanie rzeczywiście zachowuje się tak, jak tego chciałbym, ale tylko
przy podaniu rozmiarów w pikselach... A to mnie nie urządza :-P

Jeżeli podam wielkości (tak, jak robię to teraz) z uzyciem jednostek em,
zdjęcie nie skaluje się anymore... :(

Jest na to jakaś rada?

Pozdrawiam,
Mateusz Viste

do góry

Dnia Mon, 08 Jun 2009 18:09:20 +0200, Mateusz Viste napisał(a):

[...]
> Jeżeli podam wielkości (tak, jak robię to teraz) z uzyciem jednostek em,
> zdjęcie nie skaluje się anymore... :(

Zdjęcie podajesz w em???

ethanak
--
mailto=window.atob('ZXRoYW5ha0Bwb2xpcC5jb20=');
http://milena.polip.com/ - nie czekam na Ivo!

do góry

Mateusz Viste pisze:
> Otóż mam sobie taką stronę (podaję tylko to, co w body):
>
> <img src="obrazek.png" align="right" style="border: 1px solid black; width:
> 6em; height: 9em; margin: 1em 1em 1em 1em;"><p style="text-align:
> center;">TYTUŁ</p>
> <p style="text-align: justify;">blah blah blah</p>
>
> Marzy mi się, by tekst "TYTUŁ" był wycentrowany względem ekranu, a niestety
> tak się nie dzieje. Póki co, tekst ten centrowany jest w obszarze lewy
> margines - lewa krawędź obrazka...

<img src="obrazek.png" style="float:right; border: 1px solid black;
width: 6em; height: 9em; margin: 1em 1em 1em -6em;">

> Jak zrobić, by tekst wyświetlał się rzeczywiście wycentrowany? Coś niby
> czytałem o "position: absolute", ale do żadnych wyników nie doszedłem...

<img src="obrazek.png" style="border: 1px solid black; width: 6em;
height: 9em; position:absolute; right:1em;">


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

On Monday 08 June 2009 19:45, Paweł Piskorz wrote:
> <img src="obrazek.png" style="float:right; border: 1px solid black;
> width: 6em; height: 9em; margin: 1em 1em 1em -6em;">

I właśnie O TO CHODZIŁO!

Co prawda niespecjalnie rozumiem, na jakiej zasadzie toto działa jak działa,
ale efekt jest dokładnie taki, jaki chciałem osiągnąć.

Serdecznie dziekuję :-D

Pozdrawiam,
Mateusz Viste

do góry

On Monday 08 June 2009 19:44, ethanak wrote:
> Zdjęcie podajesz w em???

No ba! A co się będę cackał... :-)
Zaleta taka, że wszędzie będzie proporcjonalne do wielkości czcionki.

Pozdrawiam,
Mateusz Viste

do góry