Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] klasy w klasach i zawijanie wierszy, coś naknociłem...
shpaque
post
Post #1





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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


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...
Go to the top of the page
+Quote Post
Jarma
post
Post #2





Grupa: Zarejestrowani
Postów: 36
Pomógł: 11
Dołączył: 20.07.2009

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


  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. }
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 Aktualny czas: 20.08.2025 - 05:19