Autor Zpráva
boos121
Profil
Caute potreboval by som pomoct na adrese www.ppfriends.tym.sk/foto.html mam jeden problem ide o to ze ak sa pozriete na tem obrazok zeleny tak mi nezacina normalne od laveho rohu tak aby to pasovalo ku ostatnym a aby sa to tahalo popri tej panorame...stranku by som chcel nechat taku ako je len by som chcel pridavat doto vedla toho modreho loga (Kežmarok....) a aby to zacinalo v lavom roku hornom a islo to popri panorame co najblizsie poradite mi prosim ?


CSS je :


/* Elements */

body {
	margin: 20px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A1A1A1;
}

h1 {
}

h2, h3, h4, h5, h6 {
	color: #2582A4;
}

p, ol, ul {
	text-align: justify;
}

strong {
	font-weight: bold;
	color: #808080;
}

a {
	color: #87A019;
}

a:hover {
	text-decoration: none;
	color: #2582A4;
}

.box {
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(images/img07.gif) repeat-x left bottom;
}

.bottom {
	display: block;
	margin-bottom: 0;
	padding-bottom: 10px;
	background: url(images/img08.gif) no-repeat left bottom;

}

.image {
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
}

.indent {
	margin-left: 125px;
}

/* Header */

#header {
	width: 928px;
	height: 37px;
	margin:  auto;
	background: #BECF74 url(images/img01.gif) repeat-x;
	border-bottom: 3px solid #FFFFFF;
}

/* Menu */

#menu {
	float: left;
	width: 600px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	background: url(images/img02.gif) no-repeat;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 27px;
	padding: 10px 15px 0px 15px;
	text-transform: ;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background: #A4B74C url(images/img04.gif) repeat-x;
}

/* Search */

#search {
	float: right;
	height: 28px;
	margin: 0;
	padding: 9px 25px 0 0;
	background: url(images/img03.gif) no-repeat right top;
}

#search fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

#input1 {
	width: 164px;
	padding: 2px 5px;
	background: #FFFFFF;
	border: none;
}

#input2 {
	height: 20px;
	background: #87C4DB;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Content */

#content {
	width: 928px;
	margin: 0 auto;
}

#colOne {
	float: left;
	width: 238px;
	background: url(images/img05.gif) repeat-x;
}

#colOne h3 {
	padding: 0 20px;
}

#colOne ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
}

#colOne li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
}

#colOne li.first {
	border: none;
}

#colTwo {
	float: right;
	width: 617px;
	padding: 30px 40px 0 30px;
	background: url(images/img09.gif) repeat-x;
}

#colTwo h2 {
	margin-top: 0;
	font-size: 26px;
}

#colTwo h3 {
	margin-bottom: 0;
	font-size: 18px;
}

#colTwo h4 {
	margin-top: 0;
	font-size: 11px;
	font-weight: normal;
}

#colTwo .box {
	margin: 0 -30px 30px -20px;
	padding: 0 30px 0 20px;
}

#colTwo .bottom {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}

/* Logo */

#logo {
	height: 150px;
	background: url(images/img06.gif) no-repeat;
}

#logo h1, #logo h2, #logo a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: ;
	text-align: center;
	color: #FFFFFF;
}

#logo h1 {
	padding-top: 25px;
	font-size: 34px;
}

#logo h2 {
	margin-top: -5px;
	font-size: 12px;
}

/* Footer */

#footer {
	clear: both;
	width: 928px;
	margin: 0 auto;
	padding-top: 40px;
	background: url(images/img11.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
}


HTML je :

<div class="pre"><pre><!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">


<title>stránka CityKK</title>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<ul id="menu">
<li><a href="#" accesskey="1" title="">Hlavná stránka</a></li>
<li><a href="#" accesskey="2" title="">Firmy</a></li>
<li><a href="#" accesskey="3" title="">Podniky</a></li>
<li><a href="#" accesskey="4" title="">Tatry</a></li>
<li><a href="#" accesskey="5" title="">Novinky</a></li>
<li><a href="#" accesskey="5" title="">O nás</a></li>
<li><a href="#" accesskey="5" title="">Kontakt</a></li>
</ul>
<form id="search" method="get" action="">
<fieldset>
<input name="input1" type="text" id="input1" />
<input name="input2" type="submit" id="input2" value="Search" />
</fieldset>
</form>
</div>
<div id="content">
<img src="images/a3.jpg" width="239" height="100"> <img src="images/vt.jpg" width="685" height="100">
<div id="colOne">
<div id="logo">
<h1><font size="6">Kežmarok</font></h1>
<h2><font size="2">INFORMACNÁ KANCELÁRIA</font></h2>
</div>
<div class="box">
<h3>Poskytujeme informácie:</h3>
<ul class="bottom">
<li class="first"><a href="#">Atrakcie</a></li>
<li><a href="#">Úrady a inštitúcie</a></li>
<li><a href="#">Banky, poisťovne a zmenárne</a></li>
<li><a href="#">Reštaurácie</a></li>
<li><a href="#">Ubytovacie zariadenia</a></li>
<li><a href="#">Doprava</a></li>
<li><a href="#">Zdravotníctvo</a></li>
<li><a href="#">Kultúrne inštitúcie</a></li>
<li><a href="#">Športoviská</a></li>
</ul>
</div>
<div class="box">
<h3>Ďalšie linky::</h3>
<ul class="bottom">
<li class="first"><a href="#">Mesto Kežmarok</a></li>
<li><a href="#">VÚC Prešov</a></li>
<li><a href="#">Múzeum Kežmarok</a></li>
</ul>
</div>
<script type="text/javascript" src="http://widget.smahu.com/show-widget.js"></script><div><script type="text/javascript">document.write(showWidget('pocasie-text-small/', '7','4','c-slovensko'));</script></div><a href="http://www.smahu.com/pocasie/" title="SMAHU.COM: počasie, aktuálne počasie" style="color:#000000; border-bottom:1px dotted #000000; text-decoration:none;"></a></div>
<div id="colTwo">
<h2> <img src="http://www.zsmalinovpart.edu.sk/matika/testy/MONITOR/obdlznik.png" alt="" width="102" height="60" class="image" /> Vitajte na našej novej web stránke www.cityKK.sk</h2>;
<img src="http://www.usti-nl.cz/files/Pekelsky_vodopad.jpg" alt="" width="109" height="150" class="image" />
<p class="indent"> Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.</p>
<p class="indent">Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.</p>
<div class="box">
<h3>Spod Tatier a Kežmarku</h3>
<h4><strong> </strong> </h4>
<p class="bottom"> Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude text stranky.Tu bude

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: