• 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
57 wizyt
pytanie zadane 11 stycznia w HTML i CSS przez użytkownika Krzysiek_34 Gaduła (3,120 punkty)
zamknięte 6 dni temu przez użytkownika 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 użytkownika xmentor Pasjonat (23,060 punkty)

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 użytkownika jaca121212 Nałogowiec (27,850 punkty)
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 użytkownika Krzysiek_34 Gaduła (3,120 punkty)
edycja 6 dni temu przez użytkownika Krzysiek_34
Pozbyłem się tego tła z bocznego menu. Dzięki za pomoc.:)
+1 głos
odpowiedź 11 stycznia przez użytkownika lapa19904 Użytkownik (580 punkty)

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

+1 głos
2 odpowiedzi 43 wizyt
pytanie zadane 11 stycznia w HTML i CSS przez użytkownika Krzysiek_34 Gaduła (3,120 punkty)
0 głosów
2 odpowiedzi 88 wizyt
pytanie zadane 28 czerwca 2016 w HTML i CSS przez użytkownika Krzysiek_34 Gaduła (3,120 punkty)
0 głosów
1 odpowiedź 84 wizyt
pytanie zadane 17 czerwca 2016 w HTML i CSS przez użytkownika tetriss Obywatel (1,660 punkty)
...