Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [html][css] Problem z listą
JarekPMI
post 31.01.2014, 04:08:05
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 14.01.2014

Ostrzeżenie: (0%)
-----

Tak więc chcę zrobić menu górne wiadomo z listy punktowanej to mi się udało
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <link href="style.css" type="text/css" rel="stylesheet">
  4. <title>Wyprawa</title>
  5. </head>
  6. <body>
  7. <div ID="kontener">
  8. 	<div ID="naglowek">
  9. 	</div>
  10. 	<div ID="menu">
  11. 	<ul>
  12. 	<a href="index.html"><li>Wyprawa</li></a>
  13. 	<a href="o_nas.html"><li>O nas</li></a>
  14. 	<a href="oferta.html"><li>Oferta</li></a>
  15. 	<a href="patronat.html"><li>Patronat</li></a>
  16. 	<a href="sponsorzy.html"><li>Sponsorzy</li></a>
  17. 	<a href="kontakt.html"><li>Kontakt</li></a>
  18. 	<a href="mont_blanc.html"><li>Mont Blanc 2013</li></a></td>
  19. 	</ul>
  20. 	</div>
  21.  
  22. 	<div ID="tresc">
  23. 	</div>
  24. </div>
  25. </body>
  26. </html>
[HTML] pobierz, plaintext

body {
background-color:white;
}

#kontener {
width:1000px;
text-align:left;
margin:5px auto;
background-color:white;
z-index:1;
}

#naglowek{
background-image:url('images/naglowek.png');
height:431px;
}

ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul {
text-align: center;
border-bottom: 1px solid #888;
padding-bottom: 5px;
}

ul li {
display: inline;
white-space: nowrap;
margin-right: 5px;
padding-left:26px;
padding-right:25px;
}

ul a:link, ul a:visited {
font-size:18px;
text-decoration: none;
background-color: #ccc;
color: #000;
border: 1px solid #888;
padding: 5px;
}

ul a:hover {
background-color: #fff;
border-bottom-color: #fff;
}

i teraz tak chciałbym aby po kliknięciu w jakąś tam zakładkę i wejściu w nią aby zakładka ta paliła się na biało oznaczając aktualnie wybraną zakładkę np. żeby było wiadomo że jesteśmy w indeksie próbowałem to zrobić dodając div nowy z nowym ID i w każdej stronie pod odpowiednim punktem ale wychodziło coś takiego http://jaroslaw13.cba.pl/1.png albo inne cuda niewidy za pomocą takiego kodu
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <link href="style.css" type="text/css" rel="stylesheet">
  4. <title>Wyprawa</title>
  5. </head>
  6. <body>
  7. <div ID="kontener">
  8. 	<div ID="naglowek">
  9. 	</div>
  10. 	<div ID="menu">
  11. 	<ul>
  12. 	<div id="akt"><a href="index.html"><li>Wyprawa</li></a></div>
  13. 	<a href="o_nas.html"><li>O nas</li></a>
  14. 	<a href="oferta.html"><li>Oferta</li></a>
  15. 	<a href="patronat.html"><li>Patronat</li></a>
  16. 	<a href="sponsorzy.html"><li>Sponsorzy</li></a>
  17. 	<a href="kontakt.html"><li>Kontakt</li></a>
  18. 	<a href="mont_blanc.html"><li>Mont Blanc 2013</li></a></td>
  19. 	</ul>
  20. 	</div>
  21.  
  22. 	<div ID="tresc">
  23. 	</div>
  24. </div>
  25. </body>
  26. </html>
[HTML] pobierz, plaintext

CODE
body {
background-color:white;
}

#kontener {
width:1000px;
text-align:left;
margin:5px auto;
background-color:white;
z-index:1;
}

#naglowek{
background-image:url('images/naglowek.png');
height:431px;
}

ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul {
text-align: center;
border-bottom: 1px solid #888;
padding-bottom: 5px;
}

ul li {
display: inline;
white-space: nowrap;
margin-right: 5px;
padding-left:26px;
padding-right:25px;
}

ul a:link, ul a:visited {
font-size:18px;
text-decoration: none;
background-color: #ccc;
color: #000;
border: 1px solid #888;
padding: 5px;
}

ul a:hover {
background-color: #fff;
border-bottom-color: #fff;
}

#akt li{
background-color:#fff;
}

już nawet nie chodzi o tą ramkę bo to tam poprawię tylko to ustawienie jak wymódź i czy się wgl da błagam o pilną odpowiedźexclamation.gif
Go to the top of the page
+Quote Post
phpion
post 31.01.2014, 08:35:06
Post #2





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza
Masz nieprawidłowy kod HTML, w <ul> masz totalny misz-masz. To na pewno nie powinno tak wyglądać. Co do pytania: musisz przypisać jakąś klasę do linku (np. active) na podstawie aktualnego adresu (sprawdź co zawiera tablica $_SERVER) i taką klasę ostylować według uznania.
Go to the top of the page
+Quote Post
JarekPMI
post 31.01.2014, 10:06:10
Post #3





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 14.01.2014

Ostrzeżenie: (0%)
-----

a tak trochę bardziej po polsku bo nie rozumiem. czemu bałagan w kodzie? mi się wydaje że jest przejrzyście
Go to the top of the page
+Quote Post
Turson
post 31.01.2014, 10:18:59
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----

O to chodzi
[HTML] pobierz, plaintext 
  1. <div id="akt"><a href="index.html"><li>Wyprawa</li></a></div>
  2. <a href="o_nas.html"><li>O nas</li></a>
[HTML] pobierz, plaintext

Co tu robi div? phpion podpowiedział, żebyś dał jakąś klasę do li
Go to the top of the page
+Quote Post
Xart
post 31.01.2014, 10:56:52
Post #5





Grupa: Zarejestrowani
Postów: 267
Pomógł: 6
Dołączył: 8.04.2013

Ostrzeżenie: (0%)
-----

Piszesz sobie tak:
<li class="nazwa_klasy_z_css">MENU</li>
gdzie nazwa klasy to w css

.nazwa_klasy_z_css
//tutaj style klasy smile.gif
Go to the top of the page
+Quote Post
JarekPMI
post 31.01.2014, 13:41:53
Post #6





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 14.01.2014

Ostrzeżenie: (0%)
-----

już rozumiem dzięki zamykam

zrobiłem jak mówiliście i nie działa niestety... coś więcej?
Go to the top of the page
+Quote Post
Turson
post 31.01.2014, 13:49:27
Post #7





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----

Mamy zgadywać co napisałeś? czarodziej.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 16.06.2025 - 21:37
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn