• 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?

Ultraszybki serwer VPS NVMe BIZNES
0 głosów
69 wizyt
pytanie zadane 11 stycznia 2017 w HTML i CSS przez Krzysiek_34 Gaduła (3,930 p.)
zamknięte 12 stycznia 2017 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 2017 przez xmentor Nałogowiec (44,600 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 2017 przez jaca121212 Nałogowiec (35,570 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 2017 przez Krzysiek_34 Gaduła (3,930 p.)
edycja 11 stycznia 2017 przez Krzysiek_34
Pozbyłem się tego tła z bocznego menu. Dzięki za pomoc.:)
+1 głos
odpowiedź 11 stycznia 2017 przez lapa19904 Bywalec (2,580 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ź 41 wizyt
0 głosów
2 odpowiedzi 61 wizyt
pytanie zadane 26 lutego 2017 w HTML i CSS przez pulson666 Dyskutant (7,630 p.)
0 głosów
1 odpowiedź 55 wizyt
pytanie zadane 29 kwietnia 2017 w HTML i CSS przez uMAXa Gaduła (4,210 p.)
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.
Ciekawy innych porad? Odwiedź tę stronę!

44,319 zapytań

84,152 odpowiedzi

167,551 komentarzy

21,225 pasjonatów

Przeglądających: 329
Pasjonatów: 22 Gości: 307

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.

...