• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Jak pozbyć się niepotrzebnego tła w obrębie bocznego menu?

0 głosów
68 wizyt
pytanie zadane 11 stycznia w HTML i CSS przez Krzysiek_34 Gaduła (3,550 p.)
zamknięte 12 stycznia przez Krzysiek_34

Witam.

Jak pozbyć się tła w kolorze pomarańczowo-czerwonym w bocznym menu? Użyłem background-color: none;, ale to nic nie pomogło.

Ten kolor tła #C34F4F jest w górnym panelu menu i tak ma zostać:

nav
{
	overflow: hidden;
	background-color: #C34F4F;
	padding: 6px;
	margin-top: 10px;
}

Niestety to samo tło pojawiło się w obrębie bocznego menu i zapis w CSS wygląda tak:

.panel-1 nav ul
{
	padding: 10px 10px 10px;
	list-style-type: none;
	background-color: none;
}

Gdy tutaj dopiszę, np. background-color: #000000;, to pojawi się czarne tło w obrębie tego bocznego menu, ale żadnego tła ma nie być.

Wygląda to tak:

https://jsfiddle.net/Krzysiek_35/b85vvtmj/2/

Wiecie jak pozbyć się tego tła w kolorze pomarańczowo-czerwonym w obrębie bocznego menu?

komentarz zamknięcia: Problem został rozwiązany.

3 odpowiedzi

+1 głos
odpowiedź 11 stycznia przez xmentor Nałogowiec (41,220 p.)

Styluj po samych klasach to nie będziesz miał takich problemów :)

wydaje mi się, że background-color nie ma właściwości none

Możesz to również zrobić tak:

.panel-1 nav {
  background: none;
}

 

+1 głos
odpowiedź 11 stycznia przez jaca121212 Nałogowiec (34,250 p.)
Chyba ci o to chodziło. Jeśli tak to jak masz w jednym divie dwie nawigacje to  jedną z dwóch nawigacji  umieść w  osobnym divie.

https://jsfiddle.net/b85vvtmj/3/

lub wersja 2

https://jsfiddle.net/b85vvtmj/4/
komentarz 11 stycznia przez Krzysiek_34 Gaduła (3,550 p.)
edycja 11 stycznia przez Krzysiek_34
Pozbyłem się tego tła z bocznego menu. Dzięki za pomoc.:)
+1 głos
odpowiedź 11 stycznia przez lapa19904 Obywatel (1,500 p.)

Dodaj oddzielne klasy do nav. 

 <nav class="main-nav">
    <ul>
      <div class="login">Logowanie</div>
    </ul>
  </nav>

  <div class="panel-1">

    <nav class="left-nav">
      <ul>

        <li>
.main-nav {
  overflow: hidden;
  background-color: #C34F4F;
  padding: 6px;
  margin-top: 10px;
}
.side-nav{
  overflow: hidden;
  padding: 6px;
  margin-top: 10px;
}

Teraz jest powinno być ok

Podobne pytania

0 głosów
1 odpowiedź 40 wizyt
0 głosów
2 odpowiedzi 58 wizyt
pytanie zadane 26 lutego w HTML i CSS przez pulson666 Mądrala (5,310 p.)
0 głosów
1 odpowiedź 54 wizyt
pytanie zadane 29 kwietnia w HTML i CSS przez uMAXa Gaduła (3,700 p.)
Obowiązuje już zaktualizowany regulamin.

Czy wiesz, że nie musisz już odświeżać strony głównej?

Lista pytań i odpowiedzi aktualizuje się automatycznie!

38,648 zapytań

76,546 odpowiedzi

149,550 komentarzy

18,067 pasjonatów

Przeglądających: 268
Pasjonatów: 27 Gości: 241

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...