Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Wyrównanie obrazka
Forum PHP.pl > Forum > Przedszkole
r_mag13
Jeśli mam div-a w którym ustawiam text-align: justify i sobie w tym divie napisze:

Kod
text text text text text
<img src="" />
text text text text text


To jak zrobić w ten sposób aby tekst był wyjustowany a obrazek na środku. Oczywiście w css
Prym
najprościej to ustaw styl w img display: block i margin: 0px auto; - działa w FF i IE7 - dla IE6 musisz kombinować po staremu np. wpakować dodatkowego diva z wysrodkowaniem w którego wrzucisz tylko img smile.gif
psd-xhtml-css
Jeśli chcesz wycentrować obrazek tak aby dookoło obrazka był tekst to myślę że ci się nie uda. Nic nie przychodzi mi do głowy jak to osiągnąć. Jeśli tylko chcesz wycentrować obrazek to tak jak kolega wyżej napisał.
Pilsener
A ja nie widzę tu żadnego problemu:
  1. <div>
  2. <p>Teskt</p>
  3. <p class="srodek"><img /></p>
  4. <p>Tekst</p>
  5. </div>
- tekst w divie jest normalnie wyjustowany a pomiędzy paragrafami ładujesz dodatkowy paragraf, któremu nadajesz klasę "srodek", której to klasie przypiszesz odpowiedni styl (w tym wypadku text-align: center)
r_mag13
Prym: nie chce tyle div-ów na stronce sad.gif
psd-xhtml-css: chodzi o zwykłe wycentrowanie.
Pilsener: Do trzech razy sztuka smile.gif Ten pomysł jest tym o który mi chodziło. Dzięki.
psd-xhtml-css
Problemu nie ma.

Źle zrozumiałem kolegę, Myślałem ze obrazek ma być otoczony tekstem z każdej strony :]

Pozdrawiam.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.