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

Proszę o pomoc.

Object Storage Arubacloud
0 głosów
199 wizyt
pytanie zadane 15 września 2015 w HTML i CSS przez Nlvg Użytkownik (550 p.)

Kochani, mam wielka prośbe do was. Nie ukrywam że moja wiedza kończy się na tym co pokazał pan Mirosław, i mam pewne braki. Czy moglibyście powiedzieć mi jak dodać obrazki w tych miejscach na stronie?

Moja strona mieści sie w divach. Prosze o pomoc. Pozdrawiam i dziekuje

5 odpowiedzi

0 głosów
odpowiedź 15 września 2015 przez Mizukage Pasjonat (21,750 p.)
Jesli to czerwone to divy to robisz im obrazek jako tło i tyle.
komentarz 15 września 2015 przez Nlvg Użytkownik (550 p.)
Nie, czerwone to nie sa divy, tam nic nie ma. I właśnie dlatego pytam jak to zrobić. Masz jakieś pomysły?
komentarz 15 września 2015 przez Mizukage Pasjonat (21,750 p.)
No to jak nizej, robisz sobie te divy o odpowiednich wymiarach i dajesz im background ze zdjec. Float left, right itp. Dasz rade metoda prób i bledów ;)
0 głosów
odpowiedź 15 września 2015 przez Boshi VIP (100,240 p.)
Ułóż elementy (divy)  aby przylegały do siebie np float left.
komentarz 15 września 2015 przez Nlvg Użytkownik (550 p.)
Czyli:

Moja zawartośc strony jest zawarta w divie "container", teraz muszę zrobić jeszcze dwa divy, powyżej containera i poniżej i dać im funkcję float: left;?
komentarz 15 września 2015 przez Boshi VIP (100,240 p.)
<html>
<head>
  <style>
      body{

      }
      #container{
          width: 1000px;
          background-color: red;
            height: 500px;
          margin: 0 auto;

      }
      #content
      {
          width: 600px;
          float: left;
          background-color: hotpink;

          
      }
      #left
      {
          float: left;
          width:200px;
          background-color: blue;

      }
      #right
      {
          float: left;
          width:200px;
          background-color: gray;
      }
  </style>
</head>
    <body>
<div id="container">
    <div id="left">lewa zawartosc</div>
    <div id="content">zawartosc srodksc srodkowazawartosc srodkowazawartosc srodkowazawrodkowazawartosc srodkowazawartosc srodkowazawartosc srodkowazawartosc</div>
    <div id="right">prawa zawartosc</div>

</div>
</body>
</html>

 

0 głosów
odpowiedź 15 września 2015 przez Mavimix Dyskutant (8,390 p.)
Najlepiej zrobić tło jako obrazek:

#div{background-image: url(adresTwojegoobrazka.rozszeżenie); }
0 głosów
odpowiedź 15 września 2015 przez Schizohatter Nałogowiec (39,600 p.)
Before i after z tłami, jeśli obrazki, które mają się tam znaleźć same w sobie nie tworzą treści
0 głosów
odpowiedź 15 września 2015 przez Ehlert Ekspert (212,670 p.)

Wszystkim trzem dajesz

display: inline
float: left;

 

Podobne pytania

0 głosów
2 odpowiedzi 1,762 wizyt
pytanie zadane 26 stycznia 2017 w C i C++ przez vega Użytkownik (510 p.)
0 głosów
2 odpowiedzi 259 wizyt
0 głosów
3 odpowiedzi 162 wizyt

92,555 zapytań

141,403 odpowiedzi

319,557 komentarzy

61,940 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

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!

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!

...