Nasze strony wykorzystują pliki cookies. Używamy cookies i podobnych m.in. w celach reklamowych i statystycznych oraz w celu dostosowania serwisów do potrzeb użytkowników. Mogą też stosować je nasi reklamodawcy, firmy badawcze oraz dostawcy aplikacji. W przeglądarce można zmienić ustawienia dotyczące cookies. Więcej informacji. Jeśli nie wyrażasz zgody, opuść tę stronę.

Jak pozycjonować grafikę na stronie zgodnie z CSS?

Forum dyskusyjne poświęcone zagadnieniom tworzenia grafiki na potrzeby WWW, obróbki zdjęć, korzystania z programów graficznych, etc.

Moderator: Grupa pościgowa ;-)

Jak pozycjonować grafikę na stronie zgodnie z CSS?

Postprzez krzyst » 21 kwietnia 2004, o 13:40

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.
krzyst
Zanim zapytam poszukam odpowiedzi
Zanim zapytam poszukam odpowiedzi
 
Posty: 5
Dołączył(a): 7 grudnia 2003, o 18:22

Postprzez Santana » 21 kwietnia 2004, o 19:21

Santana
Znawca tematu
Znawca tematu
 
Posty: 210
Dołączył(a): 30 września 2002, o 13:20

Dobra podpowiedź + kontynuacja

Postprzez krzyst » 22 kwietnia 2004, o 15:19

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ć.
krzyst
Zanim zapytam poszukam odpowiedzi
Zanim zapytam poszukam odpowiedzi
 
Posty: 5
Dołączył(a): 7 grudnia 2003, o 18:22

Postprzez Wydra707 » 22 kwietnia 2004, o 16:43

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
Wydra707
Znawca tematu
Znawca tematu
 
Posty: 482
Dołączył(a): 1 października 2002, o 19:21

Postprzez krzyst » 26 kwietnia 2004, o 12:38

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.
krzyst
Zanim zapytam poszukam odpowiedzi
Zanim zapytam poszukam odpowiedzi
 
Posty: 5
Dołączył(a): 7 grudnia 2003, o 18:22


Powrót do Grafika i obróbka zdjęć

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników

cron