Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Osobny CSS dla konkretnego DIV
cshamoh
post
Post #1





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

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


Mam taka mala zagwozdke.
Globalnie dla calej strony w pliku ze stylami ustawione jest cos takiego:

Kod
ul, li {margin:0; padding:0; list-style:none;}


ale mam div w ktorym umieszczam zawartosc z WYSIWG i w tym DIVie potrzebuje zeby listy nie mialy ustwionego property list-style: none; .
Chce jak najmniej ingerowac w layout strony i class + id dla tagow.

Jest jakas prosty trick (crossbrowser (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) )?

Thnx
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
JoShiMa
post
Post #2





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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


To nadaj temu divowi ID albo class i zdefiniuj zachowanie listy w takim diwie

  1. div#moje_ID ul, li{list-style: circle;}


I po kłopocie.

W ogóle uważam ustawianie globalne dla ul i li list-style:none; za niepoważne. To powinno się ustawiać dla konkretnych klas.
Go to the top of the page
+Quote Post
cshamoh
post
Post #3





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

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


Zgadzam sie, ze takie globalne ustwienia to przynajmniej male niedopatrzenie, ale layout dostalem od klienta i bede w niego ingerowac w ostatecznosci.

Co do rozwiazania powyzej, to jest to pierwsze czego sprobowalem, ale ustawianie list-style nie dziala.
Zeby bylo ciekawiej ciekawe ustawienie np. padding tak (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
nevt
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

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


po pierwsze, klasę nadaj nie div tylko bezpośrednio ul i li, np:
Kod
ul.moja_lista, li.moja_lista { list-style: circle; }

po drugie, upewnij się, że powyższa linijka będzie w pliku CSS PONIŻEJ linijki
Kod
ul, li {margin:0; padding:0; list-style:none;}


powinno pomóc.
Go to the top of the page
+Quote Post
cshamoh
post
Post #5





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

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


Problem w tym ze HTML bedzie pochodzil z TinyMCE.
Mozna go tak skonfigurowac, zeby do tagow dodawal odpowiedni class="" ?
Go to the top of the page
+Quote Post
JoShiMa
post
Post #6





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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


Cytat(cshamoh @ 4.09.2008, 16:23:48 ) *
Zgadzam sie, ze takie globalne ustwienia to przynajmniej male niedopatrzenie, ale layout dostalem od klienta i bede w niego ingerowac w ostatecznosci.

Co do rozwiazania powyzej, to jest to pierwsze czego sprobowalem, ale ustawianie list-style nie dziala.
Zeby bylo ciekawiej ciekawe ustawienie np. padding tak (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

A wstawiłeś ten styl przed tym globalnym czy też za? W pierwszym przypadku ten globalny Ci to przekryje i będzie kiszka.
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: 23.12.2025 - 21:50