1. Tudásbázis
  2. Egyéb
  3. Lista elemek

Lista elemek

Beküldte zoliky - 2009. augusztus 4. 11.31
zoliky képe

Hello,
Eszrevettem, hogy a drupal oldalakon a lista elemeknel a kovetkezo kodot:

list-style: none

a LI elemekre kell rakni.. Nem ertem miert van igy, mert olvastam par konyvet (pl. CSS Mastery, Andy Budd) amelyben minden lista igy volt lekezelve:

ul {
list-style: none;

Van ennek valami logikus magyarazata?

Drupal verzió: 
6.x
Fórum: 
Egyéb
zoliky képe

Beküldte zoliky - 2009. augusztus 4. 16.58

Hiaba probalom ezt nem mukodik:

page.tpl.php

 <?php if ($left) { ?>
     <div id="sidebar"><?php print $left; ?></div>
<?php } ?>

style.css

#sidebar ul.menu {
  list-style: none;
}

Nem tunnek el a kerek pontok a menu elemek elol. Lehet, hogy huje vagyok de nekem tul magas. Figyeltem peldaul ezt a sminket, hasonloan oldottak meg es naluk mukodik (bal oldali menu): http://www.famouslyfit.com/

Az en CSS kodom biztos jol van megcelozva, mert ha egy hatteret rakok az "ul" elemnek elojon.

Jol jonne par tanacs.

0
0
Den képe

Beküldte Den - 2009. augusztus 4. 17.38

javasolt. (Firefox only)

Utána tudsz keresgélni, hogy milyen css-ek kerülnek egyátalán beolvasásra, milyen szabályok írják felül egymást, amelyeknek szerinted jónak kellene lenniük, stb. Ha minden kötél szakad, akkor list-style: none !important;. De ez sem segít akkor, ha a szabály nem illeszkedik elemre.

A js/css-cache-t kapcsold ki, a theme cache-t meg töröld és úgy is nézd meg. (Az első kell, a második nembaj ha megtörténik).

(A fenti példa oldalon pl. nincs sidebar id-jű elem. sidebar-left van.)

0
0

--
Szabó Dénes - Internode.hu - Munkára fogott weblapok

zoliky képe

Beküldte zoliky - 2009. augusztus 4. 19.32

letrehoztam egy tok ures drupal sminket.. par valtozo a "page.tpl.php" fajlba es egyetlen egy sor a css fajlba:

ul { list-style: none; }

a rohadek nem tunteti el a kerek jelet. Legalabbis a "navigacios blokban" nem tunteti el, a tobbi UL elemrol amit en manualisan hozok letre, eltunteti.

szerintem a drupalban lehet valami, az !important nem segit. Egyebkent firebugot hasznalok 2 eve.

0
0
Jenő képe

Beküldte Jenő - 2009. augusztus 4. 20.26

Ha Firebugot használsz láthatod, hogy több css fájl szabályozza az oldal megjelenését. A navigáció menü megjelenését a modules/system/system-menus.css fájl is meghatározza. Amennyiben a saját css fájlodban nem írod felül az abban (system-menus.css-ben) található leírást, akkor azokat fogja használni. Az kevés a saját css-ben, hogy:

ul { list-style: none; }

1. Az li tagra kell leírást adj.
2. A megfelelő osztályra is hivatkozni kell, pl:

li.leaf {list-style-image: none; list-style-type: none;}
li.collapsed {list-style-image: none; list-style-type: none;}
0
0

-- http://boj.hu --

zoliky képe

Beküldte zoliky - 2009. augusztus 4. 20.37

Jeno, koszonom!

0
0
sgabe képe

Beküldte sgabe - 2009. augusztus 4. 20.43

A lényeg, hogy ebben az esetben ez azért nem működik, mert a rendszer alap CSS fájljaiban az li tagra és megfelelő osztályára hivatkoznak, így annak nagyobb a precedenciája (minél szűkebb a meghatározás, annál inkább). Hogy ezt módosítani tudd, neked is erre kell hivatkozni.

0
0
Den képe

Beküldte Den - 2009. augusztus 4. 22.14

A firebug szépen írja, hogy az aktuális elem honnan veszi a szabályt. A legfelső amit használ, alatta azok, amelyek vonatkoznak rá, áthúzva benn azokat, amelyek felülírtak már egy rule által.

Webfejlesztéshez musthave eszköz.

0
0

--
Szabó Dénes - Internode.hu - Munkára fogott weblapok