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

Question

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;
}

 

Comments

a tak z ciekawości: do czego używasz <picture> tutaj?

---

Pare pytań temu, ktoś wrzucił takie coś, żebym użył http://tutorials.comandeer.pl/html5-blog.html#artykul-obrazki.

---

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

Answer 1

    <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