Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css]opływanie - jak to zrobić ?
marcus753
post 13.05.2016, 23:50:22
Post #1





Grupa: Zarejestrowani
Postów: 281
Pomógł: 3
Dołączył: 8.06.2009
Skąd: Kraków

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


Mam mały problem z uzyskaniem podobnego efektu, chciałbym mieć 5 paragrafów tekstu które tworzą blok a w środku tego bloku jest zdjęcie, tekst jest opływany automatycznie po lewej i prawej stronie. Macie pomysł jaki taki efekt uzyskać ?

Da się to zrobić bez użycia javascript ? hmmm

Pierwszy przykład ze zdjęcia "Sguare":


Ten post edytował marcus753 14.05.2016, 00:29:45


--------------------
Cokolwiek zostanie upuszczone na uklad elektroniczny, spadnie zawsze tam gdzie wyrzadzi najwiecej szkody.
Go to the top of the page
+Quote Post
Tomplus
post 14.05.2016, 06:39:40
Post #2





Grupa: Zarejestrowani
Postów: 1 872
Pomógł: 230
Dołączył: 20.03.2005
Skąd: Będzin

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


Kod
float: left;
Go to the top of the page
+Quote Post
trueblue
post 14.05.2016, 07:19:13
Post #3





Grupa: Zarejestrowani
Postów: 6 799
Pomógł: 1827
Dołączył: 11.03.2014

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


https://css-tricks.com/float-center/


--------------------
Go to the top of the page
+Quote Post
marcus753
post 15.05.2016, 21:35:07
Post #4





Grupa: Zarejestrowani
Postów: 281
Pomógł: 3
Dołączył: 8.06.2009
Skąd: Kraków

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


no niestety, to nie takie proste. Z tego co widzę nie da się tego zrobić przy pomocy css'a ale może jednak ktoś wpadnie na jakieś rozwiązanie ?

poniżej zdjęcie które pomoże, chodzi o to że mając konstrukcję, ostatni paragraf, paragrafy jeśli nie mieszczą się w oknie opływały ostatni div.

  1.  
  2. <div>
  3. <p></p>
  4. <p></p>
  5. <!-- paragrafów może być x (1,2, albo i 10)-->
  6. <div></div>
  7. </div>




--------------------
Cokolwiek zostanie upuszczone na uklad elektroniczny, spadnie zawsze tam gdzie wyrzadzi najwiecej szkody.
Go to the top of the page
+Quote Post
trueblue
post 16.05.2016, 07:02:04
Post #5





Grupa: Zarejestrowani
Postów: 6 799
Pomógł: 1827
Dołączył: 11.03.2014

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


https://jsfiddle.net/oxL5243d/


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 30.04.2025 - 07:40