09.11.2014, 20:37
Siemka, czy byście mogli mi pomoc bo nwm jak zlikwidować lukę duża pomiędzy logiem a menu. I da rade zrobić tak że jak menu główne się powiększa to tło się powiększało z tym ?? SS macie:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Keywords" content="Słowa kluczowe określające zawartość strony" />
<meta name="Description" content="Opis strony" />
<meta name="Robots" content="ALL" />
<meta name="Author" content="flankerds.com" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Polish Truck Extreme</title>
</head>
<body>
<h1 id="logo"><font color="black">Polish Truck Extreme - pterp.pl</font></h1>
<div id="menu">
<ul>
<li><a href="http://pterp.pl/index.php">Forum</a></li>
<li><a href="http://pterp.pl/forum-47.html">Regulaminy</a></li>
<li><a href="http://pterp.pl/forum-53.html">Sklep</a></li>
<li><a href="http://pterp.pl/forum-90.html">Frakcje</a></li>
<li><a href="http://pterp.pl/forum-97.html">Firmy</a></li>
</ul>
</div>
<div id="kontener">
<div id="tresc">
<h2>Historia Serwera</h2>
<span>Dodał: Shane, 10 Listopad 2014, 12:00</span>
<p>Szablon pochodzi ze strony: <a href="http://www.flankerds.com">flankerds.com</a>. Pamiętaj o przeczytaniu <a href="http://www.flankerds.com/regulamin.php">regulaminu</a> przed jego wykorzystaniem.</p>
<p>Szablon możesz dowolnie edytować, jeśli jednak chcesz korzystać z niego zgodnie z prawem musisz pozostawić link zwrotny w stopce. Dziękuję!</p>
<p>Aenean pretium. Pellentesque a nisi eu diam pretium rhoncus. In hac habitasse platea dictumst. Vestibulum consequat, enim vitae bibendum hendrerit, metus dui vestibulum sapien, a tempor sem nisl a lorem. Vestibulum orci elit, tincidunt ac, convallis in, euismod quis, dolor. Pellentesque habitant morbi tristique.</p>
<div class="zakonczenie"></div>
<h2>...</h2>
<span>Dodał: Shane, 10 Listopad 2014, 12:00</span>
<p>...</p>
<p>...</p>
<div class="zakonczenie"></div>
</div>
<div id="kolumna">
<h3>Przydatne:</h3>
<ul>
<li><a href="#">Polskie serwery Counter-Strike</a></li>
<li>Problemy z grą</li>
<li>Konfiguracja serwera</li>
<li>Mapy</li>
<li>Clan Base</li>
<li>Lista serwerów</li>
<li>Boty</li>
<li><a href="http://pterp.pl/forum-105.html">Modyfikacje do GTA</a></li>
<li><a href="http://pterp.pl/misc.php?action=help">Pomoc</a></li>
</ul>
<h3>Ekipa:</h3>
<ul>
<li><b><font color="red">Keffir</font> - <font color="violet">Head Admin</font></b></li>
<li><b><font color="red">Bielo</font> - <font color="violet">Head Admin</font></b></li>
<li><b><font color="red">Serious</font> - <font color="violet">Head Admin</font></b></li>
<li><b><font color="tomato">Astro</font> - <font color="green">Admin</font></b></li>
<li><b><font color="tomato">Wambobox</font> - <font color="green">Admin</font></b></li>
<li><b><font color="tomato">Mentoska</font> - <font color="green">Admin</font></b></li>
<li><b><font color="tomato">Przemas.</font> - <font color="green">Admin</font></b></li>
<li><b><font color="tomato">Maciok.</font> - <font color="green">Admin</font></b></li>
<li><b><font color="lime">©Shane</font> - <font color="lime">WebMaster</font></b></li>
</ul>
<h4>Sponsor:</h4>
<ul>
<li>Sponsor</li>
</div>
</div>
<div id="stopka"><p>© Polish Truck Extreme <a href="http://www.pterp.pl">pterp.pl</a></p></div>
</body>
</html>
body {background: url(images/tlo.jpg) no-repeat top center #000; margin:0 auto;}
div {font-family:Arial, Helvetica, sans-serif;font-size:12px;}
a {text-decoration: none;}
img {border:0px;}
h1#logo { margin:30px 0 0 0; text-align:center; color:#f0f0f0; height:0px; font-family:Arial; font-size:30px; font-weight:bold;}
#menu {background: url(images/menu.jpg) no-repeat; width:763px; height:40px; margin:230px auto 0 auto; clear:both;}
#menu ul {list-style: none; padding:11px 0 0 0; width:550px; margin:0;}
#menu li {float: left; padding:0 20px;}
#menu a {font-size:14px; color: #f5f5f5; font-weight: bold;}
#menu a:hover {color:#e9eaca; border-bottom:dashed #bfc08e 2px;}
#kontener {background: url(images/tresc.jpg) repeat; width:763px; margin:0 auto; padding:0; display:block; overflow:hidden; height:100%; clear:both;}
#tresc {float:left; width:509px; height:100%; background: url(images/tresc1.jpg) no-repeat; padding:16px; margin:11px; &margin:6px;}
#tresc h2 { padding:0 0 8px 0; margin:0px 2px; font-size:17px; color:#332903;}
#tresc span {font-size:11px;color:#8f9164;}
#tresc p {text-indent:15px; color:#433604;}
#tresc a {border-bottom:dashed #610303 1px; color:#610303;}
#tresc a:hover {border-bottom:dashed #610303 1px; color:#610303; font-weight:bold;}
.zakonczenie {background: url(images/zakonczenie.jpg) no-repeat; width:80px; margin:0 auto 16px auto; height:11px;}
#kolumna {float:right; width:200px; height:100%;}
#kolumna h3 {margin:8px 20px 12px 2px; font-size:13px; color:#433605; text-decoration:underline;}
#kolumna h4 {margin:8px 20px 12px 2px; font-size:13px; color:#433605; text-decoration:underline;}
#kolumna ul { padding:0; margin:0; list-style:none;}
#kolumna ul li {background:#bdbf88; border-top:dashed #a1a373 1px; border-bottom:dashed #a1a373 1px;padding:2px; margin:0 17px 4px 0; font-size:13px; color:#433605;}
#kolumna ul li a {font-size:13px; color:#433605;}
#kolumna ul li a:hover { text-decoration:underline;}
#stopka {clear:both;background: url(images/stopka.jpg) no-repeat; width:763px; height:47px; margin:0 auto;}
#stopka p {float:right; margin-top:20px; margin-right:20px; color:#CCCCCC; font-size:11px;}
#stopka a {color:#CCCCCC;}
#stopka a:hover {border-bottom:dashed #bfc08e 1px;}
h1#logo { margin:30px 0 0 0; text-align:center; color:#f0f0f0; height:0px; font-family:Arial; font-size:30px; font-weight:bold;}
h1#logo { margin-top:30px; margin-bottom:-100px; text-align:center; color:#f0f0f0; height:0px; font-family:Arial; font-size:30px; font-weight:bold;}
<div id="kolumna">
<h3>Przydatne:</h3>
<ul>
<li><a href="#">Polskie serwery Counter-Strike</a></li>
<li>Problemy z grą</li>
<li>Konfiguracja serwera</li>
<li>Mapy</li>
<li>Clan Base</li>
<li>Lista serwerów</li>
<li>Boty</li>
<li><a href="http://pterp.pl/forum-105.html">Modyfikacje do GTA</a></li>
<li><a href="http://pterp.pl/misc.php?action=help">Pomoc</a></li>
</ul>
<h3>Ekipa:</h3>
<ul>
<li><b><font color="red">Keffir</font> - <font color="violet">Head Admin</font></b></li>
<li><b><font color="red">Bielo</font> - <font color="violet">Head Admin</font></b></li>
<li><b><font color="red">Serious</font> - <font color="violet">Head Admin</font></b></li>
<li><b><font color="tomato">Astro</font> - <font color="green">Admin</font></b></li>
<li><b><font color="tomato">Wambobox</font> - <font color="green">Admin</font></b></li>
<li><b><font color="tomato">Mentoska</font> - <font color="green">Admin</font></b></li>
<li><b><font color="tomato">Przemas.</font> - <font color="green">Admin</font></b></li>
<li><b><font color="tomato">Maciok.</font> - <font color="green">Admin</font></b></li>
<li><b><font color="lime">Shane</font> - <font color="lime">WebMaster</font></b></li>
</ul>
<h4>Sponsor:</h4>
<ul>
<li>Sponsor</li>
</ul>
</div>