Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Menu - problem, rozwiązanie z listą rozwijalną
Eldiane
post
Post #1





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 6.01.2011
Skąd: Sosnowiec

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

Witam, od razu przejdę do sprawy i pokarze swój kod

Tabela.html:
[HTML] pobierz, plaintext 
  1. 		<table border=0 width=100% height=40% bgcolor="#ff5113">
  2. 			<tr>
  3. 				<td>
  4. 					<center><font size="3"><a href="profil.php">Profil</a></font></center>
  5. 				</td>
  6. 			</tr>
  7. 			<tr>
  8. 				<td>
  9. 					<center><font size="3"><a href="profil.php">Produkty</a></font></center>
  10. 				</td>
  11. 			</tr>
  12. 			<tr>
  13. 				<td>
  14. 					<center><font size="3"><a href="profil.php">szukaj</a></font></center>
  15. 				</td>
  16. 			</tr>
  17. 			<tr>
  18. 				<td>
  19. 					<center><font size="3"><a href="profil.php">informacje</a></font></center>
  20. 				</td>
  21. 			</tr>
  22. 			<tr>
  23. 				<td>
  24. 					<center><font size="3"><a href="profil.php">kontakt</a></font></center>
  25. 				</td>
  26. 			</tr>
  27. 			<tr>
  28. 				<td>
  29. 					<center><font size="3"><a href="profil.php">wyloguj</a></font></center>
  30. 				</td>
  31. 			</tr>
  32. 		</table>
[HTML] pobierz, plaintext


Dla przejrzystości wstawię zdjęcie wyglądu tabelki:
(IMG:http://img826.imageshack.us/img826/5624/tabelana.th.png)

Problem jest tego typu że chciałbym żeby stało się to moim menu, czyli jak najadę kursorem na pierwszą pozycje to cała tabela idzie w dół i pojawia się podmenu, myślę że wiadomo o co chodzi (IMG:style_emoticons/default/smile.gif)

Czy da się zrobić takie menu w oparciu o tabele czy trzeba zmienić wszystko na <ul><li> itp?
Jak się za to zabrać od strony CSS'a? podpatrzyłem na stronach z kursami ze są wstawki z js i nie wiem jak się za to zabrać, fajnie by było jakbym mógł liczyć na jakąś poradę (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
krzywy36
post
Post #2





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

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

[HTML] pobierz, plaintext 
  1.  
  2. <html>
  3. <head>
  4. <title>xyz</title>
  5. <style>
  6. ul
  7. {
  8.     list-style: none;
  9.     margin: 0;
  10.     padding: 0;
  11. }
  12. li
  13. {
  14.     background-color: #ccc;
  15.     width: 200px;
  16.     display: block;
  17.     height: 20px;
  18.     overflow: hidden;
  19. }
  20. li:hover
  21. {
  22.     height: auto;
  23. }
  24. .podmenu li:hover
  25. {
  26.     background-color: red;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <ul>
  32.     <li>1
  33. 	<ul class="podmenu">
  34. 	    <li>1.1</li>
  35. 	    <li>1.2</li>
  36. 	    <li>1.3</li>
  37. 	    <li>1.4</li>
  38. 	</ul>
  39.  
  40.     </li>
  41.     <li>1	<ul class="podmenu">
  42. 	    <li>2.1</li>
  43. 	    <li>2.2</li>
  44. 	    <li>2.3</li>
  45. 	    <li>2.4</li>
  46. 	</ul></li>
  47.     <li>1	<ul class="podmenu">
  48. 	    <li>3.1</li>
  49. 	    <li>3.2</li>
  50. 	    <li>3.3</li>
  51. 	    <li>3.4</li>
  52. 	</ul></li>
  53.     <li>1	<ul class="podmenu">
  54. 	    <li>4.1</li>
  55. 	    <li>4.2</li>
  56. 	    <li>4.3</li>
  57. 	    <li>4.4</li>
  58. 	</ul></li>
  59. </ul>
  60. </body>
  61. </html>
[HTML] pobierz, plaintext

tak na szybko. nie mam pojęcia czy da się to zrobić na tabelkach ale nie to jest ich przeznaczeniem.

Edit: @down: nudy w szkole ^^

Ten post edytował krzywy36 28.03.2011, 19:42:09
Go to the top of the page
+Quote Post
Eldiane
post
Post #3





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 6.01.2011
Skąd: Sosnowiec

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

O dziękuje, nie spodziewałem się że ktoś to zrobi za mnie (IMG:style_emoticons/default/smile.gif) kod prosty do ogarnięcia, myślę że sobie poradzę (IMG:style_emoticons/default/tongue.gif)
Z góry dzięki za radę z tabelkami tak samo (IMG:style_emoticons/default/smile.gif)

Pozdrawiam Eldiane (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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 Aktualny czas: 25.08.2025 - 23:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn