Anonymní profil Aleš Kuklínek

Příspěvky odeslané z IP adresy 88.103.101.–

Aleš Kuklínek

CSS › Začátečnický dotaz - pozicov…

8. 5. 2010 #128560

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html> 

<head> 

<title>Fu-Va</title> 

<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" /> 

</head> 

 

<body> 

<div id="container"> 

	<div id="header" class="clear"> 

		<ul id="nav"> 

			<li><a href="#">O nas</a></li> 

			<li><a href="#">Uvod</a></li> 

			<li><a href="#">Co nabizime</a></li> 

			<li><a href="#">Realizace</a></li> 

			<li><a href="#">O nas</a></li> 

		</ul> 

	</div><!--Header--> 

	

	<div id="menu" class="clear"> 

		<ul id="nav-top-left"> 

			<li><a href="#">PODLAHY</a></li> 

			<li><a href="#">DVERE</a></li> 

			<li><a href="#">VENKOVNI TERASY</a></li> 

		</ul> 

	</div><!--menu--> 

	

	<div id="main" class="clear"> 

		<ul id="nav-top-left"> 

			<li><a href="#">PODLAHY</a></li> 

			<ul> 

      <li><a href="#">DVERE</a></li> 

			<li><a href="#">BLABLA</a></li> 

			<li><a href="#">DVERE</a></li> 

			<li><a href="#">BLABLA</a></li> 

			<li><a href="#">DVERE</a></li> 

			<li><a href="#">BLABLA</a></li> 

      </ul> 

		</ul> 

	</div><!--main--> 

	

</div><!--Container--> 

<div style="position:absolute;left:0px;top:200px;">

<img src="podlahy.png" alt="podlahy" style="border:0px">

</div>	

</body> 

 

</html>

Když použiješ absolutní pozicování ten ten se přesune na pozici kterou mu definuješ. Tedy nehledě na ostatní divy. Nevím jestli to je zrovna nejlepší řešení jak ten pruh udělat ale nic lepšího mě nenapadlo.