{"id":27,"date":"2011-03-24T19:06:59","date_gmt":"2011-03-24T19:06:59","guid":{"rendered":"http:\/\/blog.bp8.pl\/?p=27"},"modified":"2011-04-11T19:45:02","modified_gmt":"2011-04-11T19:45:02","slug":"jak-ustawic-divy-obok-siebie","status":"publish","type":"post","link":"https:\/\/blog.bp8.pl\/index.php\/2011\/03\/24\/jak-ustawic-divy-obok-siebie\/","title":{"rendered":"Jak ustawi\u0107 DIV’y obok siebie?"},"content":{"rendered":"

pomi\u0119dzy znacznikami <body><\/body><\/p>\n

\n<div id=”div_lewy”>lewy<\/div>
\n <div id=”div_srodkowy”>srodek<\/div>
\n <div id=”div_prawy”>prawy<\/div>
\n <div class=”czysc”><\/div>\n<\/div>\n

pomi\u0119dzy znacznikami <head><\/head><\/p>\n

\n<style type=”text\/css”>
\n #div_lewy{
\n height:200px; \/*deklarujemy rozmiar (wysoko\u015b\u0107 – nie musimy) *\/
\n width:200px; \/*deklarujemy rozmiar (szeroko\u015b\u0107 – nie musimy) *\/
\n background-color:#FF0000; \/*deklarujemy kolor t\u0142a by zobaczy\u0107 oco kaman (kolor czerwony) – nie musimy *\/
\n float:left; \/* i to sprawia \u017ce div wy\u015bwietla si\u0119 jeden obok drugiego przyci\u0105gaj\u0105 si\u0119 do lewej mo\u017cna do prawej – right *\/
\n }
\n #div_srodkowy{
\n height:200px; \/*deklarujemy rozmiar (wysoko\u015b\u0107 – nie musimy) *\/
\n width:200px; \/*deklarujemy rozmiar (szeroko\u015b\u0107 – nie musimy) *\/
\n background-color:#00FF00; \/*deklarujemy kolor t\u0142a by zobaczy\u0107 oco kaman (kolor zielony) – nie musimy *\/
\n float:left; \/* i to sprawia \u017ce div wy\u015bwietla si\u0119 jeden obok drugiego przyci\u0105gaj\u0105 si\u0119 do lewej mo\u017cna do prawej – right *\/
\n }
\n #div_prawy{
\n height:200px; \/*deklarujemy rozmiar (wysoko\u015b\u0107 – nie musimy) *\/
\n width:200px; \/*deklarujemy rozmiar (szeroko\u015b\u0107 – nie musimy) *\/
\n background-color:#0000FF; \/*deklarujemy kolor t\u0142a by zobaczy\u0107 oco kaman (kolor niebieski) – nie musimy *\/
\n float:left; \/* i to sprawia \u017ce div wy\u015bwietla si\u0119 jeden obok drugiego przyci\u0105gaj\u0105 si\u0119 do lewej mo\u017cna do prawej – right *\/
\n }
\n .czysc{
\n clear:both; \/* czy\u015bci nam powy\u017csze ustawinia i nie przyci\u0105gnie do siebie ju\u017c nast\u0119pnego <div>’a *\/
\n }
\n <\/style>\n<\/div>\n

czemu u\u017cywamy id i class?
\nid – jest to unikatowy znaczni i mo\u017ce wyst\u0105pi\u0107 tylko jeden taki sam w kodzie jak si\u0119 powieli Validator wyrzuci b\u0142\u0105d; id wywo\u0142ujemy znacznikiem #
\nclass – t\u0105 sam\u0105 deklaracje mozna u\u017cywa\u0107 wielokrotnie nie spowoduje wy\u015bwietlania si\u0119 b\u0142\u0119du; class wywo\u0142ujemy znacznikiem “.”<\/p>\n","protected":false},"excerpt":{"rendered":"

pomi\u0119dzy znacznikami <body><\/body> <div id=”div_lewy”>lewy<\/div> <div id=”div_srodkowy”>srodek<\/div> <div id=”div_prawy”>prawy<\/div> <div class=”czysc”><\/div> pomi\u0119dzy znacznikami <head><\/head> <style type=”text\/css”> #div_lewy{ height:200px; \/*deklarujemy rozmiar (wysoko\u015b\u0107 – nie musimy) *\/ width:200px; \/*deklarujemy rozmiar (szeroko\u015b\u0107 – nie musimy) *\/ background-color:#FF0000; \/*deklarujemy kolor t\u0142a by zobaczy\u0107 oco kaman (kolor czerwony) – nie musimy *\/ float:left; \/* i to sprawia \u017ce div wy\u015bwietla […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[38,35,39,33,37,36,34],"_links":{"self":[{"href":"https:\/\/blog.bp8.pl\/index.php\/wp-json\/wp\/v2\/posts\/27"}],"collection":[{"href":"https:\/\/blog.bp8.pl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.bp8.pl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.bp8.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.bp8.pl\/index.php\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":7,"href":"https:\/\/blog.bp8.pl\/index.php\/wp-json\/wp\/v2\/posts\/27\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/blog.bp8.pl\/index.php\/wp-json\/wp\/v2\/posts\/27\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/blog.bp8.pl\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.bp8.pl\/index.php\/wp-json\/wp\/v2\/categories?post=27"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.bp8.pl\/index.php\/wp-json\/wp\/v2\/tags?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}