Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] klasy w klasach i zawijanie wierszy
Forum PHP.pl > Forum > Przedszkole
shpaque
Witam, tak na szybko napiszę o co chodzi. Nie wiem jak zrobić, żeby teraz zawijał mi się wiersz, bo kiedy pobiera stringa daje go pod overflow (hidden) zamiast zawijać:

  1. <?
  2. $month = "LUT";
  3. $day = "29";
  4. $title = "Jak skutecznie porozumiewać się z pacjentem?";
  5. $city = "Warszawa";
  6. ?>
  7.  
  8. <div class="div_data">
  9. <table>
  10. <tr>
  11. <th><? echo $month; ?></th>
  12. </tr>
  13. <tr>
  14. <td><? echo $day; ?></td>
  15. </tr>
  16. </table>
  17. </div>
  18.  
  19. <div class="div_place">
  20. <div class="th"><? echo $title; ?></div> //to tu treść się nie zawija, a w css ponizej wyglada to tak...
  21. <div class="td"><br><? echo $city; ?></div>
  22. </div>


  1. .div_place
  2. {
  3. position: relative;
  4. width: 100px;
  5. top: -38px;
  6. left: 60px;
  7. text-align: left;
  8. overflow: hidden;
  9. }
  10. .div_place .th
  11. {
  12. position: absolute;
  13. width: 100%;
  14. font-family: Titillium;
  15. font-size: 13px;
  16. color: #006980;
  17. -webkit-transition: color 500ms ease 0ms;
  18. -moz-transition: color 500ms ease 0ms;
  19. -ms-transition: color 500ms ease 0ms;
  20. transition: color 500ms ease 0ms;
  21. }
  22. .div_place .td
  23. {
  24. width: 100%;
  25. font-family: Titillium;
  26. font-size: 11px;
  27. color: #B4B4B4;
  28. -webkit-transition: color 500ms ease 0ms;
  29. -moz-transition: color 500ms ease 0ms;
  30. -ms-transition: color 500ms ease 0ms;
  31. transition: color 500ms ease 0ms;
  32. }


w razie czego daję url http://smusic.nazwa.pl/_lenard/

chodzi o "najblizsze konferencje" pierwszą komórkę (diabetologia) tam tak to wygląda...
Jarma
  1. <div class="td"><br><? echo $city; ?></div>

zamień na
  1. <div class="td"><? echo $city; ?></div>


  1. .div_place
  2. {
  3. position: relative;
  4. width: 100px;
  5. top: -38px;
  6. left: 60px;
  7. text-align: left;
  8. overflow: hidden;
  9. }
  10. .div_place .th
  11. {
  12. width: 100%;
  13. font-family: Titillium;
  14. font-size: 13px;
  15. color: #006980;
  16. -webkit-transition: color 500ms ease 0ms;
  17. -moz-transition: color 500ms ease 0ms;
  18. -ms-transition: color 500ms ease 0ms;
  19. transition: color 500ms ease 0ms;
  20. }
  21. .div_place .td
  22. {
  23. width: 100%;
  24. font-family: Titillium;
  25. font-size: 11px;
  26. color: #B4B4B4;
  27. -webkit-transition: color 500ms ease 0ms;
  28. -moz-transition: color 500ms ease 0ms;
  29. -ms-transition: color 500ms ease 0ms;
  30. transition: color 500ms ease 0ms;
  31. }



I masz gdzieś - usuń:
  1. #table-szkolenia td div {
  2. white-space: nowrap;
  3. }
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.