Aktuality  |  Články  |  Recenze
Doporučení  |  Diskuze
Grafické karty a hry  |  Procesory
Storage a RAM
Monitory  |  Ostatní
Akumulátory, EV
Robotika, AI
Průzkum vesmíru
Digimanie  |  TV Freak  |  Svět mobilně

www stránky ( html )

khedeja (38)|16.12.2011 23:05
Zdravím,
našel by se tu prosím někdo, kdo se vyzná v HTML?
Přítelkyně potřebuje na vejšku udělat www stránky a ani jeden v HTML neumíme.
Lámu si s tím hlavu už asi třetí den, bohužel teď jsme narazili na problém, který se nám nedaří vyřešit...
Potřeboval bych tento text: [odkaz, pro zobrazení se přihlaste] zarovnat na střed stránky a nevím jak.
Dále nám nejde vytvořit další otevření stránky, například když kliknu na obrázky, otevřou se místo textu obrázky atd...
Dokázal by mi prosím někdo poradit, nejlépe dospat do indexu a stylu zarovnání a vytvořit nové odkazy na obrázky, naše výrobky atd.
zde zasílám vytvořený index a styl: [odkaz, pro zobrazení se přihlaste]
Zatím jsem se probojoval k tomuto výsledku a od tuď se prostě nehnu :( [odkaz, pro zobrazení se přihlaste]
Zkoušel jsem i jak na web atd., ale to mi nijak moc nepomohlo :)
Děkuji předem.

Edit: Zadaná struktura stránky: [odkaz, pro zobrazení se přihlaste]
16cmfan (2153)|17.12.2011 09:07
kevin00 (10238)|17.12.2011 13:46
Daný text formátuješ pomocí příkazu text-align.
pavkrej (24)|17.12.2011 15:05
Myslím si, že ten nápis "Polina je druhou největší ..." je ve špatné buňce pak to te spodek roztahuje.

Odkazy jako "Informace o firmě", "Historie firmy" a spousta dalších se nezobrazí korektně, protože v tagu chybí ukončovací uvozovka, takže to HTML parser špatně přelouská.

Nevím jak to máš namyšlené, klidně mohu vypomoct...
alfah4ns (1040)|17.12.2011 17:10
Půjč si někde tuhle knížku:
http://knihy.cpress.cz/tvorba-www-stranek-pro-uplne-zacatecniky-d3.html
Může být úplná lama, nevědět o tom, nic, ale všechno je tam polopaticky vysvětleno, od úplného začátku HTML po jednoduchý layout.
khedeja (38)|17.12.2011 22:31
pavkrej: máte soukromou s zprávu

alfah4ns: děkuji za radu, určitě si to do budoucna pořídím, ovšem tohle spěchá jako DÚ :)

kevin: celou dobu se snažím zarovnávat aligenem :)

6cmfan: nevím zda-li jste si četl mou zprávu, ale v ní je uvedeno, že jsem se na podobné stránky už díval a moudrosti jsem z toho moc nevytěžil, proto se ptám zde, kdo by mi byl ochotný poradit.
kevin00 (10238)|17.12.2011 22:54
Pokud Ti to nebude vadit, hoď jsem html soubor, který potřebuješ upravit, napiš přesně kde, co a jak a mohu se Ti na to kouknout :)
Dojigiri (1629)|18.12.2011 11:42
Co jsem se tak do toho kouknul, vystředěnej text je v podstatě dobře (p align=center je jedna z možností), ovšem problém bude spíš v tom, že dotyčná řádka není přes celou tabulku, ale odpovídá pouze horní buňce (nadpisu), je za ní ještě jedna prázdná. Pokud chceš buňku přes celou tabulku, smaž druhou buňku ( - mimochodem chybí tam počáteční tag u tý druhý buňku, je tam jenom koncovej) a do první přidej atribut colspan="2" aby byla přes 2 sloupce (rozvržení tabulky uvidíš, pokud u tagu table přidáš border="1", po dokončení změň na border="0").

Jinak je tam spousta chyb, např:
- u toho tagu (p align=center) není koncovej tag, ale znova počáteční
- asi ve všech (a) chybí koncová uvozovka za odkazem
- již zmíněnej chybějící počáteční (td) tag
- řádky 3 a 4 tabulky vůbec nemají druhou buňku (to je chyba, buď by tam měla být anebo colspan 2)

- v CSS na konci body chybí koncová složená závorka
- td.hlavicka je background-color: red proč? (může to v některých případech způsobovat že tam bude po okrajích nadpisu vylejzat červená barva)

To je tak co jsem si jenom tak rychle všimnul.

Jinak pár mých osobních názorů k ergonomii:
- pevný nastavení šířky není příliš uživatelsky přívětivý (osobně bych na ten obrázek vpravo přidal další sloupec tabulky s nastaveným rowspan, nebo div tag, nebo třeba nadřazenou tabulku ...)
- bílej text na černým pozadí namáhá více oči a bolí z něj hlava, zásadně je ergonomicky vhodnější tmavej text na světlým pozadí (stránky s opačným kontrastem nevypadají příliš profesionálně, takový pokusy se na stránkách dělaly tak před 10ti lety, stejně jako pestrobarevný texty a animovaný gify, což naštěstí zatím není tento případ), na černým pozadí taky moc nevyniknou tmavě modrý a tmavě fialový odkazy
khedeja (38)|18.12.2011 18:58
Děkuji všem za reakce a rady !! Jsem v tom úplný začátečník, takže i tohle byl pro mě pokrok :)
Nejvíce děkuji pavkrejovi za ochotu a dodělání věcí, které jsem nevěděl. Ještě jdnoou mockrát děkuji.