02-01-2011, 23:03
CSS
HTML
troche chlew jest ;]
Kod:
body {
background-color: #9cafff;
margin:0px;
padding: 0px;
background-image:url(images/bg.png);
background-repeat:repeat-x;
}
img {
border: 0px;
}
h1{
font-size:24px;
font-family:Verdana, Geneva, sans-serif;
color: #2c2c29;
}
.kontener {
width: 881px;
margin-left: auto;
margin-right: auto;
clear:both;
}
.top {
background-image:url(images/top.png);
width: 881px;
height: 430px;
}
.kontent {
background-image:url(images/kontent_bg.png);
background-repeat:repeat-y;
overflow: hidden;
}
.kontener-news {
float:left;
width: 648px;
}
.data {
float:left;
width: 66px;
height: 101px;
background-image:url(images/data.png);
}
.kontent-news {
width: 581px;
float: right;
}
.kontener-sidebar {
width: 233px;
float:right;
}
.news-tytul {
width: 521px;
float:left;
padding-left: 25px;
padding-right: 35px;
}
#clear { clear: both; }
.news-tresc {
float:left;
width: 541px;
color: #2c2c29;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding-left: 25px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 30px;
}
.czytajwiecej {
background-image:url(images/czytajwiecej.gif);
margin-left: 20px;
padding-left: 10px;
padding-top: 4px;
font-family:Verdana, Geneva, sans-serif;
font-size: 10px;
color: #2c2c29;
width: 546px;
height: 18px;
float:left;
}
.katmore {
color: #53534c;
}
.more {
color: #fff;
height: 18px;
width: 85px;
float:right;
}HTML
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokument bez tytułu</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="kontener">
<div class="top">Tu znajdzie się zawartość class "top"</div>
<div class="kontent">
<!--kod news-->
<div class="kontener-news">
<div class="data"></div>
<div class="kontent-news">
<div class="news-tytul">
<h1>Tytul</h1>
<img src="images/pasek.gif"/>
</div>
<div class="news-tresc">
sdsdsd
</div>
<div class="czytajwiecej">Napisano w: <span class="katmore"><a href="">Kotwice</a></span>
<div class="more"><a href="">Czytaj wiecej</a></div>
</div>
</div>
</div>
<!--KONIEC kod news-->
<!--kod news-->
<div class="kontener-news">
<div class="data"></div>
<div class="kontent-news">
<div class="news-tytul">
<h1>Tytul</h1>
<img src="images/pasek.gif"/>
</div>
<div class="news-tresc">
sdsdsd
</div>
<div class="czytajwiecej">Napisano w: <span class="katmore"><a href="">Kotwice</a></span>
<div class="more"><a href="">Czytaj wiecej</a></div>
</div>
</div>
</div>
<!--KONIEC kod news-->
<div class="kontener-sidebar">
<p>side bar</p>
</div>
</div>
</div>
</body>
</html>troche chlew jest ;]
