Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Rozstrzelenie teksu
Forum PHP.pl > Forum > Przedszkole
redelek
Witam,

Mam mały problemik bo nie mogę zobie poradzić ze zwiększeniem odstępu między 3 tekstami.
Wygląda to tak

  1. <div class="title" style="width: 294px; height: 77px">
  2. <h1 class="h1-style1"><span><font size="4">JAKIŚ TYTUŁ</font></span></h1>
  3. <span class="h2-style2" align="center">022 XXX XX XX</span><br />
  4. <span class="h2-style1">Małe co nieco w tym temacie</span>
  5. </div>

Problem jest w tym, że telefon jest mało widoczny bo górny i dolny tekst go "zalewa". Chciałbym zwiększyć odstęp
po JAKIŚ tytuł i po telefonie. Próbowałem margin i padding ale nic to nie daje. Styl wygląda tak
  1. .h2-style1 {
  2. font-size: 12px;
  3.  
  4. }
  5. .h2-style2 {
  6. font-size: 12px;
  7. color: black;
  8.  
  9. }


Macie może jakieś pomysły?
lamcpp
pomysł jest taki, byś zamienił span na div np.
  1. <div class="title" style="width: 294px; height: 77px">
  2.  
  3. <h1 class="h1-style1"><span><font size="4">JAKIŚ TYTUŁ</font></div></h1>
  4.  
  5. <div class="h2-style2" align="center">022 XXX XX XX</div><br />
  6.  
  7. <div class="h2-style1">Małe co nieco w tym temacie</div>
  8.  
  9. </div>


i w stylach ustalił co tylko sobie chcesz:
np.
  1. .h2-style1{
  2. padding-top:10px;
  3. padding-bottom:10px;
  4. }
  5.  
  6. .h2-style2{
  7. padding-top:10px;
  8. padding-bottom:10px;
  9. }
wookieb
np line-height
Mam nadzieję, że stosujesz odpowiedni doctype bo w xhtmlu nie ma już taga FONT
Mnichasso
a gdyby ustawił display: block; dla span-u questionmark.gif

  1. .h2-style1 {
  2. font-size: 12px;
  3. padding-top: 10px;
  4.  
  5. }
  6. .h2-style2 {
  7. font-size: 12px;
  8. color: black;
  9. display: block;
  10. padding-top: 10px;
  11. padding-bottom: 10px;
  12. }
  13.  

  1. <div class="title" style="width: 294px; height: 77px">
  2. <h1 class="h1-style1"><span><font size="4">JAKIŚ TYTUŁ</font></span></h1>
  3. <span class="h2-style2" align="center">022 XXX XX XX</span>
  4. <span class="h2-style1">Małe co nieco w tym temacie</span>
  5. </div>
  6.  

lamcpp
Cytat
a gdyby ustawił display: block; dla span-u questionmark.gif

Można, ale uważam że jeśli element jest liniowy to nie róbmy z niego na siłę elementu blokowego.
wookieb
Zawsze można zastosować display: inline-block i po kłopocie smile.gif
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.