Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Zależność oddzielnika od tekstu.
zomfire
post
Post #1





Grupa: Zarejestrowani
Postów: 33
Pomógł: 0
Dołączył: 3.12.2013

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


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ą.

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: 22.08.2025 - 03:32