Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Style nie działają przez <h2>
Forum PHP.pl > Forum > Przedszkole
d.stp
Mam kod:

...
  1. <!-- Content -->
  2. <div class="content">
  3. <div class="content_home_left">
  4. <p>
  5. <h3>aaa</h3>
  6. <h2>bbb</h2>
  7. to nie działa
  8. </p>
  9. </div>
  10.  
  11. <div class="content_home_right">
  12. <p>
  13. aa
  14. </p>
  15. </div>
  16.  
  17. <div class="clear"></div>
  18.  
  19. </div>
  20. <!-- End content -->

i css:
  1. .content {
  2. width: 960px;
  3. margin: 18px auto 18px auto;
  4. }
  5.  
  6. .content .content_home_left {
  7. float: left;
  8. width: 500px;
  9. }
  10.  
  11. .content_home_right {
  12. float: right;
  13. width: 100px;
  14. }
  15.  
  16. .content .content_home_left h3 {
  17. font-size: 36px;
  18. color: #fff;
  19. letter-spacing: -1px;
  20. margin: 0px 0px 7px 0px;
  21. }
  22.  
  23. .content .content_home_left h2 {
  24. font-size: 20px;
  25. color: #ffe400;
  26. letter-spacing: -1px;
  27. margin: 0px 0px 5px 0px;
  28. }
  29. .content p {
  30. font-size: 10px;
  31. color: #fff;
  32. }

I teraz tekst "to nie działa" w ogóle nie reaguje na .content p, a jak usunę <h2> i <h3> to działa. Dlaczego tak może być?
jaslanin
Bo jest to niepoprawny kod HTML. Tagi h1-h7 nie mogą być w paragrafie, masz to jasno napisane w specyfikacji HTML:

http://www.w3.org/TR/html401/struct/global.html#h-7.5.5


powinno być mniej więcej tak:

  1. <h1></h1>
  2. <p></p>


albo zamiast h1 używać span z odpowiednimi ustawieniami
d.stp
trochę to głupie, ale dzięki za odp
viking
Dlaczego głupie? Widziałeś gdzieś w gazecie żeby w środku zamkniętego akapitu ktoś wstawił wielki nagłówek? HTML 5 też teog nie dopuszcza http://dev.w3.org/html5/spec/single-page.h...gs-and-sections
d.stp
a tinymce? dodaje <p></p>, a można ładować do środka nagłówki
viking
No to znalazłeś świetny przykład. W tym edytorze wszystko można wstawić jak popadnie.
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.