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

Problem z wyśrodkowaniem

VPS Starter Arubacloud
0 głosów
98 wizyt
pytanie zadane 5 listopada 2016 w HTML i CSS przez Wejder0107 Początkujący (280 p.)

Mam Problem z wyśrodkowaniem zdjęć (te na samym dole).

<!DYCTYPE HTML>
<html lang="pl">
    <head>
        <title>Wejder0107</title>
        <meta charset="utf-8"/>
        <meta name="keywords" content="Grafika na zamuwienie, grafika, zamuwienie"/>
        <meta name="description" content="Grafika na zamuwienie "/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <link rel="shortcut icon" href="img/icon.png" />
        <link rel="stylesheet" href="style.css" type="text/css" />
        <link href="https://fonts.googleapis.com/css?family=Lato:300,900&amp;subset=latin-ext" rel="stylesheet">

    </head>
    <body>
        <div id="Menu">
            <img id="logo" src="img/logo.png"/> <br/>
            <ol>
               <li><a href="OMNIE.html">O MNIE</a></li>
               <li><a href="PORTFOLIO.html">PORTFOLIO</a></li>
               <li><a href="KONTAKT.html">KONTAKT</a></li>
               <div class="clear:both"></div>
           </ol>
        </div>
            <img id="baner" src="img/Wejder0107Baner.png" />
        <div id="pojemnik">
         <div id="Omnie">
             O mnie
         </div>
         <div id="Omnie-tesc">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet elementum felis, vel dictum dui molestie non. Donec eu sapien quis ligula sagittis ultricies vitae et lorem. Vestibulum consequat justo ac sagittis venenatis. Etiam ultrices aliquet nisl vel hendrerit. Donec at orci et nulla tempus fermentum. Pellentesque vehicula, libero ac vestibulum egestas, odio dolor sodales velit, id porta elit sem eget nibh. Integer sagittis magna arcu, at faucibus nibh vestibulum sed. Ut vitae feugiat nisi. Duis pharetra fermentum elementum. Etiam sagittis, nulla et imperdiet lobortis, nisl augue sollicitudin risus, nec scelerisque eros metus ut dui. Duis facilisis felis non velit.<br/>
          </div>
           <div class="zagary">
            <div class="licznik">
              <img src="img/2.png"/><br/>
              Ponad 100 <br/>
              godzin pracy
            </div>
            <div class="licznik">
              <img src="img/2.png"/><br/>
              Ponad 100 <br/>
              godzin pracy
            </div>
            <div class="licznik">
              <img src="img/2.png"/><br/>
              Ponad 100 <br/>
              godzin pracy
            </div>
          </div>
          </div>
        </div>
    </body>
</html>

body
{
  color: #000000;
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;    
}

/*logo*/

#logo
{
    height: 131px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 2px;
}

/*menu*/
#Menu
{
    width: 100%;
    height: 203px;
    background-color: #ffffff;
    font-weight: lighter;
    text-align: center;
    position: relative;
}

ol 
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 18px;
    line-height: 350%;
    display: inline-block;
}

ol a
{
    color:  #000000;
    text-decoration: none;
    display: block;
    width: 150px;
    height: 60px;
}

ol > li
{
    text-align: center;
    float: left;
    width: 150px;
    height: 60px;
    display: block;
}

ol > li:hover
{
    background-color: #4daae3;
}

/*baner*/
#baner
{
    width:  100%; 
}

/*pojemniek*/
#pojemnik
{
    margin-left: 200px;
    margin-right: 200px;
    font-size: 20;
    text-align: center;
}

/*treść*/
/*O mnie*/
#Omnie
{
    padding: 20px;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}

#Omnie-tesc
{
    font-size: 20;
    text-align: justify;
}

.zagary
{
    text-align: center
}

.licznik
{
    padding: 20px;
    float: left;
}

 

1 odpowiedź

+1 głos
odpowiedź 5 listopada 2016 przez ScriptyChris Mędrzec (190,190 p.)
wybrane 5 listopada 2016 przez Wejder0107
 
Najlepsza

Wewnątrz .licznik w CSS zamień float: left; na display: inline-block;

 

Podobne pytania

0 głosów
1 odpowiedź 122 wizyt
pytanie zadane 28 grudnia 2019 w HTML i CSS przez Vanbandama Nowicjusz (140 p.)
0 głosów
0 odpowiedzi 168 wizyt
0 głosów
1 odpowiedź 147 wizyt
pytanie zadane 30 września 2017 w HTML i CSS przez panjones Nowicjusz (120 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!

...