Začátečnický dotaz - pozicování – CSS – Fórum

Fórum › CSS

Začátečnický dotaz - pozicování

~ Anonymní uživatel
~ 1 příspěvek

7. 5. 2010 #1

Zdravím, dělám první web v CSS, zatím mám tohle: http://pracovni.vasik.net/web , web by měl vypadat takto: http://pracovni.vasik.net/web/images/web.jpg . Potřeboval bych poradit jak udělat ten zelený pruh s nápisem Centrum dveří a podlah - všechno mám v divu container a nevím jak se můžu dostat přes něj. Díky.

Nahlásit jako SPAM

IP: 77.48.33.–

Aleš Kuklínek

~ Anonymní uživatel
~ 2 příspěvky

8. 5. 2010 #2

<!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.

Nahlásit jako SPAM

IP: 88.103.101.–

Anonymní uživatel

~ Anonymní uživatel
~ 0 příspěvků

14. 5. 2010 #3

Díky, nakonec jsem to vyřešil tak, že jsem udělal širší container. Ještě mám jeden problém: ve všech verzích IE se proužek dole na ukončení pozadí zobrazuje posunutý vpravo, v ostatních prohlížečích se to zobrazí správně. Můžete mi poradit co s tím? Díky?

http://pracovni.vasik.net/web

Nahlásit jako SPAM

IP: 77.48.33.–

Anonymní uživatel

~ Anonymní uživatel
~ 0 příspěvků

23. 5. 2010 #4

<!--[if IE]>

  <link rel="stylesheet" type="text/css" href="ie.css" />

<![endif]-->

Zadej si tohle do hlavičky a uprav ten zkopíruj si starej styl a přejmenuj si ho na ie.css, skus to nějak doladit pro IE, třeba padding-right:10px; :-D:-D, ne to ne! No když to půjde ve verzích 6, 7 a 8 tak jo :-)

Nahlásit jako SPAM

IP: 82.150.166.–

← Zpět na seznam vláken ← Zpět do Fóra