Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Osobny CSS dla konkretnego DIV
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
cshamoh
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 smile.gif)?

Thnx
JoShiMa
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.
cshamoh
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 smile.gif
nevt
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.
cshamoh
Problem w tym ze HTML bedzie pochodzil z TinyMCE.
Mozna go tak skonfigurowac, zeby do tagow dodawal odpowiedni class="" ?
JoShiMa
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 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.
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.