Autor Zpráva
peteruu
Profil *
#1 · Zasláno: 28. 7. 2011, 20:35:48
Odpovědět Citovat
Caute mam problem s patickou uz to riesim par dni a neviem nato prist skusal som to podla roznych webov hlavne zdrojak csfd.cz ale nejak sa mi to nedari rozbehať. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL //EN" >

<html>

 <head>

<meta http-equiv="Content-Type" content="text/html; charset=Windows-1250">

  <title>

Zobrazit filmy

  </title>

  <style>

  

  body 	{background-color: #F7F3F3;margin-top: 10px;margin-bottom:10px;color: #81401f;font-family: sans-serif;text-align: center;

		top: 0;padding: 0;margin: 0;width: 100%;min-width: 994px;}





#obal {margin : 0 auto;width : 1000px;}

	

#header-center {position:relative; margin:0px auto; width:975px; height:235px; }

#horne-menu		{ position:absolute; top:0px; left:0px; width:975px; height:50px; margin: 0px;padding-top:6px; 

				padding-left:5px; text-align: left; background-color: #F2F2F2;border:1px solid #AAA;border-top:0; }

#horne-menu	ul 	{margin: 0;padding: 2px;list-style: none;}

#horne-menu	li 	{float: left;}

#horne-menu li.vpravo	{float: right;}

#horne-menu li a	{display: block;padding: 0.1em 0.9em;text-decoration: none;}

#horne-menu li a:hover 	{text-decoration: underline;}



#header 			{position:absolute; top:50px; left:0px; width:982px; height:150px; background-image:url('images/header.jpg');}



#header-menu	{position:absolute; top:200px; left:0px; width:980px; height:35px; background-color: #F2F2F2;}

#header-menu ul 	{margin: 0;padding: 2px;list-style: none;}

#header-menu li 	{float: left;}

#header-menu li.vpravo	{float: right;}

#header-menu li a	{display: block;padding: 0.1em 0.9em;text-decoration: none;}

#header-menu li a:hover 	{text-decoration: underline;}

#header-menu li form {margin: 0;padding: 0;}

#header-menu li input submit{width: 120px;}

#header-menu li input text{width: 200px;}





#obsah-center {position:relative; margin:0px auto; width:975px; height:auto; }	

#menuzanre	{position:absolute; top:20px; left:0px;width:210px; height:auto; padding:0px; margin: 0px;background-color:#E6E6E6;}

#menuzanre li 	{list-style-type: none;text-align:left;height: 30px;padding:0px;margin-left: 0px;list-style-position: outside;}



#obsah			{position:absolute; top:20px; left:250px; width:500px; height:auto; }



#statistika {position:absolute; top:20px; left:830px;width:150px; height:200px; padding-top:20px; background-color:#E6E6E6;}

#cleaner {

		clear:both;

		}



#footer {

position: relative;

clear : both;

margin : 30px 0;

padding : 15px;

background-color : #ba0305;}





div.sprava { position:absolute; top:30px; left:20px; width:975px; height:50px; margin: 0px;padding-top:0px; 

			padding-left:5px; background-color: #F2F2F2;border:1px solid #AAA;border-top:0; } 

div.sprava span { color: #FE2E2E; text-align:center;}



div.bottom-menu{border:1px solid #AAA;-webkit-border-bottom-left-radius:30px;-webkit-border-bottom-right-radius:30px;

			-moz-border-radius-bottomleft:30px;-moz-border-radius-bottomright:30px;

			border-bottom-left-radius:30px;border-bottom-right-radius:30px}

div.top-menu{border:1px solid #AAA;-webkit-border-top-left-radius:30px;-webkit-border-top-right-radius:30px;

			-moz-border-radius-topleft:30px;-moz-border-radius-topright:30px;

			border-top-left-radius:30px;border-bottom-top-radius:30px}



		

a 		{color: #81401f;text-decoration: none;}

a:hover 	{text-decoration: underline;}





</style>

<link rel="stylesheet" type="text/css" > </head>

 <body> 

<div id="obal">

<div id="header-center" >

<div id="horne-menu" >

<form method="post" action="http://localhost/projekt1/index.php">

Login <input name="uzivatel" value="" > 

	Heslo <input name="heslo" type = "password" value="">



	<input type="checkbox" name="autologin"  value="1">Zapamätať <input type="submit" value="Prihlásiť sa!">

	<a href="http://localhost/projekt1/registrace.php">Registrácia</a>

</form>

</div>

<div id="header" ></div>

<div id="header-menu" class="bottom-menu" >

<ul>

<li><a href="http://localhost/projekt1/zobrazit_filmy.php?zaner_id=0">Zobraziť filmy</a></li>

<li><a href="http://localhost/projekt1/zobrazit_osobnost.php">Zobraziť osobnosť</a></li>

<li class="vpravo" ><a href="http://localhost/projekt1/vyhladavanie.php">Rozšírené hľadanie</a></li>



<li class="vpravo"><form action="http://localhost/projekt1/index.php" method="POST">

<ul ><li><input type="hidden" name="testhladania" value="bolposlany"><input type="text" name ="edit_search" ><input type="submit" value ="Hľadaj"></li>

</ul></form></li>

</ul>

</div>

</div>

<div id="obsah-center" >

<div  id="menuzanre" class="bottom-menu top-menu" >

<ul>

<li><a href="http://localhost/projekt1/index.php?ZANER=1">Akčný</a>&nbsp;(4)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=2">Animovaný</a>&nbsp;(1)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=3">Dobrodružný</a>&nbsp;(1)</li>



<li><a href="http://localhost/projekt1/index.php?ZANER=4">Dokumentárny</a>&nbsp;(2)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=5">Dráma</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=6">Erotický</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=7">Fantasy</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=8">Historický</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=9">Horor</a>&nbsp;(1)</li>



<li><a href="http://localhost/projekt1/index.php?ZANER=10">Hudobný</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=11">Katastrofický</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=12">Komédia</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=13">Krimi</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=14">Muzikál</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=15">Mysteriózni</a>&nbsp;(0)</li>



<li><a href="http://localhost/projekt1/index.php?ZANER=16">Psychologický</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=17">Rodinný</a>&nbsp;(1)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=18">Romantický</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=19">Rozprávka</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=20">Sci-fi</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=21">Thriller</a>&nbsp;(0)</li>



<li><a href="http://localhost/projekt1/index.php?ZANER=22">Vojnový</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=23">Western</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=24">Športový</a>&nbsp;(0)</li>

<li><a href="http://localhost/projekt1/index.php?ZANER=25">Životopisný</a>&nbsp;(0)</li>

</ul>

</div>

<div id="obsah">

<table class="vypis" >

<colgroup><col width="10%" >



<col width="10%" >

<col width="80%" >

</colgroup>

<tr class="vypisvrch"><td height="18" colspan="3"></td></tr><tr class="parny"><th>Por. c.</th>

<th >Obrazok</th><th ><a href="http://localhost/projekt1/zobrazit_filmy.php?page=1&amp;ORD=DESC&amp;stlpec=NAZOV&amp;stlpec2=NAZOV">NAZOV</a></th>

</tr>

<tr align="left" class="parny">

<td>&nbsp;1.</td>

<td><img src= "http://localhost/projekt1/images/no_img.jpg" width="50" height="70" alt="Obrazok"></td>

<td><a href="http://localhost/projekt1/profil_film.php?id=20">dalsi film&nbsp;(2001)</a></td>

</tr>



<tr align="left" class="neparny">

<td>&nbsp;2.</td>

<td><img src= "http://localhost/projekt1/images/no_img.jpg" width="50" height="70" alt="Obrazok"></td>

<td><a href="http://localhost/projekt1/profil_film.php?id=43">edit&nbsp;(345)</a></td>

</tr>

<tr align="left" class="parny">

<td>&nbsp;3.</td>

<td><img src= "http://localhost/projekt1/images/no_img.jpg" width="50" height="70" alt="Obrazok"></td>

<td><a hre
panther
Profil
#2 · Zasláno: 28. 7. 2011, 20:37:24
Odpovědět Citovat
peteruu:
jestli chceš poradit, dodej odkaz na web. Tunou kódu se probírat nebudu - a jistě nebudu sám.
peteruu
Profil *
#3 · Zasláno: 28. 7. 2011, 20:43:55
Odpovědět Citovat
v podstate by som chcel ten cerveny pas-paticku dostat dole.. Odkaz
panther
Profil
#4 · Zasláno: 28. 7. 2011, 20:58:41
Odpovědět Citovat
peteruu:
začni tím, že vyhážeš absolutní pozicování od všeho, co je uvnitř #obsah-center.
peteruu
Profil *
#5 · Zasláno: 28. 7. 2011, 22:40:52
Odpovědět Citovat
poziciovanie som upravil nastavil som float a uz to frci.. diky moc inak kebyze sa necha poziciovanie na absolute je nejaka moznost ako to aj cez to nastavit.. ?
Keeehi
Profil
#6 · Zasláno: 28. 7. 2011, 22:49:42
Odpovědět Citovat
peteruu:
„kebyze sa necha poziciovanie na absolute je nejaka moznost ako to aj cez to nastavit.. ?“
Myslím, že by měla být (nechce se mi to zkoušet), ale nedělej to.

PS. ještě to nemáš dokonalé. Minimálně v chomu ti to nefunguje. Ten clear: both by měl být jinde (jen pro zběžném prolítnutí). Přidávám odkaz na pěkně popsané plavání.
peteruu
Profil *
#7 · Zasláno: 28. 7. 2011, 22:57:24
Odpovědět Citovat
noo skusal som chrome, opera, explorer, firefox bezalo to vsade.. verzie prehliadacov som nebral v uvahu.. a teda kde by mal byt ked inde? resp. v ktorom prehliadaci by nefungovalo to riesenie.
Keeehi
Profil
#8 · Zasláno: 28. 7. 2011, 23:11:42 · Upravil/a: Keeehi
Odpovědět Citovat
Mám chrom ve verzi 12.0.742.122

Teď už se mi to zobrazuje dobře. (teda pokud je ta mezera mezi boxem s loginem a vyhledáváním naschvál)
peteruu
Profil *
#9 · Zasláno: 28. 7. 2011, 23:21:24
Odpovědět Citovat
co sa tyka paticky mala by byt dobre mam rovnaky chrome a ukazuje mi to v poriadku
a co sa tyka tej medzeri tam ma byt header ale ja som to len rychlo prekopiroval z php do html kvoli jednoduchosti a bez dalsich obrazkov takze tam je hlavny obrazok. inak diky za link urcite prestudujem ak by si mal nejaky typ na knizku o css bol by som vdacni.. pripadne nieco uzitocne..
Časová prodleva: 13 let

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0