Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> "Oplatanie" zdjęcia tekstem
trifek
post
Post #1





Grupa: Zarejestrowani
Postów: 340
Pomógł: 0
Dołączył: 28.09.2015

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


Witam serdecznie,
Mam taką stronę: http://serwer1356363.home.pl/test/szablon/index.html
Strona jest responsywna.

Mam na niej 2 bloki tekstu i zdjęcie po prawej stronie.
Umieściłem te 2 bloki tekstu w 2 osobnych divach/kolumnach.

Problemem jest to, że jak ktoś w przyszłości w CMS wprowadzi dużą ilość tekstu to tekst będzie trzeba w jakiś sposób dzielić pomiędzy te 2 DIVy.

Wie ktoś może jak przerobić ten mój kod, żeby tekst wprowadzony z lewej strony - automatycznie "oplatał zdjęcie" i pojawiał się też z prawej strony (w sposób "ciągły")?

Bardzo proszę o pomoc
Trifek
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Niree
post
Post #2





Grupa: Zarejestrowani
Postów: 220
Pomógł: 18
Dołączył: 5.02.2016
Skąd: Polska

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


Możesz pobawić się w CSS właściwość content: "tekst";
W PHP sprawdzasz, czy $tekst w pierwszym divie wynosi ileś tam znaków, jeśli przekracza, to ucinasz tekst po iluś znakach, a drugą część wrzucasz w drugim divie, w content: "$tekst[1]".

Przykład:
  1. //łączenie z bazą i wyciąganie przykładowej treści
  2. $tekst = $baza['content'];
  3.  
  4. if(strlen($tekst) > 150))
  5. {
  6. $text = str_split($tekst, 150);
  7. echo '<style>#div1 {color: #000; content: "'.$text[0].'";} #div2 {color: #000; content: "'.$text[1].'";}</style>';
  8. }
  9. else
  10. {
  11. echo '<style>#div1 {color: #000; content: "'.$tekst.'";}</style>';
  12. }
  13.  
  14. <div id="div1"></div><div id="div2"></div>/// reszta kodu html, treść ustawi css z powyższego warunku


W tym divie usuwasz treść i dajesz po prostu sam div z ustawionym identyfikatorem, treść ustawi CSS.

Ten post edytował Niree 12.12.2016, 11:10:22
Go to the top of the page
+Quote Post

Posty w temacie


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 Aktualny czas: 16.10.2025 - 01:10