Logowanie
Potrzebuję pomocy związanej z formatowaniem list
- Zaloguj się, by odpowiadać
niedziela, 4 lipiec 2010, 20:52
Szarpię się następującym tematem i już mi ręce opadają. Zrobiłem menu oparte o listę ale chciałbym na tej stronie dać jeszcze jedną listę (mapa strony) Jednakże ta druga lista dziedziczy po pierwszej wszystkie właściwości. Nie bardzo wiem jak nadać nowe właściwości tylko drugiej liście.
Podam kod xhtml i css dla pierwszej listy:
html
CSS
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul {
position: absolute;
}
ul li {
float: left;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: transparent #25b #25b #9ce;
}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
width: 95px;
text-align: center;
padding: 5px 0;
font-weight: bold;
background-color: #58A1C2;
color: #def;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
ul a:hover {
background-image: url(images/tlo_active.png);
color: #fff;
border-top: 5px solid #ffffff;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
lista dla drugiej strony ma taki kod html:
Błagam pomóżcie mi rozwiązać ten problem bo mnie już cholera bierze. Chciałbym sformatować tą drugą listę aby wyświetlała się jako normalna lista tekstowa, w pionie, bez tła.
Z góry dziękuję za pomoc.
Mayeros
Problemem może być to, że używasz selektorów potomka: "ul li". Taki selektor będzie działał na
<ul><li>, ale też na <ul><li><ul><li>.
Zamiast selektora potomka możesz nadać jakąś klasę dla głównego znacznika ul i użyć selektora dziecka ul.costam > li, albo wyjść aż od body, czyli body div.costam div.costam ul li.
Oprócz tego należy pamiętać, że IE6 nie rozpoznaje selektorów dziecka, czyli ul > li.
miło mi - janek jestem. czasem robię animacje
Dzięki wielkie, już rozkminiłem