Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Zależność oddzielnika od tekstu.
Forum PHP.pl > Forum > Przedszkole
zomfire
Chcę zrobić pionową kreskę oddzielającą treść strony z panelem bocznym, która będzie się rozszerzała w zależności od tekstu, standardowa wartość kreski to ileś tam px, w razie gdy tekstu jest mniej.

Kod CSS
  1. .tresc1{
  2. width:100%;
  3. background-color:white;
  4. height:fixed;
  5. vertical-align:top;
  6. }
  7. .kontener_t{
  8. width:100%;
  9. display:inline-block;
  10. vertical-align:top;
  11. margin-right:10px;
  12. margin-left:10px;
  13. margin-bottom:10px;
  14. margin:0px auto;
  15. background:white;
  16. }
  17. .pionowalinia{
  18. float:left;
  19. width:1px;
  20. height:495px;
  21. background:#858481;
  22. }
  23. .tresc2none{
  24. float: center;
  25. height:50px;
  26. }
  27. .tresc2text{
  28. float: left;
  29. width:70%;
  30. font-size:23px;
  31. font-family:"CaviarDreams";
  32. text-align:center;
  33. }
  34. .tresc2sidebar{
  35. float: right;
  36. width:30%;
  37. background-color:white;
  38. }
  39. .sidebarbox{
  40. float:center;
  41. margin-left:10px;
  42. }


  1. <div class="tresc1">
  2. <div class="kontener_t">
  3. <div class="tresc2none">
  4.  
  5. </div>
  6.  
  7. <div class="tresc2text">
  8. <font color="#858481">Witaj na oficjalnej stronie wsi<font color="#0DA9E8"> Kajetanów</font>.</font>
  9. </div>
  10.  
  11. <div class="tresc2sidebar">
  12.  
  13. <div class="pionowalinia"></div>
  14. <div class="sidebarbox">
  15. </div>
  16.  
  17. </div>
  18. <div class="tresc2none">
  19. </div>
  20. </div>


Próbowałem to zrobić jako prawe obramowanie boczne klasy tresc2text, ale wtedy nie wiem jak ustawić wartość standardową.

zomfire
gdy zrobie tak jak mowisz to przesuwa mi sidebar w dół = http://jsfiddle.net/Mu4M2/
fate
http://jsfiddle.net/Mu4M2/1/

z tekstem wystajacym sie pobaw
zomfire
Nadal sobie z tym nie poradziłem. Za każdym razem gdy ustawiam parametry bocznego obramowania dla .tresc2text boczny panel leci na spód.
Coś źle wklejałem, jednak działa. Dzięki fate.
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.