Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Kod - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Kod (/thread-kod)



Kod - mati1791 - 22-04-2009

Prosilbym aby ktos zapisal mi to w kodzie html
[Obrazek: obc4xhofkwsh9nafe1.jpg]


RE: Kod - dziamber - 22-04-2009

Proszę bardzo:
Kod css:
Kod:
#content {
                 width: 800px;
                 position: relative;
}
#duzydiv {
                 width: 400px;
                 position: absolute;
                 background: green;
                 margin-left: 110px;
}
#abc {
                  width: 100px;
                  position: absolute;
                  background: yellow;
}
#abcd {
                 width: 100px;
                  position: absolute;
                  background: black;
                  margin-top: 30px;
}
#abcde{
                  width: 100px;
                  position: absolute;
                  background: pink;
                  margin-top: 60px;
}
#abcdef {
                  width: 100px;
                  position: absolute;
                  background: yellow;
                  margin-top: 90px;
}
Kod html
Kod:
<div id="content">
<div id="abc">Toutaj tekst</div>
<div id="abcd">Toutaj tekst</div>
<div id="abcde">Toutaj tekst</div>
<div id="abcdef">Toutaj tekst</div>
<div id="duzydiv">Lorem ipsum dolor sit amet enim. Etiam ullamcorper.</div>
</div>
Enjoy itSmile


RE: Kod - mati1791 - 22-04-2009

A jeszcze jakbym mogl prosic to samo tylko ze zamiast blokow to ramki


RE: Kod - dziamber - 22-04-2009

Leniu, masz kod css:
Kod:
#content {
                 width: 800px;
                 position: relative;
      
}
#duzydiv {
                 width: 400px;
                 position: absolute;
                 border: 1px black;
                 margin-left: 110px;
   border-style: solid;
      
}
#abc {
                  width: 100px;
                  position: absolute;
               border: 1px;
   border-style: solid;
}
#abcd {
                 width: 100px;
                  position: absolute;
             border: 1px;
                  margin-top: 30px;
   border-style: solid;
}
#abcde{
                  width: 100px;
                  position: absolute;
           border: 1px;
                  margin-top: 60px;
   border-style: solid;
}
#abcdef {
                  width: 100px;
                  position: absolute;
           border: 1px;
                  margin-top: 90px;
   border-style: solid;
}