Starší komentáře ke článku: Obrázky na stránce bez rušivých mezer

Zpět na článek | Úvodní stránka Interval.cz

Avatar

Autor komentáře: Petr Nakládal

Datum vložení: 18.5.2001 10:04:11

<B>DOBRÝ, ALE CO TAKHLE DEFINOVAT TABULKU?</B>
Myslím, že mnohem lepší řešení je přesně definovat rozměry tabulky i jednotlivých buněk v pixelech včetně zadání horizontálního i vertikálního zarovnání elementů v buňce. Sice se mírně zvýší velikost kódu (víc písmenek), ale dosáhne se tak maximální možné přesnosti rozložení grafiky na stránce.

Avatar

Autor komentáře: Miroslav Kucera

Datum vložení: 18.5.2001 10:14:00

Dobry den,

vas tip je uz trochu k necemu jinemu. Clanek psal, jak se zbavit rusivych mezer, ktere vznikaji diky tomu, ze jsou tam mezery aneno, ze je obrazek vlozen na novy radek.

Pokud nekdo chce dosahnout maximalni mozne presnosti rozlozeni grafiky na strance, tak toho nedosahne pomoci tabulek, ale pomoci CSS, kdy je mozne definovat umistneni prvku na strance s presnosti na jeden pixel.

Avatar

Autor komentáře: Martin a Kopta

Datum vložení: 19.5.2001 1:22:53

Vážený pane, tabulka slouží k prezentaci tabulkových údajů (ceníky, výsledkové listiny a spol.). Pro vytváření layoutu slouží CSS.

Avatar

Autor komentáře: Miroslav Kucera

Datum vložení: 20.5.2001 17:59:56

Martine, ses trochu mimo. Rad bych te poopravil a to tak, ze CSS by MELY slouzit k vytvareni layoutu webu. Prohlizece je bohuzel stle nepodporuji v dostatecne mire a tak se pouzivaji - A UPLNE BEZNE - tabulky.

Neplet prosim ctenare.

Avatar

Autor komentáře: Mysh

Datum vložení: 28.5.2001 15:08:49

S problémem, o kterém se v článku píše, jsem nějaký čas taky bojovala (než mi někdo ten trik poradil) a samozřejmě jsem zkoušela to, co navrhujete. Přesná definice velikosti polí tabulky ale nepomohla - mezery tu byly pořád (když uvážíme to, co bylo v článku zmíněno, že prohlížeč bere Enter ve zdrojáku jako povinnou a nevynechatelnou mezeru, je to ostatně logické). Úplně optimální je tedy jednak vymazat ze zdrojáku zbytečné mezery, druhak přesně definovat velikost tabulky.
BTW: Narozdíl od většiny škarohlídských diskuzních příspěvků si myslím, že článek je dobrý, užitečný, ukazuje řešení jednoho konkrétního problému bez zbytečného zabíhání do detailů a vedlejších uliček. Jen pěkně pište dál i pro začátečníky - Interval nečtou jen guruové :-)

Avatar

Autor komentáře: josef slerka

Datum vložení: 18.5.2001 11:38:34

Pokud nekdo vytvari bohate graficke stranky a pise primo v HTML tak lecos uz vi a tenhle clanek je pro nej zbytecny. To co by pro mnoho newbies bylo zajimave je atypicke rozrezani, vlozeni do tabulky trebas pri kombinaci jpg a gifu. Myslim, ze Vas clanek je na intervalu zcela zbytecny.

Avatar

Autor komentáře: Miroslav Kucera

Datum vložení: 18.5.2001 12:19:15

Dovolim si nesouhlasit :)

Co kdyz jste grafik, ktery ovlada pouze zaklady HTML a potrebuje nahlde udelat web-prezentaci? Nakresli ji ve Photoshopu, rozreze, ale samotne rozrezani (hlavne export do HTML) nemusi byt dokonale. Pak se bude patlat v kodu, proc to nejede.

Ostatne, ja tu nejsem od toho, aby posuzoval, jaky clanek bude pro konrektniho uzivatele uzitecny a jaky zbytecny. To musi posoudit on. Kazdy ma proste jinou uroven znalosti a my se uzivatelum snazime prinaset clanky ze vsech urovni, pro zacatecniky i pro pokrocile a zkusene Na tom neni nic spatneho.

Pro vas je treba clanek zbytecny, ale jste si jist, ze je zbytecny i pro dalsich XX tisic uzivatelu, co si prectou dnesni vydani?

Avatar

Autor komentáře: Pavel Růžička

Datum vložení: 18.5.2001 13:47:07

Rozhodně je to dobrý tip, sice o tomto problému vím, ale jen díky tomu, že jsem na to přišel sám zkoušením.
Přimlouvám se za to, aby stále takovéto tipy na Intervalu vycházely. Pokud jsem prostě mistr světa a obrázky mi mezery v tabulce nedělají - proč bych takový článek četl? Prostě jej nebudu číst a je to :)

Avatar

Autor komentáře: Martin a Kopta

Datum vložení: 19.5.2001 1:30:07

Ten tip by byl stokrát užitečnější, kdyby se Míra zmínil o tom, že ta mezera je tam vytvořena naprosto správně, protože na formátování v HTML záleží. Referenční příručka hovoří o mezeře, odřádkování, tabulátoru a o pár dalších znacích jako o ehite-space. White-space se ve výstupu musí projevit jako mezislovní mezera. Je-li těch white-space více, zobrazí se jen jedna mezera. Jestliže tedy za obrázkem odřádkujete, dali jste browseru pokyn zobraz white-space. Mrzí mě, že vás Míra denně krmí rybami místo toho, aby vás je naučil chytat.

Avatar

Autor komentáře: josef slerka

Datum vložení: 18.5.2001 14:38:14

Tak si dovolim nesouhlasi.-)
<P>Vy jako sefredaktor jste tu od toho abyste posuzoval "jaky clanek bude pro konrektniho uzivatele uzitecny a jaky zbytecny.":-)
<P>Jinak priklad, ktery uvadite mi prijde dost absurdni. Uvadeny Photoshop zvlada nahledy v nekolika volbach celkem slusne. Image Ready 3.0 tak neni nejhorsi jako rezaci program (byt nedosahuje kvalit Uleadackych utilit).
<P>To co v clanku postradam je rozvinuti jedne informace. Proto jsem upozornil na rozrezani nejakeho vetsiho obrazku, kdy lze kom binovat v jednom obrazku oba formaty grafiky a kdy vetsina newbies ma problem s tim, ze pro NN musi zadavat kompletni sirku i vysku dokumentu, nastavovat rozestupi na nule etc.
<P>Vas clanek proto i nadal povazuji za zbytecny.:-)) V inetovem casopis urcenem spise pro pokrocilejsi.

Avatar

Autor komentáře: Miroslav Kucera

Datum vložení: 18.5.2001 14:50:40

Dobry den,

dobre, dostal jste me :-), jsem tu opravdu od toho, abych posuzoval, jaky clanek bude pro ctenare vhodny, spatne jsem se vyjadril, chtel jsem tim rici neco v tom smyslu, ze pro vas konkretne budou podobne clanky zbytecne (uz to vim =), ale pro nektere ostatni uzivatele urcite ne.

Co se tyce toho rozrezani, o tom tento clanek nebyl, ale na Interval.cz je mozne najit nejaky clanek, myslim od Ludka Rolecka, tykajici se rozrezavani obrazku.

Ja osobne povazuji Interval za predevsim pro zacatecniky, ale jak se tak divam na posledni vydane clanky, opravdu jsme presli na clanky pro pokrocile, asi by se par clanku pro zacatecniky hodilo.

BTW: Vite, jak nekteri zacatecniky rozrezavaji ve Photoshopu obrazky? Sam jsem to videl na vlastni oci - maji obrazek, slouci vse do jedne vrstvy a pak pomoci selekce oznaci a vyjmou danou cast obrazku, vlozi do noveho souboru a ten potom ulozi. A tak to jde dokola, dokud nemaji cely obrazek "rozrezany" na kousky....

Avatar

Autor komentáře: josef slerka

Datum vložení: 18.5.2001 15:00:25

Kucera wrote"<I>Ja osobne povazuji Interval za predevsim pro zacatecniky, ale jak se tak divam na posledni vydane clanky, opravdu jsme presli na clanky pro pokrocile, asi by se par clanku pro zacatecniky hodilo.</I>
<P>To je prave otazka: existuje tu bulder.cz pro profesionalni programatory. Existuje tu x-tutorialu pro zacatecniky, ale Interval pro mne stoji presne mezi. Tedy bode kde se IMHO pohybuje drtiva vetsina webdesigneru: zaklad maji, programovat velke aplikace nikdy nebuduo. To co je zajimave jsou prostupi, kdy jim lze ukazat jak lze z toho co znaji vykouzlit neco co by je nejdrive nenapadlo. Proto jsem mluvil o michani grafiky. Podobne treba animovani pomoci layer (viz<a href='http://www.tmavomodrysvet.cz)' target='_blank'>http://www.tmavomodrysvet.cz)</a> a jine drobne vychtavky.
<P>Ale, uznavam, ze je to na jinou, obecnejsi diskusi.

Avatar

Autor komentáře: Miroslav Kucera

Datum vložení: 18.5.2001 15:12:52

Dobry den,

builder.cz je pro programatory aplikaci, nikoli tech internetovych, kdyz se podivate na jeho clanky, zjistite, ze se zde vetsinou pise o C++, Dephi a obcas se objevi nejaky clanecek o JavaScriptu ci PHP. My mame uplne jine zamereni.

Avatar

Autor komentáře: josef slerka

Datum vložení: 18.5.2001 15:17:15

Myslim, ze jsem to tak i napsal. Nebo ne?

Avatar

Autor komentáře: Miroslav Kucera

Datum vložení: 18.5.2001 15:19:50

Ja vas pouze doplnuji :)

Pod slovy "profesionalni programatori" si lze totiz predstavit programatory pro ASP, PHP (oblasti, kterym se builder nevenuje) ale i pro C++.

Avatar

Autor komentáře: josef slerka

Datum vložení: 18.5.2001 15:28:46

konec flamewar

Avatar

Autor komentáře: Michal Mrskoc

Datum vložení: 7.11.2001 15:50:40

Kučera wrote: "BTW: Vite, jak nekteri zacatecniky rozrezavaji ve Photoshopu obrazky? Sam jsem to videl na vlastni oci - maji obrazek, slouci vse do jedne vrstvy a pak pomoci selekce oznaci a vyjmou danou cast obrazku, vlozi do noveho souboru a ten potom ulozi. A tak to jde dokola, dokud nemaji cely obrazek "rozrezany" na kousky...."

Myslim si o sobe, ze jsem docela pokrocily (webdesignem se zivim uz 8 let), ale uvedeny postup casto pouzivam take. Photoshop pouzivam ve verzi 4 (a nikdo mne zatim nepresvedcil o nutnosti upgrade) cili bez ImageReady, a k optimalizaci pouzivam plugin SmartSaver od Ulead. Nemyslim, ze bych neco tak citliveho, jako je rezani grafiky prenechal nejakemu "chytremu" algoritmu. Naopak, myslim, ze kdyz jsem takto nucen vsechno delat rucne, podvedomne s tim pocitam jiz pri navrhovani grafiky a nevymyslim zrudnosti k rezani na padesat obrazku a formatovaci tabulku na tri stranky.

Avatar

Autor komentáře: miroslav.kucera

Datum vložení: 8.11.2001 9:19:21

Zdravim - mozna byste si to mel zkusit. To, jak nakreslite jednotlive slices, tak take bude vypadat vysledna tabulka a zadna veda v tom neni a vysledek je vzdy takovy, jaky ma byt. Nejde ani o to, ze vse delate rucne, i tak se to da delat, ale pouziti Slices vam usetri tolik prace a casu, ze byste se mozna divil :)

Photoshop 4? Neni to ta verze, neumoznujici vice nez jeden krok zpet? :)

Avatar

Autor komentáře: Michal Mrskoc

Datum vložení: 8.11.2001 9:46:38

Ja jsem nepsal, ze jsem to nezkousel, vzdy kdyz prijde neco noveho, samozrejme to vyzkousim, a pokud to opravdu prinasi tolik vyhod, aby se upgrade vyplatilo, nevaham a jdu do toho. Photoshop provedl revolucni posun z trojky na ctyrku, o dalsich si myslim, ze jsou jen kosmetickymi vylepsenimi s hromadou nevychytanych much. (Uz jenom doba startovani Psp 5.5. a 4.01 je nesrovnatelna).
No ano, 4 neumi vice nez jeden krok zpet, naucil jsem se s tim zit a tvorit (pripominam, ze delam pouze weby, zadnou tistenou grafiku, tam bych asi k upgrade musel sahnout). A nemyslim ze tohle je nejvetsi bolest ctverky. Tou je asi needitovatelnost textu. Nicmene problemy s fonty, kerningem a dalsimi vecmi okolo editovatelneho textu ve vyssich verzich byli takoveho razu, ze mne od upgrade odradili.
Ale ja jsem zapskla konzerva a presvedci mne jen maloco...
Ale to jsme dost off topic od tematu clanku:)
Mejte se dobre (mejdlem:)

Avatar

Autor komentáře: Tomáš Petr

Datum vložení: 18.5.2001 14:05:47

Dělám s řezáním obrázků už docela dlouho. Nikdy jsem neměl problémy, které jsou v článku zmiňovány. Asi to bude tím, že se snažím přesně definovat velikost tabulky a její buněk. Je to pracnější, ale mám nad zobrazováním výsledku větší kontrolu (alespoň mám ten pocit). Nepřipadá mi Váš článek úplně zbytečný, pravděpodobně ušetřil někomu práci. Sám jsem nevěděl že formátování HTML kódu takhle ovlivní výsledek. Je ale přeci jen trochu krátký a mohl jste v problematice pokračovat, abychom se dozvěděli víc. Není lepší učit lidi, aby definovali vlastnosti buněk tabulky přesně? Ušetří si tím starosti a pokud se HTML hodlají zabývat, stejně se bez toho neobejdou.

Avatar

Autor komentáře: Miroslav Kucera

Datum vložení: 18.5.2001 14:34:24

Dobry den,

clanek ale neni o definovani vlastnosti tabulek, ale klade si spise za cil ctenarum rici, ze pomoci jedne mezery ci ENTERu muzete dosahnout nechteneho vysledku a pokud to nevedi (treba jako vy), az se to prihodi, budou vedet, v cem je problem...

Avatar

Autor komentáře: Jan Rod

Datum vložení: 18.5.2001 20:43:17

Ja osobne jsem podobny problem resil jinak a tato cesta mi usetrila "spoustu" prace.
Nicmene na intervalu.cz jsou desitky prispevku, ktere jsou pro me naprosto neprinosne a tak je proste nectu?
Proc bych mel na tipem, ktery jiz znam, opovrhovat a kritizovat? Jsem jediny ctenar?
Od toho je na kazdy clanek shrnuti na uvodni strance, to proto si mohu vybrat co mne zajima a ne to studovat jako spravnej zacek a pak hudrovat, ze mi je to beztak na nic.

Avatar

Autor komentáře: adrive

Datum vložení: 18.5.2001 22:37:50

Musim povedat, ze enter spravi woloviny aj v inych tagoch ako len pri obrazkoch, a dost casto sa mi to stava a odhalim to az na koniec po dvoch hodinach hladania.
inac out off topic, ale je to normalne ak pouzijem
<table>
<map>
</map>
<tr><td>
</td></tr>....
ze mi to netscape tuto mapu zobrazi ako zle zadefinovany prvok v tabulke, a mam tam potom medzeru o velkosti mapovaneho obrazka?
kde je najlepsie davat tag map? a da sa vlastne definovat mapu len do jedneho suboru?
javaskript document.write odsuvam bokom, ten nepotrebujem. a ake su k tomu tagy. tusim cez meta to ide ale ake presne tagy pouzit?

Avatar

Autor komentáře: Michal Mrskoc

Datum vložení: 7.11.2001 15:32:52

Mne se osvedcilo davat tag map az na uplny zaver kodu stranky. Nezdrzuje pri nacitani grafiky a klikat beztak muze uzivatel az po jejim plnem nacteni.
Nebo pokud mam sloziteji strukturovanou stranku, jeji nacitani trva dele a klikacka je napr v prvni ukoncene tabulce, tak davam tag pred zacatek dalsi casti.
Nikde neni psano, ze map musi nasledovat hned za mapovanym obrazkem.

Avatar

Autor komentáře: Benji

Datum vložení: 20.5.2001 10:29:12

No jo, clovek by neveril jaka malickost dokaze rozpoutat takovou debatu. Mezera nemezera, rekl bych ze s takovou prkotinou poradi kazdy kdo trosku zna HTML, a kdo umi kaskadove styly asi se jen pousmeje. Pripominky typu tabulka je na ceniky me trosku rozesmala chtel byh videt jak si clovek poradi bez tabulky aby udelal rozumnou html stranku. Kazdopadne <B> nechci</B> nejak zatracovat tento prispevek, kazda rada dobra. Takze jen tak dale...

Avatar

Autor komentáře: Miroslav Kucera

Datum vložení: 23.5.2001 16:57:36

test

Avatar

Autor komentáře: Miroslav Kucera

Datum vložení: 23.5.2001 20:19:19

test testu :)

Zpět na článek | Úvodní stránka Interval.cz