Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html] menu
Sebastian003
post
Post #1





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

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


Witam !

Mam bardzo irytujący problem a mianowicie chciałbym wykonać w html takie menu jak pokazane jest na screene.

(IMG:http://kameleon.web-pc.pl/zdjecia/6244773-se.JPG)

Tylko nie bardzo wiem jak to wykonać (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Prosze o pomoc !

Pozdrawiam !
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
qba10
post
Post #2





Grupa: Zarejestrowani
Postów: 264
Pomógł: 20
Dołączył: 19.08.2007
Skąd: Bryńsk k. Lidzbarka Welskiego (nie mylić z Warmińskim)

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


Witam
dość prowizoryczne rozwiązanie...
  1. <link rel="stylesheet" type="text/css" href="tabcontent.css" />
  2.  
  3. <script type="text/javascript" src="tabcontent.js">
  4.  
  5. /***********************************************
  6. * Tab Content script v2.0- Š Dynamic Drive DHTML code library (www.dynamicdrive.com)
  7. * This notice MUST stay intact for legal use
  8. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  9. ***********************************************/
  10.  
  11.  
  12. </head>
  13.  
  14. <ul id="countrytabs" class="shadetabs">
  15. <li><a href="#" rel="country1" class="selected">Tab 1</a></li>
  16. <li><a href="#" rel="country2">Tab 2</a></li>
  17. <li><a href="#" rel="country3">Tab 3</a></li>
  18. <li><a href="#" rel="country4">Tab 4</a></li>
  19. <li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
  20. </ul>
  21.  
  22. <div style="border:1px solid gray; width:746px; margin-bottom: 1em; padding: 10px; height:174px">
  23.  
  24. <div id="country1" class="tabcontent">
  25. Tab content 1 here<br />Tab content 1 here<br />
  26. </div>
  27.  
  28. <div id="country2" class="tabcontent">
  29. Tab content 2 here<br />Tab content 2 here<br />
  30. </div>
  31.  
  32. <div id="country3" class="tabcontent">
  33. Tab content 3 here<br />Tab content 3 here<br />
  34. </div>
  35.  
  36. <div id="country4" class="tabcontent">
  37. Tab content 4 here<br />Tab content 4 here<br />
  38. </div>
  39.  
  40. </div>
  41. <script type="text/javascript">
  42.  
  43. var countries=new ddtabcontent("countrytabs")
  44. countries.setpersist(true)
  45. countries.setselectedClassTarget("link") //"link" or "linkparent"
  46. countries.init()
  47.  

...ale powinno pomóc

Ten post edytował qba10 18.11.2007, 19:29:11
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 17.10.2025 - 20:31