24-04-2011, 16:14
Dobra. Teraz mam coś takiego.
Kod HTML
Kod CSS
A nadal jest tak samo ;/ Obrazki się nie wyświetlają, banner jest całkiem po lewej... Gdybym miał jakiś szablon ze stylami, na którym mógłbym się wzorować to jakoś bym sobie poradził.
Kod HTML
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=windows-1250"/>
<title>Ośrodek Szkolenia Kierowców "CHMARA" w Tczewie</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div class="wrapper">
<div class="header">
<div class="clr"></div>
</div>
<div class="margines"></div>
<div class="menu_nav">
<div class="belka1"></div>
<ul>
<li class="active"><a href="index.html"><div class="button1"></div></a></li>
<li><a href="#"><div class="button2"></div></a></li>
<li><a href="#"><div class="button3"></div></a></li>
<li><a href="#"><div class="button4"></div></a></li>
<li><a href="#"><div class="button5"></div></a></li>
</ul>
<div class="clr"></div>
</div>
</div>
</body>
</html>Kod CSS
Kod:
.html, .main {
padding:0;
margin:0;
}
.wrapper {
margin: 0 auto;
}
.clr {
clear:both;
padding:0;
margin:0;
width:100%;
font-size:0;
line-height:0;
}
.logo {
padding:0;
float:left;
width:auto;
}
.header {
background-image: url(images/ch_03.png);
margin:0 auto;
padding:0;
width:980px;
height:218px;
}
.logo {
padding:0;
float:left;
width:auto;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
margin:0;
padding:0;
}
.menu_nav {
margin:0 auto;
padding:0;
width:980px;
height:29px;
}
.margines {
padding:1px;
}
.belka1 {
margin:0 0;
padding:0;
width:310px;
height:29px;
background-image: url(images/ch_06.png);
.button1 {
display: block;
overflow:hidden;
background-image: url(images/ch_07.PNG);
width: 72px;
height: 29px;
}
.button2 {
display: block;
overflow:hidden
background-image: url(images/ch_08.PNG);
width: 72px;
height: 29px;
}
.button3 {
display: block;
overflow:hidden
background-image: url(images/ch_09.PNG);
width: 72px;
height: 29px;
}
.button4 {
display: block;
overflow:hidden
background-image: url(images/ch_10.PNG);
width: 72px;
height: 29px;
}
.button5 {
display: block;
overflow:hidden
background-image: url(images/ch_11.PNG);
width: 72px;
height: 29px;
}
.menu_nav ul {
list-style:none;
height:29px;
float:left;
}A nadal jest tak samo ;/ Obrazki się nie wyświetlają, banner jest całkiem po lewej... Gdybym miał jakiś szablon ze stylami, na którym mógłbym się wzorować to jakoś bym sobie poradził.
