Autor Zpráva
jiri.free
Profil *
#1 · Zasláno: 26. 6. 2006, 15:07:18
Odpovědět Citovat
Ahoj, po mnoha dnech naléhání jsem se rozhodl, že se pustím do tvorby stránek pomocí CSS, jelikož mi bylo vytčeno několik špatných vlastností mého dosavadního webu http://hobbyweb.wz.cz/ .
Já vím, že je rámcová struktura strašná, a tak jsem se vrhl na tabulkové layouty. Víte někdo, jak udělat rozvržení stránek pomocí CSS layoutu tak, aby vypadaly podobně jako ty s tou rámcovou strukturou? Pro příklad jsem si stáhl zdrojový kód jednoho uspořádání, avšak nevím, jak se tam vkládají odkazy na ty stránky, jak se ty stránky adresují a podobně, prosím o pomoc a děkuji těm, kteří mi pomohou, nebo alespoň mi pokusí pomoci.



Zdroják:
<html>
<head>
<title>Rybaření</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250";name="keywords" content="ryby,ryba,rybaření,rybareni,boilies,rybářské uzly,rybarske uzly,rady,napady,nápady,články,clanky">
</head>

<body>

<style type="text/css">
<!--

body {
margin: 0px;
padding: 0px;
font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif;
font-size: 14px;
}

.main {
margin: 5px;
}

.hlavicka {
width: 100%;
margin-bottom: 5px;
background-color: #b9b9b9;
}

.banner-ie {
text-align: center;
}

.banner {
width:230px;
height: 80px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
text-align: left;
background-color: #cccccc;
}

.left {
width: 150px;
height: 250px;
float: left;
background-color: #cccccc;
}

.right {
width: 150px;
height: 250px;
float: right;
background-color: #cccccc;
}

.middle {
margin-left: 155px;
margin-right: 155px;
height: 120px;
background-color: #dedede;
}

.paticka {
width: 100%;
margin-top: 5px;
clear: both;
background-color: #b9b9b9;
}

-->
</style>

<div class="main">
<!-- hlavička stylu-->
<div class="hlavicka">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </div>

<!-- prostor pro banner stránek -->
<div class="banner-ie"><div class="banner"><a href="banner/banner.rar"><img src="banner/banner.gif" alt="Stáhněte si banner" title="Stáhněte si banner"></a></div></div>

<div class="left">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </div>

<!-- pravý sloupec -->
<div class="right">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </div>

<!-- prostřední sloupec -->
<div class="middle">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </div>

<!-- patička stránky -->
<div class="paticka">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </div>

</div>

</body>
</html>


PROSIIIIIIIIIIIIIIIIIIIIM
otaznicek
Profil *
#2 · Zasláno: 26. 6. 2006, 16:29:40
Odpovědět Citovat
http://polopate.jakpsatweb.cz/index.php?page=include
jiri.free
Profil *
#3 · Zasláno: 26. 6. 2006, 17:31:15
Odpovědět Citovat
jenze ja php neumim uz vubec, neni nejake lehci reseni?
tiso
Profil
#4 · Zasláno: 26. 6. 2006, 17:39:56
Odpovědět Citovat
Podľa toho čomu hovoríš ľahšie riešenie... Rámcov sa najjednoduchšie zbavíš s php pomocou include...
Alebo si musíš spraviť samostatné html stránky ktoré budú obsahovať hlavičku menu, i pätičku, a bude sa meniť len ich obsah v jednej časti stránky.. S CTRL+C a CTRL+V to budeš mať hotové pomerne rýchlo... Pri jednej zmene v menu ale budeš musieť meniť všetky stránky...
jiri.free
Profil *
#5 · Zasláno: 26. 6. 2006, 17:45:47
Odpovědět Citovat
asi bych sel na ti rychlejsi reseni, ale nevim jak to udelat, poradte.
tiso
Profil
#6 · Zasláno: 26. 6. 2006, 17:50:55
Odpovědět Citovat
jednoducho - do hlavičky si daj co chceš mať v hlavičke, atď až budeš mať hotovú jednu stránku... Porozmýšľaj aké stránky chceš mať a ako si ich nazveš, podľa toho spravíš presne menu a potom už len budeš kopírovať a meniť obsah a ukladať atď až budeš mať všetky stránky hotové...
pavelba
Profil
#7 · Zasláno: 27. 6. 2006, 05:47:34
Odpovědět Citovat
Skús si skopčiť nejaký layout tu:
http://css.interval.cz/layouty/
jiri.free
Profil *
#8 · Zasláno: 27. 6. 2006, 09:09:10
Odpovědět Citovat
Dobrý, ale já nevím, jak se dělají odkazy a hlavně, jak se adresují do obsahu stránek, v tomto případě do prostředního prostoru stránek, ajko u rámcové struktury, kterou doposavaď mám.
tiso
Profil
#9 · Zasláno: 27. 6. 2006, 10:41:15
Odpovědět Citovat
Adresujú sa celé stránky takže odkaz na kontakt smeruje na stránku kontakt.html, atď... Tá stránka obsahuje hlavičku, menu a v obsahovej časti to čo si mal pôvodne v tom prostrednom rámci. Prečítaj si nejaké knižky, dobre?
pavelba
Profil
#10 · Zasláno: 28. 6. 2006, 06:13:07 · Upravil/a: pavelba
Odpovědět Citovat
Keď nemáš po ruke knihu, pozri sem:
http://www.jakpsatweb.cz/css/

Ja som sa učil podľa toho a i keď môj web http://www.krestan.info/ nie je profi a zďaleka nie dokonalý, je v podstate funkčný... ;-)
jiri.free
Profil *
#11 · Zasláno: 28. 6. 2006, 11:41:04
Odpovědět Citovat
Já tomu moc nerozumím, nemáte někde nějakou kostru, podle které bych se mohl řídit? Stačí mi jen zdrojový kód a já ho naplním, ale také potřebuji vědět jak, trochu css chápu, ale stejně je to moc zapeklité.
Časová prodleva: 7 dní
pavelba
Profil
#12 · Zasláno: 5. 7. 2006, 07:04:40
Odpovědět Citovat
Tak zkus http://tvorba-webu.zdarek.com/sablony/
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0