21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
suta
Profil *
Již jednou jsem zde řešil srovnávání rámů, tabulek či pozicovaných divů pro tvorbu stránek (viz http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=1&topic=35 48 )

Když hodně přeskočím, tak to teď zkrátka zkouším přes divy a ouha, přicházím na spousta různých problémů, které jsem vážně netušil. Přijde mi totiž, že mám-li stránky poměrně graficky složité, zřejmě to přes divy nepůjde. Udělat třeba jen takové záhlaví (s grafickým pozadím a datumem na stejném řádku) pro každou zprávu na hlavní stránce ještě jde, ale je to hodně:
a) složité
b) nepřehledné
(alespoň tak mi to přijde)
A to nemluvím o dalších úrovních (vnořené pozice, divy i spany), které je potřeba to jednotlivých divů uzavřít (takže pak je na konci klidně samé </div> </div> </div> </div> atp.

Má někdo zkušenost s podobnou složitostí? Jak na to? (vizte http://suta.wz.cz - mrkněte na to v mozille /jinde jsem to zatím neodlaďoval, je to jen na ukázku prostřední část/ )

(a ještě jedna věc: i když nastavím tabulce či buňce nulový vnitřní okraj, stále tam malý okraj je i přesto. Proč?)
suta
Profil *
Jejda, je-li tu moderátor, prosím o smazání, téma v titulku je úplně zcestné (mam to zkopírované, vložím to pak znovu. Díky.
Mordae
Profil
<div class="celek">


<span class="nadpis">Divadelní představení Rychlé �ípy
</span>

<span class="datum">pondělí 4.dubna 19<sup>30</sup>
</span>

<span class="upresneni">... aneb jak jsme se s celým oddílem vydali do divadla
</span>

<img src="1.jpg" class="obrazek_na_sirku">

<div class="text_zpravy">
<b>Dlouho avizované divadelní představení Rychlé �ípy je za námi</b>.
Jako v�ude, kde herci Slováckého divadla z Uherského Hradi�tě toto představení sehráli, i u nás se setkali s obrovským ohlasem a potleskem. Kdo nebyl, při�el o mnoho. A� tedy budete někdy v budoucnu mít příle�itost, určitě si tuto parodii nenechte ujít.
<br>
<img src="cara.gif" class="cara">
Také byla uzavřena anketa o místě konání letního tábora, podívej se na její vyhodnocení (nejvíce hlasů dostala volba ´Jiné místo v ČR´. Vpravo dole čeká zbrusu nová anketa, směle hlasujte!
</div>
</div>

To je dost neohrabané, ale budiž, spousta začátečníků to dělá. Doporučuji přečíst CLASSické weby od Plaváčka.
Ale teď k řešení. Stylopisy jsem nestudoval, ale předpokládám, že se s tím nějak popereš. To co mě zarazilo je ta hromada spanů. Jak jistě víš, span nemá žádný vliv na formátování, ale nese s sebou ještě další zrádnou vlastnost: Span nenese informaci! Jeho informační hodnota je nulová! Tudíž když použiješ tohle uspořádání, vlastně to je celé jen obyčejný text. (Zkus si stáhnout do Firefoxu Web developer toolbar a vypnout té stránce styly). Kvůli vyhledávačům (a lidem s textovými prohlížeči (občas například i já)) doporučuji následující strukturu (nástin - například nadpisy podle struktury stránky):
<div class="novinka">

<h3>Divadelní představení Rychlé šípy</h3>
<div class="datum">pondělí 4.dubna, 19<sup>30</sup></div>
<p class="upresneni">&hellip; aneb jak jsme se s celým oddílem vydali do divadla</p>
<div class="oddelovac"><hr /></div><!-- a pak vypnout: '.oddelovac hr {display: none;}' -->
<p><strong>Dlouho avizované divadelní představení Rychlé šípy je za námi.</strong> Jako všude, kde herci Slováckého divadla z Uherského Hradiště toto představení sehráli, i u nás se setkali s obrovským ohlasem a potleskem. Kdo nebyl, přišel o mnoho. Až tedy budete někdy v budoucnu mít příležitost, určitě si tuto parodii nenechte ujít.</p>
<div class="oddelovac"><hr /></div>
<p>Také byla uzavřena anketa o místě konání letního tábora, podívej se na její vyhodnocení (nejvíce hlasů dostala volba ´Jiné místo v ČR´. Vpravo dole čeká zbrusu nová anketa, směle hlasujte!</p>
</div>
Mordae
Profil
Moderátore, prosím nemaž, jen přejmenuj, díky :-)
Suta
Profil
- Podle Yuhůa jsem pochopil, že div je element blokový (odstavce, třeba u hlavního textu jej mám místo spanu) a span element řádkový (to datum, upřesnění - to je vždy jen jedna věta, proč tedy div ??) Nerozumím přesně tomu, proč používat místo spanu raději divy (přece div je tady css a je-li dss vyplé, pak je jedno, že používám div místo spanu, ne?)

- Jak jistě víš, span nemá žádný vliv na formátování, - jak to? Vždyť díky spanu přiřazuji tu class ... ?


- Také mám pro každou tu class předdefinované jiné absolutní pozicování, jelikož chci jednotlivé texty (nadpis, datum, upřesnění, hlavní text aj.) umístit na přesné místo (jelikož je na pozadí grafika).
Toto téma je uzamčeno. Odpověď nelze zaslat.

0