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

Jak zrobić żeby było to koło siebie?

0 głosów
95 wizyt
pytanie zadane 4 listopada 2017 w HTML i CSS przez RAD Obywatel (1,660 p.)
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <title>Programing4you-software house </title>
         <meta name="description" content="+++++++++++m">
         <link rel="stylesheet" href="style.css">
         <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<div id="container">
  <div class="ractangle">
    <center>
        <div id="logo">Programing4You-Software Room </div>
        <div id="poster">
            <img src="poster.img" />
            <div id="nav">Navigacja strony</div>
        </div>
      </center>
  </div>
<center>  <div class="squere">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  Curabitur imperdiet finibus commodo. In at lorem vel
  felis varius malesuada. Nulla semper sagittis convallis. Vestibulum ante ipsum primis in
  faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus
   <p>non metus tincidunt nunc vulputate laoreet.
  Sed sollicitudin dui ac pretium dictum. Suspendisse et suscipit ipsum. Mauris pretium
  aliquam orci, luctus gravida mauris
  finibus vitae. Aliquam pretium nibh eget pulvinar efficitur. Donec eget neque volutpat ligula laoreet
  ultrices sed quis dolor. Phasellus tristique eros non ex volutpat pulvinar. In faucibus dapibus purus
  id facilisis. Cras mollis enim quis feugiat volutpat. Vivamus venenatis tellus</p>
  ellus, sit amet rutrum quam auctor in. Vivamus condimentum, felis sit amet porttitor
  auctor, mi augue efficitur erat, at blandit erat magna
  emper lorem. Ut ut libero euismod, rhoncus lacus eget, lobortis lectus.</p>
</div> </center>
  <div class="footer">
 <div class="ST">Copyright by Radosław Budnik <div>
 <div class="ST2">Facebook</div>
 <div style="clear: both"></div>
  </div>
</div>

</body>

</html>

 

body
{
  background-color: #303030;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 21px;
}

#container
{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.ractangle
{
  width: 960px;
  margin: 20px;
}

.squere
{
  width: 960px;
}

.footer
{
  width: 960px;
}

#logo
{
  width: 780px;
  height: 27px;
}

#poster
{
  width: 780px;
  height: 499px;
}

#nav
{
  width: 780px;
  height: 27px;
}

.ST
{
  float: left;
  font-size: 13px;
  width: 600px;
}

.ST2
{
  float: left;
  font-size: 13px;
}

 

Mam problem z ostatnimi divami. Chcę żeby były koło siebie w stopce. A one są pod spodem. 

Proszę o jak najszybszą pomoc.

Z góry dziękuję i pozdrawiam. 

1
komentarz 4 listopada 2017 przez shotokan Nałogowiec (39,000 p.)
Ustaw sobie wielkość tego drugiego diva pamiętając, że oba divy nie mogą mieć więcej własności width niż sama stopka (bo wtedy ten drugi będzie przenoszony poniżej).
Przy okazji polecam pouczyć się flexboxa i zacząć go stosować, w końcu mamy XXI wiek :)
komentarz 5 listopada 2017 przez RAD Obywatel (1,660 p.)
Dzięki.

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

Podobne pytania

0 głosów
1 odpowiedź 166 wizyt
pytanie zadane 5 listopada 2017 w HTML i CSS przez RAD Obywatel (1,660 p.)
–4 głosów
1 odpowiedź 114 wizyt
0 głosów
1 odpowiedź 115 wizyt
pytanie zadane 14 czerwca 2018 w HTML i CSS przez damian23415 Użytkownik (800 p.)
Porady nie od parady
Pytania na temat serwisu SPOJ należy zadawać z odpowiednią kategorią dotyczącą tej strony.SPOJ

61,302 zapytań

107,230 odpowiedzi

223,306 komentarzy

32,789 pasjonatów

Przeglądających: 313
Pasjonatów: 16 Gości: 297

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.

...