Autor Zpráva
Rob Roy
Profil *
#1 · Zasláno: 11. 10. 2006, 14:22:21
Odpovědět Citovat
Zdravim,

okopiroval jsem si layout ze stranek intervalu. Je to delano pomoci divu a css. Jsem zvykli na tabulky, takze jsem bral jako prirozene, ze budou mit vsechny "bunky" (omlouvam se, ale nevim, jak to presne nazvat) stejnou delku. Da se to udelat i u tohoto layoutu?

Predem dekuji za vasi pomoc
Casero
Profil
#2 · Zasláno: 11. 10. 2006, 14:44:48
Odpovědět Citovat
Rob Roy
nechápu??..jako myslíš každej sloupeček?..nastav stejnou width
Rob Roy
Profil *
#3 · Zasláno: 11. 10. 2006, 14:51:56
Odpovědět Citovat
no a to bych nastavoval pro kazdou stranku samostatne?
Casero
Profil
#4 · Zasláno: 11. 10. 2006, 14:54:05
Odpovědět Citovat
Rob Roy
no když budeš mít externí css tak ne...zkus si přečíst JPW serial o css
Rob Roy
Profil *
#5 · Zasláno: 11. 10. 2006, 15:00:17
Odpovědět Citovat
Casero:
externi styly mam, ale i tak tam budu mit napsano vzdy stejne cislo kdybyh se rozhodl, ze to budu mit na 500px, tak dalsi tranka, ktera budemit min textu, tak bude mit stale 500px

rad bych, aby se vyska stranky upravovala podle textu (asi mi stale nebudes rozumet), tak jako to delaji tabulky...
Casero
Profil
#6 · Zasláno: 11. 10. 2006, 15:08:23 · Upravil/a: Casero
Odpovědět Citovat
Rob Roy
aha v tom případě min-height s kombinací hacku _height
Casero
Profil
#7 · Zasláno: 11. 10. 2006, 15:08:58
Odpovědět Citovat
Rob Roy
nebo všechny řešení jsou zde http://diskuse.jakpsatweb.cz/index.php?action=vthread&topic=35785&foru m=7&page=-1
Rob Roy
Profil *
#8 · Zasláno: 11. 10. 2006, 15:24:59
Odpovědět Citovat
Casero:
jo, uz jsme e pochopili...ale nejak mi to vase reseni nevyhovuje :(

tohle jsem nasel na tomto webu: link. Zkusim to nejak ta vyresit podle neho...
Casero
Profil
#9 · Zasláno: 11. 10. 2006, 15:27:18
Odpovědět Citovat
Rob Roy
ted moc teda netuším co chcete...
krteczek
Profil
#10 · Zasláno: 11. 10. 2006, 15:31:01
Odpovědět Citovat
Rob Roy: dělá se to tak, že se na pozadí toho uplně spodního divu dá obrázek, který ty sloupečky vbarví po celé vyšce 

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

<html >

	<head>

		<title>

			Dvousloupcovy layout podle krteczka

		</title>

		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

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

	</head>

	<body>

		<div id="vsechno">

			<div id="hlavicka">

				<h1>Dvousloupcovy layout podle krteczka</h1>

			</div>

			<div id="siroky">

					<p>tohle je siroky div</p>

			</div>

			<!-- konec siroky -->

			<div id="uzky">

				<!-- uzky sloupek s menu -->

				<p>tady je menu v uzkem sloupci</p>

				<!--konec menu -->

			</div>

			<!-- konec uzkeho sloupce s menu -->

			<div id="paticka">

				<p>tady je paticka</p>

			</div>

		</div>

	</body>

</html>

/* CSS */

body

	{

		text-align:center; /* centrovani stranky v ie */

	}

#vsechno

	{

		margin:0 auto; /* centrovani v ostatnich prohlizecch */

		width:770px; /* sirka */

		border:1px solid black; /* vykresleni ramecku divu */

background:url("obrazek.jpg") repeat-y;/* tady vložíš obrázek který se bude na pozadí opakovatpod sebou a vykresli se ti vždycky jakoby oba sloupce stejně velke

	}

#hlavicka

	{

		width:770px; /* sirka */

		height:100px; /* vyska */ 

		border-bottom:1px solid black; /* vykresleni spodniho ramecku divu */

	}

#siroky

	{

		width:550px	; /* sirka */

		float:right; /*pokud zde napisete left a u stejne vlastnosti #uzky napisete right prehodite #siroky doleva a #uzky doprava */

		border-left:1px solid black; /* vykresleni ramecku divu */

	}

#uzky

	{

		width:210px	; /* sirka */

		float:left;	/* pokud zde napisete right a u stejne vlastnosti #siroky napisete left, prehodite #uzky doprava s #siroky doleva  */

	}

#paticka

	{

		clear:both; /* tohle donuti dalsi prvky zacit az pod floatnutymi */

		width:770px; /* sirka */

		border-top:1px solid black; /* vykresleni ramecku divu */

	}

krteczek
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0