Logowanie

Jak zrobić żeby te trzy elementy były obok siebie?

pytanie zadane 18 kwietnia 2019 w HTML i CSS przez RAD Obywatel (1,810 p.)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

            <meta name="description" content="Portal treningowy">

            <title>ProTraining</title>

            <link href="styl.css" rel="stylesheet">
    </head>
    <body>
        <div id="contyner">
            <div id="pasek">
                <div id=logo>AKNS SLMN</div>
            <div id="menu">JBIJ:B SNBUIIU;</div>
                <div id="rejestracja">jb;bja nkkbius;b</div>
            </div>
        </div>
    </body>
</html>

body {
  background-color: #ffffff;
  padding: 0px;
  margin: 0px;
}

#contyner {
  width: 100%;
  height: auto;
}

#pasek {
  width: 100%;
}

#pasek:after {
  content:'';
  display:block;
  clear:both;
}

#logo {
  float: left;
  width: 10%;
  height: auto;
  background-color: aqua;
}

#menu {
  float: right;
  width: 20px;
  height: auto;
  background-color: black;
}

#rejestracja {
  float: left;
  width: 70%;
  height: auto;
  background-color: blue;
  text-align: center;
}

Jak zrobić żeby te trzy elementy były koło siebie. Dziękuję za pomoc.

1 odpowiedź

odpowiedź 18 kwietnia 2019 przez Xevrrer Obywatel (1,640 p.)

#pasek{
display:flex;
flex-direction:row;
justify-content:center;
}

Zainteresuj się flexbox

Poza tym nie wiem czy mieszanie w tym samym kontenerze divów z wartościami procentowymi i w pixelach to dobry pomysł, myślę że dla szerokości lepiej stosować wartość sztywną bądź procentową.

komentarz 18 kwietnia 2019 przez RAD Obywatel (1,810 p.)

Dzięki!

Pomogło i chyba będzie działo.

Podobne pytania

0 głosów

2 odpowiedzi 740 wizyt

Jak postawić obok siebie dwa takie same elementy

pytanie zadane 25 sierpnia 2018 w HTML i CSS przez Layoutowiec Mądrala (5,470 p.)

+2 głosów

1 odpowiedź 774 wizyt

HTML CSS - Samouk mam problem. Ulożenie 4- 8 <div> obok siebie w poziomie. Chce zrobić szachownicę. Błedy.

pytanie zadane 9 listopada 2021 w HTML i CSS przez Posejdon Początkujący (490 p.)

0 głosów

1 odpowiedź 292 wizyt

Witam, mam komplikacje z ustawieniem divów obok siebie .

pytanie zadane 25 lipca 2022 w HTML i CSS przez Na-pewno_av1sek Nowicjusz (120 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

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!

...

Jak zrobić żeby te trzy elementy były obok siebie?

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci