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

Po zmianie loga na png z jpg nie chcę się wyśrodkować logo na stronie. bootsrap...

VPS Starter Arubacloud
0 głosów
155 wizyt
pytanie zadane 19 maja 2017 w HTML i CSS przez Patryk Kożuchowski Początkujący (460 p.)

Cześć,

Ze względu na to, że mu wcześniejszy post umarł to pytam się jeszcze raz, jak zmienić logo, aby było na środku...

<header id="myCarousel" class="carousel slide">
        
        <!-- Indicators -->
        
         <!-- Logo -->
         <picture>

            <div class="navbar-brand">

            </div>

            <div class="col-lg-12">

                <img  src="img/logo.png" class="img-reponsive"/>

            </div>

 

        </picture>
.navbar-brand {
    float: left;
  
    margin-left:650px;
   
    margin-top:20px;
    padding: 10px 10px;
   
   
    
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
}
img {width: 600px; text-align: center;
}

 

komentarz 19 maja 2017 przez imklau Nałogowiec (42,090 p.)
a tak z ciekawości: do czego używasz <picture> tutaj?
komentarz 19 maja 2017 przez Patryk Kożuchowski Początkujący (460 p.)
Pare pytań temu, ktoś wrzucił takie coś, żebym użył http://tutorials.comandeer.pl/html5-blog.html#artykul-obrazki.
komentarz 19 maja 2017 przez imklau Nałogowiec (42,090 p.)

zapytałam dlatego, że dzięki temu znacznikowi strona może wczytać odpowiednio mniejsze, lub większe zdjęcia w zależności od podanych przez Ciebie media i w tym celu dodatkowo jeszcze trzeba użyć znacznika <source> .
A u Ciebie w picture są jakieś divy i img :D

znalazłam też to pytanie i pozwolę sobie zacytować pewną osobę:

Trochę namotałeś krótko mówiąc :D znacznik picture dałbym w diva navbar-brand i tam dał różne loga dla różnych szerokości(poczytaj dokładnie tę sekcję ze strony, którą poleciłem). Chociaż kto wie czy wyżej podane rozwiązanie nie będzie działało?

Jak dla mnie też jest namieszane, bo nie doczytałeś niektórych rzeczy chyba :P

1 odpowiedź

+1 głos
odpowiedź 19 maja 2017 przez Anszlus Bywalec (2,280 p.)
    <div class="col-lg-12 logo">
      <img  src="img/logo.png" class="img-reponsive"/>
    </div>
.logo {text-align:center;}

wyśrodkuj treść tego diva, a nie zawartości znacznika img

 

Podobne pytania

0 głosów
2 odpowiedzi 503 wizyt
0 głosów
1 odpowiedź 182 wizyt
0 głosów
1 odpowiedź 156 wizyt
pytanie zadane 16 czerwca 2016 w HTML i CSS przez alus152 Bywalec (2,690 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 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.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...