Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Pusty wiersz w CSS, Kod CSS zamiast tagu xhtml <br />
Kas
post
Post #1





Grupa: Zarejestrowani
Postów: 425
Pomógł: 0
Dołączył: 28.05.2005
Skąd: Warszawa

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


Forumowicze aktywni w tym dziale mnie znienawidzą. (IMG:style_emoticons/default/biggrin.gif)

Strona: http://www.niebowsieci.pl/

Przed pogrubionymi kategoriami chcę umieścić odstęp, zrobiony w CSS. Napisałem taki kod:

  1. li.page_item a:before {
  2. content: "";
  3. }
  4.  
  5. li.page_item ul li a:before {
  6. content: "";


I tym sposobem mogę wpisać dowolne znaki. Problem w tym, że wpisanie tagu <br /> powoduje jego wyświetlenie. CSS jest warstwą wyższą niż XHTML. Czy w CSS jest jakiś sposób aby wymusić przejście do następnej linii/odstęp?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


Po co więcej


  1.  
  2. li.page_item a {
  3. font-weight: bold;
  4. padding-bottom: 10px;
  5. }
  6.  


Ten post edytował krzysztof_kf 27.04.2010, 10:14:29
Go to the top of the page
+Quote Post
Kas
post
Post #3





Grupa: Zarejestrowani
Postów: 425
Pomógł: 0
Dołączył: 28.05.2005
Skąd: Warszawa

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


Właśnie ten patent, niestety, nie działa. Nie wiem czemu. Może dlatego, że to nie jest element blokowy?
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #4





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


A teraz pododawaj do klas

  1. li.page_item a {
  2. line-height: 4em;
  3.  
  4. }
  5.  
  6. li.page_item ul li a {
  7. line-height: 0;
  8. }
  9.  


Ten post edytował krzysztof_kf 27.04.2010, 10:29:58
Go to the top of the page
+Quote Post
Kas
post
Post #5





Grupa: Zarejestrowani
Postów: 425
Pomógł: 0
Dołączył: 28.05.2005
Skąd: Warszawa

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


Zaraz zobaczę co znajomy na to powie. Pierwotnie prosił tylko o odstęp ponad pogrubioną nazwą kategorii. Na wszelki wypadek: jak to zrobić? Parametr line-height zwiększa/zmniejsza odstęp pod i nad tekstem. A żeby było tylko nad?
Go to the top of the page
+Quote Post
pedro84
post
Post #6





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


Cytat(Kas @ 27.04.2010, 11:36:14 ) *
Zaraz zobaczę co znajomy na to powie. Pierwotnie prosił tylko o odstęp ponad pogrubioną nazwą kategorii. Na wszelki wypadek: jak to zrobić? Parametr line-height zwiększa/zmniejsza odstęp pod i nad tekstem. A żeby było tylko nad?

Ustawia wzsokođ linii. Ale padding/margin musi Ci zadziałać
Go to the top of the page
+Quote Post
ziqzaq
post
Post #7





Grupa: Zarejestrowani
Postów: 428
Pomógł: 128
Dołączył: 17.06.2007

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


A nie wystarczy padding do elementów blokowych? Po co kombinować z elementami <a>?
(to nie jest pełny kod tylko wycinek)
  1. #sidebar ul ul li {
  2. padding: 4px 0 0 0;
  3. }
  4. #sidebar ul ul ul li {
  5. padding: 0;
  6. }


Ten post edytował ziqzaq 27.04.2010, 10:41:47
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 2.10.2025 - 18:12