Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] menu
Forum PHP.pl > Forum > Przedszkole
Sebastian003
18.11.2007, 12:56:00
Witam !

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



Tylko nie bardzo wiem jak to wykonać questionmark.gif

Prosze o pomoc !

Pozdrawiam !
Daimos
18.11.2007, 13:13:26
prosisz o gotowca czy pomoc? jak pomoc, to pokaz jak kombinowales, jakis kod i pomozemy
Sebastian003
18.11.2007, 16:33:07
Problem jest w tym ze ja nie wiem od czego zacząć
drPayton
18.11.2007, 16:40:14
Najlepiej zacząć od googli zamiast zaśmiecać forum! LINK (jeden z wielu)
Sebastian003
18.11.2007, 19:06:42
ok dzięki drPayton

Ale mam następny problem.

oto ta ramka

http://www.web-pc.pl/fiz/

ale jak zrobić żeby ją wyśrodkować

probowałem pozmieniać wartości w css ale nie udało się

http://www.web-pc.pl/fiz/tabcontent.css

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

...ale powinno pomóc
Sebastian003
18.11.2007, 21:36:44
tabelka się przesunęła ale menu zostało odchylone do lewej strony

nic nie pomogło

zobacz sobie w jakis edytorze graficznym


;]
Daimos
18.11.2007, 23:22:41
wszystko (WSZYSTKO) winksmiley.jpg wsadz w warstwe o takich parametrach:
[HTML] pobierz, plaintext 
  1. <div style="margin: 0 auto;" width:tuszerokoscwpikselach">TUTAJ WSZYSTKO CO CHCESZ WYSRODKOWAC :)</div>
[HTML] pobierz, plaintext
Sebastian003
19.11.2007, 21:13:06
Jakoś tak biorę i sami zobaczcie !




my salsa to nic nie daje pomocy
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.