Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCKTYPE HTML>
- <html lang="pl">
- <head>
- <meta http-equiv="content-type" content="text/html"; charset=>
- <meta name="description" content="szablon">
- <meta name="keywords" content="szablon">
- <title>Szablon strony</title>
- <style type="text/css">
- *
- {
- margin: 0px;
- padding: 0px;
- }
- div
- {
- overflow: hidden;
- }
- #ramka
- {
- width: 1000px;
- margin-right: auto;
- margin-left: auto;
- }
- #naglowek
- {
- width: 100%;
- background-color: #FCF;
- }
- #stopka
- {
- width: 100%;
- background-color: #FCF;
- }
- .kolumny
- {
- width: 30%;
- margin-top: 10px;
- margin-bottom: 2%;
- margin-right: 2%;
- margin-left: 10px;
- }
- #kol1
- {
- float: left;
- background-color: #3FF;
- }
- #kol2
- {
- float: left;
- background-color: #CF3;
- }
- #kol3
- {
- background-color: #F93;
- }
- </style>
- </head>
- <body>
- <div id="ramka">
- <div id="naglowek">Tu znajdzie się zawartość nagłówka strony</div>
- <div class = "kolumny" id="kol1">
- <p>Tu znajdzie się zawartość kolumny1</p>
- <p> </p>
- <p> </p>
- <p> </p>
- </div>
- <div class = "kolumny" id="kol2">
- <p>Tu znajdzie się zawartość kolumny2</p>
- <p> </p>
- <p> </p>
- <p> </p>
- </div>
- <div class = "kolumny" id="kol3">
- <p>Tu znajdzie się zawartość kolumny3</p>
- <p> </p>
- <p> </p>
- <p> </p>
- </div>
- <div id="stopka">Tu znajdzie się zawartość stopki strony</div>
- <div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement