16-10-2010, 16:07
Cześć mógłby ktoś mi pomóc dopiero uczę się htmla i css. Potrzebuje zrobienie suwaka w polu newsów żeby sobie suwać newsy góra i dół 
.
Kod strony:
A tu layout strony:
Z góry dzięki za pomoc
.Kod strony:
Kod:
<html>
<head>
<title>KLIMEK Personal website</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<style type="text/css">
<!--
.tabela1 {
background-image: url(Obrazki/info.gif);
height: 154px;
width: 272px;
}
.tabela2 {
background-image: url(Obrazki/news.gif);
height: 273px;
width: 595px;
color: #000;
font-family: Tahoma;
text-align: center;
}
#Tabela_01 tr td .tabela2 p em strong u font {
font-family: "Comic Sans MS", cursive;
}
#Tabela_01 tr td .tabela2 p em strong u font {
color: #969696;
}
#Tabela_01 tr td .tabela2 p em strong u font {
font-weight: bold;
}
#Tabela_01 tr td .tabela2 p {
font-size: 11px;
font-weight: bold;
}
.dsa {
text-align: center;
font-weight: bold;
font-size: 14px;
}
#Tabela_01 tr td .tabela2 p {
font-weight: normal;
text-align: left;
}
#Tabela_01 tr td .tabela2 {
font-size: 10px;
}
#Tabela_01 tr td .tabela2 {
color: #999;
font-weight: bold;
}
#Tabela_01 ewqewqeeeew {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
color: #666;
}
#Tabela_01ewqewq {
font-family: Tahoma;
font-size: 10px;
font-weight: bold;
color: #000;
}
.wew {
font-family: Tahoma;
font-size: 10px;
font-weight: bold;
color: #000;
}
#Tabela_01 tr td .tabela2 .wew .wew .wew .wew {
font-family: Tahoma;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #000;
height: 273px;
width: 595px;
}
.suwak {
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Tabela_01" width="1025" height="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="15">
<img src="Obrazki/index_01.gif" width="91" height="771" alt=""></td>
<td rowspan="11">
<img src="Obrazki/index_02.gif" width="15" height="609" alt=""></td>
<td rowspan="2">
<img src="Obrazki/index_03.gif" width="64" height="115" alt=""></td>
<td colspan="21">
<img src="Obrazki/index_04.gif" width="809" height="18" alt=""></td>
<td colspan="2" rowspan="3">
<img src="Obrazki/index_05.gif" width="45" height="175" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="lc.html">
<img src="Obrazki/lc.gif" width="125" height="97" border="0" alt=""></a></td>
<td colspan="5">
<a href="fb.html">
<img src="Obrazki/fb.gif" width="135" height="97" border="0" alt=""></a></td>
<td>
<img src="Obrazki/index_08.gif" width="1" height="97" alt=""></td>
<td colspan="4">
<a href="esl.html">
<img src="Obrazki/esl.gif" width="117" height="97" border="0" alt=""></a></td>
<td colspan="4">
<a href="sk.html">
<img src="Obrazki/sk.gif" width="123" height="97" border="0" alt=""></a></td>
<td colspan="5">
<img src="Obrazki/index_11.gif" width="308" height="97" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="97" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="4">
<img src="Obrazki/index_12.gif" width="231" height="169" alt=""></td>
<td colspan="13" rowspan="2">
<img src="Obrazki/index_13.gif" width="364" height="70" alt=""></td>
<td colspan="4">
<img src="Obrazki/index_14.gif" width="278" height="60" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="60" alt=""></td>
</tr>
<tr>
<td>
<img src="Obrazki/index_15.gif" width="7" height="10" alt=""></td>
<td colspan="4" rowspan="4"><div class="tabela1"><strong>Cześć koledzy my name is Adriandsadsasadasdsadasdasds</strong></div></td>
<td rowspan="7">
<img src="Obrazki/index_17.gif" width="44" height="409" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td>
<a href="index.html">
<img src="Obrazki/home.gif" width="51" height="74" border="0" alt=""></a></td>
<td colspan="4">
<a href="omnie.html">
<img src="Obrazki/omnie.gif" width="65" height="74" border="0" alt=""></a></td>
<td>
<a href="galeria.html">
<img src="Obrazki/galeria.gif" width="70" height="74" border="0" alt=""></a></td>
<td colspan="3">
<a href="wideo.html">
<img src="Obrazki/wideo.gif" width="61" height="74" border="0" alt=""></a></td>
<td colspan="2">
<a href="media.html">
<img src="Obrazki/media.gif" width="58" height="74" border="0" alt=""></a></td>
<td colspan="3">
<a href="kontakt.html">
<img src="Obrazki/kontakt.gif" width="66" height="74" border="0" alt=""></a></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="74" alt=""></td>
</tr>
<tr>
<td colspan="14">
<img src="Obrazki/index_24.gif" width="371" height="25" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="18" rowspan="3" align="left" bgcolor="#969696"><div class="tabela2">
<p><img src="Obrazki/knw.png" alt="POKA CYCYE" width="106" height="149" align="left"></em>dodał: KLIMEK Data dodania: 16-Oct-2010</p>
</p>
<p><br>
<span class="dsa"> Nowa szata graficzna</span></p>
<div class="wew">
<p class="wew"><span class="wew"><span class="wew">Kldsadsadsadsadasdjasldjkaklsjdklasjdlkasjdklajsdkljaslkdjsakldjsakljdlksajdlkasjldkajskl<br>
dsadsadasdasdsadasdasdasdsadasdasdasdasdasdasdasdsadsadasdasdasdasdasdasdsadasdasd<br>dsadsadasdasdsadasdasdasdsadasdasdasdasdasdasdasdsadsadasdasdasdasdasdasdsadasdasd<br>dsadsadasdasdsadasdasdasdsadasdasdasdasdasdasdasdsadsadasdasdasdasdasdasdsadasdasd<br>dsadsadasdasdsadasdasdasdsadasdasdasdasdasdasdasdsadsadasdasdasdasdasdasdsadasdasddsadsadsadsadsadsa<br>dsadsadasdasdsadasdasdasdsadasdasdasdasdasdasdasdsadsadasdasdasdasdasdasdsadasdasddsadsadsadsadsadsa<br>dsadsadasdasdsadasdasdasdsadasdasdasdasdasdasdasdsadsadasdasdasdasdasdasdsadasdasddsadsadsadsadsadsa<br>dsadsadasdasdsadasdasdasdsadasdasdasdasdasdasdasdsadsadasdasdasdasdasdasdsadasdasddsadsadsadsadsadsa<br>dsadsadasdasdsadasdasdasdsadasdasdasdasdasdasdasdsadsadasdasdasdasdasdasdsadasdasddsadsadsadsadsadsa</span></span></p>
<p class="wew"> </p>
<p class="wew"> </p>
</div>
</div></td>
<td>
<img src="Obrazki/index_26.gif" width="7" height="45" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="45" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="Obrazki/index_27.gif" width="279" height="18" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2">
<a href="bialystok.html">
<img src="Obrazki/bialystok.gif" width="278" height="237" border="0" alt=""></a></td>
<td rowspan="2">
<img src="Obrazki/index_29.gif" width="1" height="237" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="210" alt=""></td>
</tr>
<tr>
<td colspan="18" rowspan="2">
<img src="Obrazki/index_30.gif" width="595" height="52" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="Obrazki/index_31.gif" width="323" height="25" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="25">
<img src="Obrazki/index_32.gif" width="933" height="21" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="Obrazki/index_33.gif" width="328" height="2" alt=""></td>
<td colspan="5" rowspan="2">
<a href="index.html">
<img src="Obrazki/pdc.html.gif" width="116" height="108" border="0" alt=""></a></td>
<td colspan="3" rowspan="2">
<img src="Obrazki/index_35.gif" width="71" height="108" alt=""></td>
<td colspan="5" rowspan="2">
<a href="index.html">
<img src="Obrazki/koba.gif" width="177" height="108" border="0" alt=""></a></td>
<td rowspan="2">
<a href="index.html">
<img src="Obrazki/macoio.gif" width="134" height="108" border="0" alt=""></a></td>
<td colspan="3">
<img src="Obrazki/index_38.gif" width="107" height="2" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="jagiellonia.html">
<img src="Obrazki/jaga.gif" width="89" height="106" border="0" alt=""></a></td>
<td colspan="2">
<a href="human.html">
<img src="Obrazki/human.gif" width="125" height="106" border="0" alt=""></a></td>
<td colspan="3">
<a href="index.html">
<img src="Obrazki/vme.gif" width="114" height="106" border="0" alt=""></a></td>
<td colspan="3" rowspan="2">
<img src="Obrazki/index_42.gif" width="107" height="139" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="106" alt=""></td>
</tr>
<tr>
<td colspan="22">
<img src="Obrazki/index_43.gif" width="826" height="33" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td>
<img src="Obrazki/index_44.gif" width="91" height="29" alt=""></td>
<td colspan="25">
<img src="Obrazki/copy.gif" width="933" height="29" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td>
<img src="Obrazki/odstęp.gif" width="91" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="15" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="64" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="10" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="115" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="10" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="32" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="51" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="31" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="11" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="22" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="70" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="12" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="13" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="36" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="22" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="36" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="29" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="30" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="7" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="75" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="134" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="62" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="1" height="1" alt=""></td>
<td>
<img src="Obrazki/odstęp.gif" width="44" height="1" alt=""></td>
<td></td>
</tr>
</table>
</body>
</html>A tu layout strony:
Kod:
http://img510.imageshack.us/i/klmkopia.png/Z góry dzięki za pomoc
![[Obrazek: beznazwy1hf.png]](http://img251.imageshack.us/img251/2663/beznazwy1hf.png)
