link na web :
http://mienko.jezko.net/
kod webu je:
Kód:
<!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="sk" lang="sk">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250" />
<meta http-equiv="Pragma" content="no-cache" />
<meta name="Author" content="Peter" />
<meta name="description" content="opis, popis" />
<meta name="keywords" content="klucove slova" />
<link rel="icon" href="odkaz" />
<link rel="stylesheet" type="text/css" href="styly.css" />
<title> Nazov vebu </title>
<style type="text/css">
<!--
*{margin: 0px; padding: 0px;}
body {
text-align: center;
background: #e2e2e2 url('image/bg.png') repeat-x;
}
#vycentrovanie {
margin: auto;
width: 901px;
}
ul#menu {
background: url('image/menu_bg.png');
list-style-type: none;
width: 901px;
height: 32px;
}
ul#menu li {
float:left;
height: 32px;
padding: 0 5px;
min-width: 120px;
_width: 120px;
background: url('image/odelovac.png') no-repeat 100% 0%;
}
ul#menu li a {
color: white;
font-size: 8pt;
font-family: Verdana, 'Geneva CE', lucida, sans-serif;
font-weight: bold;
text-decoration: none;
padding: 8px 3px 11px 3px;
display: block;
}
ul#menu li a:hover {
background: url('image/hover.png');
}
#lavy_stlpec {
width: 213px;
float: left;
margin: 7px 0 0 0;
background: white;
height: 100%;
}
p.nadpis {
background: url('image/left_bg_nadpis.png');
width: 213px;
height:22px;
color: white;
font-size: 8pt;
font-family: Verdana, 'Geneva CE', lucida, sans-serif;
font-weight: bold;
padding: 7px 0 0 0;
margin: -2px 0 0 0;
}
ul#nabidka {
list-style-type: none;
width: 211px;
border: 1px #d9d9d9 solid;
font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
}
ul#nabidka li {
border: 1px #d9d9d9 dashed;
border-width: 0 0 1px 0;
margin: 0 5px;
padding: 0 0 0 10px;
}
ul#nabidka li.top a{
color: #3b3b3b;
text-decoration: none;
padding: 7px 0 1px 10px;
display: block;
background: url('image/sipka.png') 0% 70% no-repeat;
}
ul#nabidka li.center a {
color: #3b3b3b;
text-decoration: none;
padding: 1px 0 1px 10px;
background: url('image/sipka.png') 0% 50% no-repeat;
display: block;
}
ul#nabidka li.bottom a {
color: #3b3b3b;
text-decoration: none;
padding: 1px 0 7px 10px;
background: url('image/sipka.png') 0% 35% no-repeat;
display: block;
}
p.text {
font-size: 8pt;
color: #606060;
font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
margin: 0 7px;
text-align: left;
}
#hladat {
width: 211px;
border: 1px #d9d9d9 solid;
min-height: 200px;
_height: 200px;
}
.pole_hladat {
border: #bde0f2 solid 1px;
background: #eff6fa;
width: 125px;
height: 20px;
margin: 15px 0 0 7px;
float: left;
}
.tlacitko {
background: url('image/tlacitko_hladat.png');
width: 66px;
height: 22px;
border: none;
color: white;
float: left;
margin: 15px 0 0 4px;
padding: 0 5px 0 0;
font-size: 9pt;
}
.tlacitko2 {
background: url('image/tlacitko_hladat.png');
width: 66px;
height: 22px;
border: none;
color: white;
float: right;
font-size: 9pt;
margin: 0 60px 0 0;
}
.inputy {
border: #bde0f2 solid 1px;
background: #eff6fa;
width: 155px;
height: 20px;
text-align: center;
margin: 0 15px;
}
#top_stredny_stlpec {
background: url('image/stredny_stlpec_horne_pozadie.png') 100% 100% no-repeat;
width: 484px;
height: 8px;
float: left;
margin: 0px 2px 0 2px;
height: 100%;
}
#stredny_stlpec {
width: 484px;
float: left;
margin: 0px 2px 0px 2px;
background: white;
}
#bottom_stredny_stlpec {
background: url('image/stredny_stlpec_dolne_pozadi.png') no-repeat;
width: 484px;
height: 8px;
float: left;
}
p.cesta {
background: #d9eaf4;
color: black;
margin: 0 1px;
text-align: left;
padding: 0 0 0 5px;
font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
font-size: 10pt;
}
p.nadpis_clanku {
font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
color: #d80674;
font-size: 14pt;
text-align: left;
margin: 20px 5px 0 5px;
}
#pravy_stlpec {
float: right;
width: 199px;
background: white;
margin: 5px 0 0 0;
height: 100%;
}
p.nadpis_right {
background: url('image/right_bg_nadpis.png');
width: 199px;
height: 22px;
color: white;
font-size: 8pt;
font-family: Verdana, 'Geneva CE', lucida, sans-serif;
font-weight: bold;
padding: 7px 0 0 0;
}
img {
float: left;
margin: 0 6px 0 0;
}
a.text {
font-size: 10pt;
color: #606060;
font-family: 'Comic Sans MS', 'Sand CE', fantasy;
padding: 0 7px;
text-align: left;
float: left;
margin: 0 0 20px 0;
}
#novinky {
width: 197px;
border: 1px solid #d9d9d9;
}
.modra {
background: #e6f1f8;
border: 2px solid #ffffff;
border-width: 2px 2px 0 2px;
}
.biela {
background: #ffffff;
border: 2px solid #ffffff;
}
p.modra {
background: url('image/krizik_modry.png') 7% 60% no-repeat;
padding: 0 0 0 30px;
text-align: left;
color: #fa0d78;
font-size: 10pt;
}
p.biela {
background: url('image/krizik_biely.png') 7% 60% no-repeat;
padding: 0 0 0 30px;
text-align: left;
color: #fa0d78;
font-size: 10pt;
}
p.modry_text {
border: 2px solid #ffffff;
border-width: 0px 2px;
padding: 0 0 0 30px;
font-size: 9pt;
color: #606060;
font-family: 'Comic Sans MS', 'Sand CE', fantasy;
text-align: left;
}
p.biely_text {
border: 2px solid #ffffff;
border-width: 0px 2px;
padding: 0 0 0 30px;
font-size: 9pt;
color: #606060;
font-family: 'Comic Sans MS', 'Sand CE', fantasy;
text-align: left;
}
#prihlasenie {
background: #ffffff;
border: 1px solid #d9d9d9;
border-width: 0 1px;
}
table {
color: #606060;
font-family: 'Comic Sans MS', 'Sand CE', fantasy;
font-size: 10pt;
}
#sponzori {
background: #ffffff;
border: 1px solid #d9d9d9;
min-height: 300px;
_height: 300px;
}
#header {
background: url('image/header.png');
width: 901px;
height: 144px;
}
.poster {
background: url('image/poster_zena.png') ;
width: 106px;
height: 144px;
float: left;
}
h1 {
color: #d90674;
text-align: right;
padding: 27px 340px 0 0;
}
#footer {
position:relative;
width: 901px;
height: 20px;
border: 1px solid #d9d9d9;
background: #e6f1f8;
font-size: 10pt;
color: #606060;
font-family: 'Comic Sans MS', 'Sand CE', fantasy;
text-align: center;
margin: 5px 0 10px 0;
float: left;
}
-->
</style>
</head>
<body>
<div id="vycentrovanie">
<div id="header">
<div class="poster"></div>
<h1>VaseKadernictvi.cz</h1>
</div>
<ul id="menu">
<li> <a href="#">Hlavna stranka</a></li>
<li> <a href="#">Kontakty</a></li>
<li> <a href="#">Kontakty</a></li>
<li> <a href="#">Kontakty</a></li>
<li> <a href="#">Kontakty</a></li>
</ul>
<div id="bg">
<div id="lavy_stlpec">
<p class="nadpis">Nabídka kadeřnictví</p>
<ul id="nabidka">
<li class="top"><a href="#">Domů</a></li>
<li class="center"><a href="#">Červený kříž</a></li>
<li class="center"><a href="#">Kurzy</a></li>
<li class="center"><a href="#">Tábory</a></li>
<li class="center"><a href="#">Polozka</a></li>
<li class="center"><a href="#">polozka</a></li>
<li class="center"><a href="#">Polozka</a></li>
<li class="center"><a href="#">Kontakt</a></li>
<li class="center"><a href="#">Polozka</a></li>
<li class="bottom"><a href="#">Archiv</a></li>
</ul>
<p class="nadpis">Vyhledávaní</p>
<div id="hladat">
<p class="text">Zadejte hledaný výraz a kliknětě na tlačítko hledat.</p>
<form method="post" action="#">
<input class="pole_hladat" type="text" />
<input class="tlacitko" type="submit" value="Hledat" />
</form>
</div>
</div>
<div id="pravy_stlpec">
<p class="nadpis_right">Novinky</p>
<div id="novinky">
<div class="modra">
<p class="modra">12.12.9009</p>
<p class="modry_text">asd</p>
</div>
<div class="biela">
<p class="biela">12.12.9009</p>
<p class="biely_text">asd jiji iji iwsf diwsd asidasi dasid asd</p>
</div>
</div>
<p class="nadpis_right">Prihlasenie</p>
<div id="prihlasenie">
<form method="post" action="#">
<table>
<tr> <td> Užívateľské meno: </td> </tr>
<tr> <td> <input type="text" name="meno" class="inputy" /> </td> </tr>
<tr> <td> Heslo: </td> </tr>
<tr> <td> <input type="password" name="heslo" class="inputy" /> </td> </tr>
<tr> <td> <input type="submit" name="prihlas" value=" Prihlásiť sa " class="tlacitko2" /> </td> </tr>
</table>
</form>
<p class="nadpis_right">Sponzori</p>
<div id="sponzori">
</div>
</div>
</div>
<div id="bg2">
<div id="top_stredny_stlpec"> </div>
<div id="stredny_stlpec">
<p class="cesta">Hlavna stráka > úvod </p>
<p class="nadpis_clanku"> asda sda sdasd a sd</p>
<a class="text"><img src="obrazky/obrazok1.png" alt="obrazok" title="obrazok" />Lákamí vůněhulás úmyval rohlivý jednovod lek krad nim Tajakkoli boložekno Aler.
Smírní nim lehlý rozcuce záříkemi Bicí magnednem ří nač obzor jený. Štínům zásou krad lesmělý boliv
škový hole anadlo zásou úmyvatkov nuchředos. A rozem pa paráčepra znovu předopist ček Lák smutomáš
rojený bývá. Alehlínka je ček Tanechřeh nuchváled doska nestakkol Obrajinec sobit kraburdí máler.
Vá no lžičkak pologie úmyval pologie škoda Záprazy starásný záprajen.</a>
<!-- dalsi clanok -->
<p class="nadpis_clanku"> asda sda sdasd a sd</p>
<a class="text"><img src="obrazky/obrazok1.png" alt="obrazok" title="obrazok" />Lákamí vůněhulás úmyval rohlivý jednovod lek krad nim Tajakkoli boložekno Aler.
Smírní nim lehlý rozcuce záříkemi Bicí magnednem ří nač obzor jený. Štínům zásou krad lesmělý boliv
škový hole anadlo zásou úmyvatkov nuchředos. A rozem pa paráčepra znovu předopist ček Lák smutomáš
rojený bývá. Alehlínka je ček Tanechřeh nuchváled doska nestakkol Obrajinec sobit kraburdí máler.
Vá no lžičkak pologie úmyval pologie škoda Záprazy starásný záprajen.</a>
<!-- dalsi clanok -->
<p class="nadpis_clanku"> asda sda sdasd a sd</p>
<a class="text"><img src="obrazky/obrazok1.png" alt="obrazok" title="obrazok" />Lákamí vůněhulás úmyval rohlivý jednovod lek krad nim Tajakkoli boložekno Aler.
Smírní nim lehlý rozcuce záříkemi Bicí magnednem ří nač obzor jený. Štínům zásou krad lesmělý boliv
škový hole anadlo zásou úmyvatkov nuchředos. A rozem pa paráčepra znovu předopist ček Lák smutomáš
rojený bývá. Alehlínka je ček Tanechřeh nuchváled doska nestakkol Obrajinec sobit kraburdí máler.
Vá no lžičkak pologie úmyval pologie škoda Záprazy starásný záprajen.</a>
<!-- dalsi clanok -->
<p class="nadpis_clanku"> asda sda sdasd a sd</p>
<a class="text"><img src="obrazky/obrazok1.png" alt="obrazok" title="obrazok" />Lákamí vůněhulás úmyval rohlivý jednovod lek krad nim Tajakkoli boložekno Aler.
Smírní nim lehlý rozcuce záříkemi Bicí magnednem ří nač obzor jený. Štínům zásou krad lesmělý boliv
škový hole anadlo zásou úmyvatkov nuchředos. A rozem pa paráčepra znovu předopist ček Lák smutomáš
rojený bývá. Alehlínka je ček Tanechřeh nuchváled doska nestakkol Obrajinec sobit kraburdí máler.
Vá no lžičkak pologie úmyval pologie škoda Záprazy starásný záprajen.</a>
<!-- dalsi clanok -->
<p class="nadpis_clanku"> asda sda sdasd a sd</p>
<a class="text"><img src="obrazky/obrazok1.png" alt="obrazok" title="obrazok" />Lákamí vůněhulás úmyval rohlivý jednovod lek krad nim Tajakkoli boložekno Aler.
Smírní nim lehlý rozcuce záříkemi Bicí magnednem ří nač obzor jený. Štínům zásou krad lesmělý boliv
škový hole anadlo zásou úmyvatkov nuchředos. A rozem pa paráčepra znovu předopist ček Lák smutomáš
rojený bývá. Alehlínka je ček Tanechřeh nuchváled doska nestakkol Obrajinec sobit kraburdí máler.
Vá no lžičkak pologie úmyval pologie škoda Záprazy starásný záprajen.</a>
<!-- dalsi clanok -->
<div id="bottom_stredny_stlpec"> </div>
</div>
<div id="footer"> @ Kadernictvo. </div>
</div></div>
</div>
<!-- footer -->
</body>
</html>
potrebujem natiahnut pravy a lavy stlpec az po peticku
skusal som to mnoha spobobmi ale neslo mi to pls poradte