Potrzebuję pomocy związanej z formatowaniem list

[tmajewski]

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

<ul>
<li><a href="index.html">O nas</a></li>
<li><a href="portfolio_www.html">Portfolio</a></li>
<li><a href="oferta.html">Oferta</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>

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:

<ul>
<li class="dupa"><a href="index.html">O nas</a></li>
<li><a href="portfolio_www.html">Portfolio</a>
<ul>
<li><a href="portfolio_grafika.html">Grafika</a></li>
<li><a href="portfolio_logo.html">Logo</a></li>
</ul>
</li>
<li><a href="oferta.html">Oferta</a>
<ul>
<li><a href="strony_www.html">Strony www</a></li>
<li><a href="pozycjonowanie.html">Pozycjonowanie</a></li>
<li><a href="grafika.html">Grafika</a></li>
<li><a href="logo.html">Projekty logo</a></li>
</ul>
</li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>

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

[mateo]

Mapę listy umieść w divie o nazwie np. mapa i potem .mapa li{ } itd.

[tmajewski]

No właśnie nie działa. Robiłem tak. Możecie skopiować ten kod i CSS i zobaczycie, że wszystko się sypie.

[mateo]

Pokaż tę stronkę.

[Dhofca]

Mapę listy umieść w divie o nazwie np. mapa i potem .mapa li{ } itd.

Oczywiście chodzi o klasę jeżeli chcesz użyć kropki (.mapa).
A najzwyczajniej rób tak:

Kod:

<ul id="nav">
<li>cos</li>
</ul>

i do tego css:

Kod:

#nav ul {}
#nav ul li {}
itd..

kolejna lista:

Kod:

<ul id="mapa">
<li>cos</li>
</ul>

i do tego css:

Kod:

#mapa ul {}
#mapa ul li {}
itd..

[mateo]

Mapę listy umieść w divie o nazwie np. mapa i potem .mapa li{ } itd.

Oczywiście chodzi o klasę jeżeli chcesz użyć kropki (.mapa).
A najzwyczajniej rób tak:

Nie chodziło mi dokładnie o to ale jest to jakieś rozwiązanie.