Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] teskt opływający obrazek a kolejność znaczników html
jolam
post
Post #1





Grupa: Zarejestrowani
Postów: 259
Pomógł: 0
Dołączył: 12.07.2009

Ostrzeżenie: (10%)
X----


Czy da się zrobić tak aby tekst opływał od lewej strony obrazek (czyli tekst po lewej stronie a obrazek po prawej) ale jednocześnie aby w dokumencie html najpierw występował tekst a dopiero potem obrazek?

Czyli miałabym:

<div id="jeden">
<p>tekst</p>
<p>tekst</p>
</div>

<div id="dwa">
<ul>
<li><img src="a.jpg" /></li>
<li><img src="a.jpg" /></li>
<li><img src="a.jpg" /></li>
<li><img src="a.jpg" /></li>
</ul>
</div>

i przy pomocy css chciałabym aby obrazki były po prawej stronie, a tekst aby je opływał od lewej strony. Jak to zrobić?
Jeśli zmienię kolejność w html:najpierw div1 a potem div2 to wtedy działa, ale mi zależy na uzyskaniu tego efektu bez zmiany html.


pozdrawiam najserdeczniej Jola
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
Volume
post
Post #2





Grupa: Zarejestrowani
Postów: 283
Pomógł: 11
Dołączył: 11.10.2004
Skąd: 3c

Ostrzeżenie: (0%)
-----


css:
  1. #jeden, #dwa {
  2. float: left;
  3. width: 150px;
  4. }
  5. #trzy {
  6. clear: both; /* do ustabilnienia */
  7. }

html:
  1. <div id="jeden">
  2. <p>tekst</p>
  3. <p>tekst</p>
  4. </div>
  5.  
  6. <div id="dwa">
  7. <ul>
  8. <li><img src="a.jpg" /></li>
  9. <li><img src="a.jpg" /></li>
  10. <li><img src="a.jpg" /></li>
  11. <li><img src="a.jpg" /></li>
  12. </ul>
  13. </div>
  14. <div id="trzy">np. stopka badz jaki kolwiek inny tag blokowo</div>


Ten post edytował Volume 11.01.2010, 13:34:41
Go to the top of the page
+Quote Post
jolam
post
Post #3





Grupa: Zarejestrowani
Postów: 259
Pomógł: 0
Dołączył: 12.07.2009

Ostrzeżenie: (10%)
X----


Ale to działa tylko jeśli ustali się szerokość tych div. A tego robić nie chciałabym. Zależy mi na takim płynnym opływaniu bloku z obrazkami przez tekst.
Jak to wykonać?

pozdrawiam najserdeczniej Jola
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 04:47