+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Potrzebuję pomocy związanej z formatowaniem list (/thread-potrzebuje-pomocy-zwiazanej-z-formatowaniem-list)
Potrzebuję pomocy związanej z formatowaniem list - tmajewski - 05-07-2010
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
RE: Potrzebuję pomocy związanej z formatowaniem list - mateo - 05-07-2010
Mapę listy umieść w divie o nazwie np. mapa i potem .mapa li{ } itd.
RE: Potrzebuję pomocy związanej z formatowaniem list - tmajewski - 05-07-2010
No właśnie nie działa. Robiłem tak. Możecie skopiować ten kod i CSS i zobaczycie, że wszystko się sypie.
RE: Potrzebuję pomocy związanej z formatowaniem list - mateo - 05-07-2010
Pokaż tę stronkę.
RE: Potrzebuję pomocy związanej z formatowaniem list - Dhofca - 05-07-2010
(05-07-2010, 04:22)mateo napisał(a): 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>Kod:
#nav ul {}
#nav ul li {}
itd..kolejna lista:
Kod:
<ul id="mapa">
<li>cos</li>
</ul>Kod:
#mapa ul {}
#mapa ul li {}
itd..RE: Potrzebuję pomocy związanej z formatowaniem list - mateo - 05-07-2010
(05-07-2010, 06:25)Dhofca napisał(a):(05-07-2010, 04:22)mateo napisał(a): 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.