Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css]pytanie przy robieniu menu(grafika obok grafiki)jak?
gigzorr
post
Post #1





Grupa: Zarejestrowani
Postów: 652
Pomógł: 47
Dołączył: 6.02.2010
Skąd: Radom

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

otóż mam takie pytanie , nigdy nie wiedziałem jak zrobić poziome menu z grafikami , np

mam pocięte grafiki juz , i jest np. strona główna,gry,programy,forum,kontakt

i jak to osadzić stosujać div obok siebie?
dajmy na to , że obrazki są ponumerowane od 1 do 5 .

#menu {background-image:url(1.jpg);
background-image:url(2.jpg) i tak dalej do 5?wątpie ^^
}


nigdy nie rozumiałem oco chodzi robiąc takie menu.jakaś pomoc?(IMG:style_emoticons/default/smile.gif)

oraz , jak przypisac link do obrazka? a także czy te obrazki sie ustawia w cssie?czy w indexie?nie rozumiem , może jakis przykład?

dziękuje za wszelkie odpowiedzi

Ten post edytował gigzorr 21.02.2010, 20:19:58
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
gigzorr
post
Post #2





Grupa: Zarejestrowani
Postów: 652
Pomógł: 47
Dołączył: 6.02.2010
Skąd: Radom

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

dodawać do #topa też próbowałem
[HTML] pobierz, plaintext 
  1. * {
  2.   padding:0;
  3.   margin: 0 auto;
  4.  
  5.   }
  6.  
  7.  
  8. body {background:#999;}
  9.  
  10. #top {background-image:url(images/logo.jpg);
  11.       height:122px;
  12. 	  width:1024px;
  13.  
  14.  
  15. }
  16.  
  17.  
  18. #center {
  19. 	     background-image:url(images/center.jpg);
  20. 		 height:540px;
  21. 		 font-family:Verdana,Times New Roman;
  22. 		 font-size:20px;
  23. 		 width:825px;
  24. 		 margin-top:40px;
  25. 		 text-align:center;
  26. 		 margin-left:200px
  27.  
  28.  
  29.  
  30. }
  31.  
  32. #stopka {
  33. 	background-image:url(images/stopka.jpg);
  34. 	height:44px;
  35. 	width:1024px
  36. }
  37.  
  38. .mila {color:#03C;
  39.        font-family:Times New Roman,Arial,Verdana,Georgia;
  40. }
  41.  
  42. .podpis {color:#FF0;
  43.          text-align:right
  44. }
  45.  
  46. #left {
  47. 	background:#0C0;
  48. 	width:200px;
  49. 	height:544px;
  50. 	position:absolute;
  51. 	top:160px;
  52. 	float:left;
  53.  
  54. }
  55.  
  56.  
  57. .menu {color:#FC0;
  58.        font-family:Verdana,Times New Roman;
  59. }
  60.  
  61.  
  62. 	   ul, ul li {
  63. 	display: block;
  64. 	list-style: none;
  65. 	margin: 0;
  66. 	padding: 0;
  67.  
  68. }
  69.  
  70. ul {
  71. 	position: absolute;
  72. }
  73.  
  74. ul li {
  75. 	float: left;
  76. 	border-width: 0 1px 1px 1px;
  77. 	border-style: solid;
  78. 	border-color: transparent #25b #25b #9ce;
  79. }
  80.  
  81. ul a:link, ul a:visited {
  82. 	text-decoration: none;
  83. 	display: block;
  84. 	width: 203px;
  85. 	text-align: center;
  86. 	padding: 5px 0;
  87. 	font-weight: bold;
  88. 	background-color: #27c;
  89. 	color: #def;
  90. 	border-top: 10px solid #25b;
  91. }
  92.  
  93. ul a:hover {
  94. 	background-color: #28e;
  95. 	color: #fff;
  96. 	border-top: 20px solid #26d;
  97. }
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Moja strona portfolio</title>
  7. <link rel="stylesheet" type="text/css" href="style.css" />
  8. </head>
  9. <body>
  10.  
  11. <div id="top"></div>
  12.  
  13. <ul>
  14. <li><a href="czcionki.html">Czcionki</a></li>
  15. <li><a href="tekst.html">Tekst</a></li>
  16. <li><a href="tlo.html">Tło</a></li>
  17. <li><a href="marginesy.html">Marginesy</a></li>
  18. <li><a href="obramowanie.html">Obramowanie</a></li>
  19. </ul>
  20. <div id="left">
  21. <h3 class="menu">Menu:</h3>
  22. <br />
  23. <a href="index.htm">Strona głowna</a><br /><br />
  24. <a href="index.html">Html</a><br /><br />
  25. <a href="index.html">Css</a><bR /><br />
  26. <a href="idnex.html">Kontakt</a>
  27. </div>
  28.  
  29. <div id="center">
  30. <h1 align="center" class="mila">tytul</h1>
  31. test newsa...
  32. Naturalnie po japońskim ataku na Pearl Harbor organizacja się rozwiązała i prawie wszyscy przystąpili do walki, jak przystało na patriotów.
  33.  
  34. Obecnie głosy izolacjonistów różnego odcienia nasilają się. Najgłośniejszy z nich to Pat Buchanan, który odwołuje się do tradycyjnych argumentów. Ameryka jest republiką, a nie imperium. Dlaczego więc prowadzi imperialną politykę zagraniczną?
  35.  
  36. Dlaczego amerykańscy żołnierze giną w konfliktach na obcej ziemi, choćby w Iraku i Afganistanie? To nie ma nic wspólnego z obroną USA. Zamknijmy się u siebie, uszczelnijmy granice i będzie cicho, dobrze i bezpiecznie. Może powinniśmy rozwiązać NATO?
  37.  
  38. Jest to tendencja do pewnego stopnia popularna, jak ostrzegają neokonserwatyści Robert Kagan i William Kristol. Siły izolacjonizmowi dodaje brak klarownej wizji w amerykańskiej polityce zagranicznej.
  39.  
  40. Naturalnie wycofanie się Ameryki ze spraw światowych oznaczałoby zamianę układu jednobiegunowego na wielobiegunowy. Cyniczny makiawelista Henry Kissinger uważa, że wyłoniłby się układ oparty na regionalnych hegemonach (Chiny, Rosja, Indie, Unia Europejska i USA). Ale nawet Kissinger przyznaje, że harmonijna współpraca w takim układzie byłaby trudna, bowiem najsilniejsi gracze nie są kompatybilni cywilizacyjnie. Co będzie, gdy Pax Americana się rozsypie? Albo gdy Amerykanie zrezygnują z palmy pierwszeństwa? 
  41. <h4 class="podpis">podpis</h4>
  42. </div>
  43. <div id="stopka"></div>
  44. </body>
  45. </html>
[HTML] pobierz, plaintext

Wszelakie treści są przykładowe tylko.

Ten post edytował gigzorr 21.02.2010, 21:16:46
Go to the top of the page
+Quote Post

Posty w temacie
- gigzorr   [css]pytanie przy robieniu menu(grafika obok grafiki)jak?   21.02.2010, 20:18:27
- - Armstrong   http://www.kurshtml.boo.pl/css/poziome_menu,menu.h...   21.02.2010, 20:41:20
- - gigzorr   właśnie to odwiedziłem : [HTML] pobierz, plaintext...   21.02.2010, 20:48:27
- - krzysztof_kf   eee ja mam dobrze może jakiś selektro masz dopisan...   21.02.2010, 20:52:55
- - gigzorr   tutaj cały kod css [HTML] pobierz, plaintext * {m...   21.02.2010, 20:55:18
- - krzysztof_kf   w opcji wyrzuć margin-left: 60px; to ci właśnie k...   21.02.2010, 20:57:25
- - gigzorr   Teraz jest super , dzięki , jeszcze jedno pytanie ...   21.02.2010, 21:01:18
- - krzysztof_kf   za pomocą Kodmargin: 0 auto; eee i jeszcz...   21.02.2010, 21:05:35
|- - gigzorr   Cytat(krzysztof_kf @ 21.02.2010, 21:02...   21.02.2010, 21:05:41
- - krzysztof_kf   dodaj do Kodmargin: 0 auto; najlepiej jakis...   21.02.2010, 21:08:46
|- - gigzorr   Cytat(krzysztof_kf @ 21.02.2010, 21:08...   21.02.2010, 21:11:28
- - krzysztof_kf   pokaż kod   21.02.2010, 21:12:36
- - gigzorr   dodawać do #topa też próbowałem [HTML] pobierz, pl...   21.02.2010, 21:15:13
- - krzysztof_kf   moment Kod<h3 class="menu">Menu...   21.02.2010, 21:37:11
|- - gigzorr   Cytat(krzysztof_kf @ 21.02.2010, 21:37...   21.02.2010, 21:41:08
- - krzysztof_kf   zaraz ci to zrobię trochę bajzer ;/ dalej chyba d...   21.02.2010, 21:54:17
|- - gigzorr   Cytat(krzysztof_kf @ 21.02.2010, 21:54...   21.02.2010, 21:57:32
- - krzysztof_kf   kolego byś kliknoł pomógł   21.02.2010, 22:01:50
|- - gigzorr   Cytat(krzysztof_kf @ 21.02.2010, 22:01...   21.02.2010, 22:09:18
- - krzysztof_kf   jak wycentrujesz za pomocą header np Kod#header ...   21.02.2010, 22:31:21

« Następny starszy · Przedszkole · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

RSS Aktualny czas: 3.10.2025 - 14:46
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn