Autor Zpráva
hubenour
Profil
Ahoj,
Jsem začínající HTML. Nicméně stránku si už udělám témeř jakou chci, ale pouze pomocí rámů. Všude na internetu čtu jak frame jsou na prd...rád bych tedy přesedlal na něco jiného. Jak tedy udělat jednoduchou strukturu stránky bez použití rámů?Co mám použít?Také jsem ještě zkoušel upravovat jednoduché html šablony, při kterých se při každém odkazu zobrazuje kompletně jiná html stránka (např: domu.html, onas.html, kontakt.html) ,ale to také neni ono, protože při složitějším grafickém zpracování po každém kliku na menu se načítají celé stránky a dlouho to trvá.
Co tedy nastudovat?
Díky
panther
Profil
hubenour:
floatované layouty + php fce include
hubenour
Profil
php funkci include, to vim o co jde, ale flatované layouty, to je co?
Railbot
Profil
hubenour:
ale flatované layouty, to je co?
Nesmyslný termín. panther tím chtěl nejspíš říci, že layout stránky máš tvořit sémanticky, zejména pomocí divů a ne rámy nebo tabulkami.
panther
Profil
hubenour:
ale flatované layouty, to je co?
Terminus technikus ;-) Layout tvořený floatovaný prvky. Za nimi je třeba použít cleaner, krásný článek Jak funguje "float" a "clear". Máš pravdu, že se to takto nejmenuje.

Railbot nakousl cosi o sémantice. Vyjádřil se však nešikovně, neboť zrovna div moc sémantický není -> používat jen tam, kde potřebuješ nějaký blok (hlavně layout samotný - header, obsah, sloupec, footer). Více o sémantice na odkázaném webu, myslím, že cosi se tam pochopit dá.
hubenour
Profil
promiňte, mohli byste to trošku rozvést, nebo přidat nějaký příklad?abych věděl, co vůbec mám řešit...
fanfan
Profil *
Tak ty začínáš?
jestli jsi ještě nedělal stránku z divů tak začni takhle:
Tenhle kód by jsi se měl určitě naučit! samozřejmně že tam musí být pro oko hodně věcí navíc ale tohle je asi pro tebe briliantní!
<html>
<head>
<style type="text/css" rel="stylesheet">
body {
	text-align:center;
}
#obal {
  margin:auto;
  width:500px;
  text-align:left;
}
#hlavicka {
	height:70px;
	background-color:purple;
}
#levi-panel {
  float:left;
  width:150px;
  background-color:blue;
}
#pravi-panel {
  float:left;
  width:350px;
  background-color:yellow;
}
#patka {
	width:500px;
	background-color:purple;
	padding-top:10px;
}
#blok {
	clear:both;
}
</style>

</head>
<body>
<div id="obal">
<div id="hlavicka">
<p>Hlavicka</p>
</div>
<div id="levi-panel">
<p>Odstavec a text</p><p>Odstavec a text</p><p>Odstavec a text</p>
</div>
<div id="pravi-panel">
<p>pravi sloupec</p><p>pravi sloupec</p><p>pravi sloupec</p><p>pravi sloupec</p><p>pravi sloupec</p>
</div>
<div id="blok"><!-- --></div>
<div id="patka">
<p>Patka</p>
</div>
</div>
</body>
</html>

d3vElo
Profil *
body {
text-align:center;
}
to je tam kvůli IEčkům které to bez tohodle zarovnání nezobrazí na střed.
margin:auto - to znamená zarovnat na střed ale IE na to kašlou..
float:left - zajišťuje obtékání z pravé strany a kdyby jsi nedal obtékání i u pravého tak by ti to obtékalo i dole a musel by jsi zadat padding-left:150px;
padding-top:10px - u patky je toto právě kvůli:
#blok {
clear:both;
}
-který udělá mezeru mezi panelama a patkou. Bez něj by se to prostě zobrazovalo složitě a na prd!
Nauč se užitečný jazyk PHP a databáze MySql, něco z javascriptu, xhtml validní stránku s příponou .xhtml aby tam bylo .php tak se musí zadat header("Content-type = application/xhtml+xml") - ale to jenom tak bokem, měj se a uč se..;
panther
Profil
d3vElo:
float:left - zajišťuje obtékání z pravé strany
dle základů anglického jazyka je „left“ levá, nikoliv pravá strana.

padding-top:10px - u patky je toto právě kvůli:
nesmysl.

který udělá mezeru mezi panelama a patkou
žádnou mezeru neudělá, ukončí floatování.

Bez něj by se to prostě zobrazovalo složitě
složité zobrazování? Jak to vypadá?

Nauč se užitečný jazyk PHP a databáze MySql
do začátku zbytečné. Dobrý kodér se bez něj obejde úplně i později.

validní stránku
validita je na nic

xhtml [...] s příponou .xhtml
nesmysl. Stránka se pak nebude zobrazovat v IE. Škoda zbavit se 30% návštěvníků.

Buď tak laskav a nešiř zde bludy.
Sirius
Profil
panther:
„float:left - zajišťuje obtékání z pravé strany“
dle základů anglického jazyka je „left“ levá, nikoliv pravá strana.

To sice jo, ale float: left hodí prvek doleva a ten je pak obtékán zprava.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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