Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Menu
Forum PHP.pl > Forum > Przedszkole
ziperv1
7.05.2012, 14:32:13
Witam mam problem dotyczący menu na swojej stronie. Jestem młodym webmasterem i dopiero się uczę, pomyślałem, że wezmę pomoc od osoby umiącej dobrze CSS'a. Chciałbym żeby link STRONA GŁÓWNA był w jednej linii co inne. Jak to zrobić ? Jeżeli będę miał jakieś błędy w tym kodzie to zwracam się z ogromną prośbą o pomoc. Bardzo chętnie przyjmę pomoc na gadu gadu bądź innym komunikatorze . Pozdrawiam ! Z góry dzięki


[HTML] pobierz, plaintext 
  1. @font-face {
  2.     font-family: 'MyriadProCondensed';
  3.     src: url('../font/myriadpro-cond-webfont.eot');
  4.     src: url('../font/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
  5.          url('../font/myriadpro-cond-webfont.woff') format('woff'),
  6.          url('../font/myriadpro-cond-webfont.ttf') format('truetype'),
  7.          url('../font/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
  8.     font-weight: normal;
  9.     font-style: normal;
  10.  
  11. }
  12.  
  13. @font-face {
  14.     font-family: 'MyriadProCondensed';
  15.     src: url('../font/myriadpro-cond-webfont.eot');
  16.     src: url('../font/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
  17.          url('../font/myriadpro-cond-webfont.woff') format('woff'),
  18.          url('../font/myriadpro-cond-webfont.ttf') format('truetype'),
  19.          url('../font/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
  20.     font-weight: normal;
  21.     font-style: normal;
  22.  
  23. }
  24.  
  25. @font-face {
  26.     font-family: 'MyriadProCondensed';
  27.     src: url('../font/myriadpro-cond-webfont.eot');
  28.     src: url('../font/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
  29.          url('../font/myriadpro-cond-webfont.woff') format('woff'),
  30.          url('../font/myriadpro-cond-webfont.ttf') format('truetype'),
  31.          url('../font/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
  32.     font-weight: normal;
  33.     font-style: normal;
  34.  
  35. }
  36.  
  37. /*  Main  */
  38. body {
  39.  background: url(../images/background.png);
  40.  font-family: Arial, Helvetica, sans-serif;
  41.  font-size: 13px;
  42. }
  43. /* MENU */
  44. #container {
  45. width:960px;
  46. margin:0 auto;
  47. }
  48.  
  49. #bg-menu {
  50. background: url(../images/bg-menu.png) center;
  51. background-repeat: no-repeat;
  52. height: 200px;
  53. }
  54. #bg-menu ul{
  55. color:#58321f;
  56. font-family:MyriadProCondensed;
  57. list-style:none;
  58. font-size: 14pt;
  59. }
  60. #bg-menu ul li{
  61. float:left;
  62. width: 20px;
  63. height:200px;
  64. margin: 90px 45px 0px 100px;
  65. }
  66. #logo {
  67. background: url(../images/logo.png) no-repeat;
  68. height: 55px;
  69. width: 135px;
  70. display:block;
  71. margin: -165px 0px 0px 95px;
  72. outline:none;
  73. }
  74.  
  75. .logok {
  76. height:55px;
  77. width: 135px;
  78. display:block;
  79. }
  80. #logo:hover {
  81. opacity:0.7;
  82. filter:alpha(opacity=80);
  83. }
  84.  
  85. }
  86.  {
  87. }
[HTML] pobierz, plaintext



http://scr.hu/screenshooter/6549443/pscrluv
lukasz_os
7.05.2012, 14:35:15
Kod HTML menu by sie przydał. W ogóle najlepiej jakbys to wrzucił na jakiś darmowy hosting.
rocktech.pl
7.05.2012, 14:49:48
Witam.

Zakładam, że jakoś tak:
Dodaj na dole albo podmień.
[CSS] pobierz, plaintext 
  1. #bg-menu ul li{
  2.     width: auto;
  3. }
[CSS] pobierz, plaintext
ziperv1
7.05.2012, 14:53:33
prosze wrzucone na hosting : http://kpartyga.cba.pl/
ziperv1
7.05.2012, 14:58:55
tak, działa tyle że teraz nie mogę zmieścić danej listy w obrębie tego menu .
ziperv1
7.05.2012, 15:10:48
może ktoś chciałby pomóc laikowi na bieżąco ... mój numer GG : 7413501 . Pozdrawiam !
rocktech.pl
7.05.2012, 15:28:41 
[CSS] pobierz, plaintext 
  1. #bg-menu ul li:first-child{
  2.     margin-left: 0;
  3. }
[CSS] pobierz, plaintext


I jeszcze kilkanaście innych sposobów.
ziperv1
7.05.2012, 15:35:04
a jak zrobić przerwe pomiędzy <li> ?
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.