Strona 1 z 1

Jak pozycjonować grafikę na stronie zgodnie z CSS?

PostNapisane: 21 kwietnia 2004, o 13:40
przez krzyst
Zaznaczam, że jestem baaardzo początkujący....
W Pajączku wstawianie grafiki z kreatora generuje znaczniki "deprecated".Jak spowodować np. wycentrowanie obrazka na stronie zgodnie z CSS, poprzez styl osadzony?
Jest wprawdzie pozycjonowanie absolutne np.

<SPAN
style="LEFT: 390px; POSITION: absolute; TOP: 40px"><img src="obrazy/obrazek.gif" width="461" height="307" alt="obrazek" /></SPAN>


ale wtedy trzeba kłopotliwie "odliczać" pixele aby umieścić pod obrazkiem wycentrowany tekst.Mam kłopoty ze znalezieniem podobnego sposobu na centrowanie obrazka na stronie :-(
Dziękuję za wszelkie sposoby.

PostNapisane: 21 kwietnia 2004, o 19:21
przez Santana

Dobra podpowiedź + kontynuacja

PostNapisane: 22 kwietnia 2004, o 15:19
przez krzyst
Dziękuję za podpowiedź, jednak samo text-align: center nie wystarcza.Znalazłem zwykły sposób przez tabelę :idea: :

<div style="text-align: center">
<table >
<tr>
<td><img src="obrazki/obrazek.gif" width="461" height="307" alt="obrazek" title="obrazek" /> </td>
</tr>
</table>
</div>


Weryfikacja poprawności składni daje 100%.
Szkoda, że w Pajączku nie ma automatu do pozycjonowania grafik w zgodzie z CSS.Ale tak w ogóle narzędzie jest ekstra, chociaż dopiero zaczynam je poznawać.

PostNapisane: 22 kwietnia 2004, o 16:43
przez Wydra707
A fe... Ta tabelka jest zupełnie niepotrzebna. Wystarczy:

<div style="text-align:center;">
<img src="obrazki/obrazek.gif" width="461" height="307" alt="obrazek" title="obrazek">
</div>

text-align:center; centruje zawartość elementów blokowych m.in. właśnie DIV, TD, P, Hx, BODY. Nie próbuj jednak używać go do elementów inline np. SPAN czy A. Być może na tym polegał Twój problem.

Pozdrawiam
Paweł Rajewski

PostNapisane: 26 kwietnia 2004, o 12:38
przez krzyst
Fakt.Próbowałem ze znacznikiem span i już nie chciało mi się spróbować z div, bo sądziłem, że jedyna różnica do dodawanie wiersza w div.W oryginalnej specyfikacji jest wszystko wyjaśnione.
Dziękuję za pomoc.