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

question-closed Wyśrodkowanie IMG w pionie.

0 głosów
318 wizyt
pytanie zadane 30 marca 2019 w HTML i CSS przez JakuBB Nowicjusz (220 p.)
zamknięte 25 lutego 2020 przez JakuBB

Cześć.

Dosyć banalne pytanie: jak mogę wyśrodkować IMG w pionie w headerze? 
Poniżej zamieszczam kawałek kodu.

HTML

    <div class="wrapper">
        <header>
            <img class="logo" src="../img/logo.png">
            <h1>Nazwa</h1>
            <nav>
                <ul>
                    <li><a href="#">Start</a></li>
                    <li><a href="#">Artykuły</a></li>
                    <li><a href="#">Galeria</a></li>
                    <li><a href="#">Logowanie</a></li>
                </ul>
            </nav>
        </header>
    </div>

CSS

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
}

div.wrapper {
    height: 100vh;
    width: 100%;
}

header {
    height: 100px;
    width: 100%;
    border-bottom: 1px solid #000;
}

header img.logo {
    height: 80px;
    width: 80px;
    float: left;
    margin-left: 100px;
}

header h1 {
    float: left;
    font-size: 2rem;
    font-weight: 300;
    line-height: 100px;
    margin-left: 20px;
}

header nav ul {
    list-style: none;
    float: right;
    margin-right: 100px;
    line-height: 100px;
}

 

komentarz zamknięcia: zrobione

1 odpowiedź

0 głosów
odpowiedź 30 marca 2019 przez pablop76 VIP (118,740 p.)

Podobne pytania

0 głosów
3 odpowiedzi 129 wizyt
pytanie zadane 7 stycznia 2018 w HTML i CSS przez ziomek7 Obywatel (1,060 p.)
0 głosów
2 odpowiedzi 1,180 wizyt
+1 głos
3 odpowiedzi 830 wizyt
pytanie zadane 15 listopada 2016 w HTML i CSS przez Dynamic Bywalec (2,670 p.)

85,875 zapytań

134,648 odpowiedzi

298,919 komentarzy

56,743 pasjonatów

Advent of Code 2021

Top 15 użytkowników

  1. 1048p. - rucin93
  2. 1042p. - Whistleroosh
  3. 989p. - adrian17
  4. 984p. - Mikbac
  5. 982p. - Mateusz Bogdan
  6. 912p. - nidomika
  7. 867p. - Michal Drewniak
  8. 859p. - CC PL
  9. 854p. - Argeento
  10. 704p. - ScriptyChris
  11. 692p. - s. Dorota Kowalewska
  12. 683p. - tokox
  13. 660p. - Vinox
  14. 645p. - TheLukaszNs
  15. 628p. - WhiskeyTaster
Szczegóły i pełne wyniki

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.

...