CSS Menu i drop down menu. Style się gryzą(?)


(Kernelus) #1

Witam,

Posiadam CSS Mega Menu, które mam ustawione tak jak chcę (jeżeli chodzi o css) do tego mam także z innej strony drop down menu, któe także ma swój css ale jak dodam je do swojej strony to przyjmuje ono css z CSS Mega Menu. Jeżeli chodzi o drop down menu to ma on swoje id a css mega menu nie ma.


(Konrad Kosowski) #2

Daj kod…


(Kernelus) #3

Tu jest mega menu

  • Strona Główna
  • O Studio
  • Oferta

    • Świat masażu i refleksoterapii

      • Masaże dla zdrowia
      • Masaże dla relaksu i urody
      • Zdrowotna refleksoterapia dla dorosłych
      • Zdrowotna refleksoterapia dla dzieci
      • Refleksoterapia anty aging twarzy i głowy
    • Sztuka relaksu

      • Terapia dźwiękiem
      • Trening autogenny Schultza
    • Dietetyka 5 przemian
    • Nordic walking
    • Świecowanie uszu
    • Terapia wibroakustyczna
    • Terapia czaszkowo-krzyżowa
    • Terapia ciepłem i podczerwienią
    • Detoksykacja organizmu
    • Modelowanie sylwetki

      • Drenaż limfatyczny z aparaturą
      • Masaż bańką chińską
      • Endermomasaż – masaż podciśnieniowy
      • Elektrosauna z podczerwienią
      • Likwidacja podwójnego podbródka
      • Podnoszenie i ujędrnianie biustu
      • Podnoszenie i ujędrnianie pośladków
    • Pakiety wellnessowe i pielęgnacyjne na ciało

      • Pakiet Biznes Woman
      • Luksus od stóp do głów
      • Niebiański Dotyk Relaksu
      • W Krainie 3 Zmysłów
      • Pakiet Cellu Stop
      • Pakiet Szczuplejszą Być
      • Pakiet Intensywne Modelowanie
    • Programy zdrowotne

      • Czyste zatoki
      • Lekkie nogi – lżejsze stopy
      • Stop depresji
      • Wzmacniam odporność
      • Zapobiec stopie cukrzycowej
      • Zdrowszy kręgosłup
  • Galeria
  • Kontakt
    [/code] a tu jego css:

[code]ul { font-family: “Trebuchet MS”,Arial,Helvetica,sans-serif; font-size: 18px; line-height:24px; margin: 0; padding: 0; list-style: none; } ul li { display: block; position: relative; float: left;margin-right:20px; } li ul { display: none; } ul li a { display: block; color: #000; text-decoration: none !important; border-radius:10px; padding: 5px 5px 5px 5px; margin-left: 1px; white-space: nowrap; } ul li:hover a { background-image: linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -o-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -moz-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -webkit-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -ms-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.41, rgb(28,28,28)), color-stop(0.5, rgb(71,71,71)), color-stop(1, rgb(71,71,71)) ); color:#ffffff; } li:hover ul { display: block; position: absolute; } li.submenu a { width:290;font-size:14px;color:#ffffff;} li.submenu ul li a{font-size:12px;color:#ffffff;width:255px;} li.submenu ul li.sub2 a{font-size:12px;color:#ffffff;width:155px;} li.submenu ul li.sub3 a{font-size:12px;color:#ffffff;width:235px;} li.submenu ul li.sub4 a{font-size:12px;color:#ffffff;width:205px;} li.submenu ul li.sub5 a{font-size:12px;color:#ffffff;width:205px;} li.submenu ul { display: none; width:100px; } li.submenu:hover ul { display: block; position: absolute; top: 0px;} li.submenu ul li { position: relative; left: 295px; } li.submenu ul li a { display: block; } li:hover li { float: none; font-size: 11px; } li:hover a { background-image: linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -o-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -moz-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -webkit-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -ms-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.41, rgb(28,28,28)), color-stop(0.5, rgb(71,71,71)), color-stop(1, rgb(71,71,71)) ); } li:hover li a:hover { background:#1c1c1c; } ul li a.current { background-image: linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -o-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -moz-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -webkit-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -ms-linear-gradient(bottom, rgb(28,28,28) 41%, rgb(71,71,71) 50%, rgb(71,71,71) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.41, rgb(28,28,28)), color-stop(0.5, rgb(71,71,71)), color-stop(1, rgb(71,71,71)) ); color:#ffffff; }
a tu jest drop down menu

  • Pierwsze

    • Sit Amet

      • Senectus

        • sdasdasd
      • Aliquam
      • Vivamus
      • Magna
      • Donec
    • Massa
    • Libero
  • Drugie

    • drugiepod

      • asdsadas
      • Alsdsam
      • Vsdasmus
      • MagaaDonec

[/code] i jego css:

[code]body { font-family: “Trebuchet MS”, Helvetica, Sans-Serif; font-size: 14px; } #jQ-menu ul { list-style-type: none; } #jQ-menu a { color: gray; text-decoration: none; padding-bottom: 3px; } #jQ-menu li { color: gray; text-decoration: none; padding-bottom: 3px; } #jQ-menu ul { padding-left: 15px; } #jQ-menu ul.submenu1 { font-size:13px; } #jQ-menu ul.submenu2{ font-size:12px; } #jQ-menu ul.submenu3{ font-size:11px; }