Forum PHP.pl > [HTML] Tekst i obrazek w jednej linii

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML] Tekst i obrazek w jednej linii

renault12

1.08.2010, 23:22:30

Hej,

Mam mały problem z umieszczeniem niewysokiego obrazka w jednej lini z tekstem.

Powinno byc tak:
<tekst><tekst><tekst><tekst><obrazek>

A kiedy wstawie <img src zaraz po kodzie z tekstem mam cos takiego:
<tekst><tekst><tekst><tekst>
<obrazek>

Jak moge cos takiego zrobic pomijajac parametr 'position:absolute' ?

Damonsson

1.08.2010, 23:27:16

float: left

ghastblood

1.08.2010, 23:28:38

[HTML] pobierz, plaintext 
<img src="" style="float: left;">
TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST <br>
TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST 
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
<img src="" style="float: right;">
TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST <br>
TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST 
[HTML] pobierz, plaintext

heh. właśnie do dopisałem, marginy nie są potrzebne tylko mogę wprowadzać w błąd

Damonsson

1.08.2010, 23:30:58

Cytat(ghastblood @ 2.08.2010, 00:28:38 )

[HTML] pobierz, plaintext 
<img src="" style="float: left">
TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST <br>
TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST 
[HTML] pobierz, plaintext

Jak już to:

[HTML] pobierz, plaintext 
<img src="" style="float: right">
TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST <br>
TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST 
[HTML] pobierz, plaintext

renault12

2.08.2010, 08:30:07

A jak zrobic zeby obrazek byl zaraz po ostatniej literze slowa w linii? bo jak mam to na float, to jesli wpisze naprzyklad jedna literke ktora bedzie calkiem po lewej a obrazek bedzie calkiem po prawej to niezbyt ladnie to wyglada.

ghastblood

2.08.2010, 08:43:27

przesuwasz marginami

margin-right: 10px;
margin-left: 10px;

Damonsson

2.08.2010, 10:33:07

Skorzystaj z mojej pierwszej rady:

Float:left

A nie jakiś pseud kod, który podał kolega wyżej. Który jest nielogiczny i tylko przy dużej ilości tekstu spełnia swoją rolę.

Tak to powinno być:

[HTML] pobierz, plaintext 
<div style="float:left">
TEKS TEKST TEKST
</div>
<img src=""/>
[HTML] pobierz, plaintext

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.