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

html odc. 5 min-height

Aruba Cloud - Virtual Private Server VPS
0 głosów
233 wizyt
pytanie zadane 15 grudnia 2017 w HTML i CSS przez ildan91 Użytkownik (630 p.)
Witam, nie działa mi komenda min-height. Jeżeli nie dopiszę do nav height: 40px to nav jest bardzo wąski. Dostosowuje się jedynie do wielkości czcionki. Tak na dobrą sprawę nie działa mi klasa menu. Co więcej nawet jeżeli nie użyję klasy a samego ol (ja wybrałem listę ol zamiast listy ul) to problem dalej występuj. Proszę o pomoc.

HTML:

</head>

<body>

<header id="mainheader">
<h1 class="logo">Philosophia Blog</h1>
<nav>
<ol class="menu">
<li><a href="#">Strona główna</a></li>
<li><a href="#">Pierwszy raz tutaj?</a></li>
<li><a href="#">Dlaczego fiolofia?</a></li>
<li><a href="#">O autorze</a></li>
<li><a href="#">Kontakt</a></li>
</ol>
</nav>
</header>

<article id="article">
<header id="aheader">
Witaj w świecie filozofii!
</header>
<section id="section">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis, odio volutpat interdum dignissim, metus lectus sollicitudin est, ut porta ante mi et turpis. Morbi porttitor interdum ornare. Nunc gravida, urna nec tempus ullamcorper, augue massa semper sem, at commodo tellus tellus quis nunc. Duis aliquam ac elit ac interdum. Nullam malesuada placerat libero id sollicitudin. Integer mollis odio at turpis maximus bibendum vel vel velit. Fusce lobortis suscipit lacus, sed sodales augue iaculis quis.
</section>
<content id="content">
<img src="img/alan-watts.jpg">
<img src="img/de-mello.jpg">
<img src="img/emerson.jpg">
<img src="img/kant.jpg">
<img src="img/nietzsche.jpg">
<img src="img/platon.jpg">

</content>
</article>

</body>
</html>

CSS:

body
{
    margin:0;
    background-color: #2F3336;
    color: #efefef;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
}

.logo
{
    font-size:44px;
    font-weight:700;
    text-align:center;
    color:#ddd;
    text-transform:uppercase;
    letter-spacing:5px;
    margin-top:50px;
    margin-bottom:40px;
}

nav
{
    text-align:center;
    background:#1c7452;
    
}

    
    
}

ol
{list-style-type:none;
    padding:10px;
    font-size:18px;
    min-height:40px;
    
}
ol>li
{display:inline-block;
    
    
}

1 odpowiedź

0 głosów
odpowiedź 15 grudnia 2017 przez ildan91 Użytkownik (630 p.)
ok już rozwiązane bezpański nawias klamrowy

Podobne pytania

+3 głosów
1 odpowiedź 465 wizyt
pytanie zadane 8 sierpnia 2016 w HTML i CSS przez james30k Bywalec (2,260 p.)
+1 głos
2 odpowiedzi 390 wizyt
+3 głosów
2 odpowiedzi 507 wizyt
pytanie zadane 17 czerwca 2022 w HTML i CSS przez Mick_SQ6IYV Obywatel (1,020 p.)

93,324 zapytań

142,323 odpowiedzi

322,389 komentarzy

62,653 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...