Autor Zpráva
kachnak
Profil *
zdravim.. tabulky pozuivam uz dlhsie ale nijak nemozem prist nato co sa mi prave stalo...
vlozim obrazok do tabulky... ale pod obrazkom mi vytvori este 4bodovy cierny pasik.. co je vlastne pozadie tabulky.. v MOZILE a OPERE to ide dobre ale len IE mi to kazi... dik za radu.. nechcem tam ten pasik :D dufam ze mam zle IE ja doma :-)

uplne jednoduchy kod...
<html>
<table align=center cellspacing=0 cellpadding=0>
<tr><td bgcolor=black><center>
<img src='a.jpg' border=0 >
</td></tr>
</table>
</html>

link na stranku: http://www.sa-bikers.wz.cz/a.html
MarekOdehnal
Profil *
img style display block je treba zobrazovat obr jako blok element rozumis
Mistr
Profil
MarekOdehnal
rozumis
Klídek...
Trejpa
Profil
kachnak
CSS: table img {vertical-align:middle;}
nebo
HTML: <img src='a.jpg' border=0 style="vertical-align:middle;">
nebo
HTML: <img src='a.jpg' border=0 align=middle>

(Přebývá ti tam <center> nebo chybí jeho konec.)
anonym
Profil *
Ahojda Kachňáku

Rád bych vyřkl pár rad mimo, jestli mi to dovolíš :).

Uvozovky
Doporučuji ti všude dělat "uvozovky". Žádný atribut nenechat bez uvozovek, za prvé je chudinka a za druhé je to tak správně :).

Alt u obrázků
V tagu img správně nesmí chybět atribut alt="alternativa", když se obrázek nenačte, nebo ho prohlížeč nenajde, zobrazí jednoduše Alternativní text. I kdyby měl být atribut alt prázdný (což se taky nedělá, ale myslím že validátory to berou) tak ho používej :)

Nahrazování většiny atributů CSS
Neboj se záhadného světa CSS a experimentuj, používej CSS nejvíc jak můžeš. Nepoužívej atributy color a bgcolor. Pokoušej se je nahrazovat. Za align sem dosazoval CSS text-align: (left,right, center ...); , ale tady si nejsem jistý.

- bgcolor="black" X style="background-color: black;"
- color="crimson" X style="color: crimson;"
- border="0" X style="border-width: 0px;"

Další pravidlo je, že nesmíš použít jeden atribut dvakrát .. to znamená:
<tag style='...' style='..'> je špatně

<tag style='styl: barva; styl: tloušťka: 10px;'> správně ..

A konečně jak by kód měl vypadat:


<html>

<table style='text-align: center;' cellspacing="0" cellpadding="0">
<tr><td style='background-color: black;'>
<img src='a.jpg' style='border-width: 0px;' alt='a.jpg'> <!-- Jelikož používáme HTML tak NET zápis nepoužijeme -->
</td></tr>
</table>
</html>


PS: NET zápis je např. <img něco něco />

Děkuji všem za pozornost a doufám, že tento vyčerpávající "POST" pomůže :-) Těším se na vaše komentáře.
Trejpa
Profil
anonym
Rád bych vyřkl pár rad mimo, jestli mi to dovolíš :).
Na to se kachnak neptal.

<mimo téma>
Je úžasné, jak se snažíš propagovat CSS, ale uvědom si, že ne každý ho potřebuje / je ochoten se ho učit. Primárním účelem, proč se používá CSS je, aby se tvůrci stránek usnadnila práce a zrychlilo se načítání stránek, viz Skutečné výhody CSS layoutu. To se v případě tvých inline zápisů neděje.

Doporučuji ti všude dělat "uvozovky". [...] za druhé je to tak správně :).
To není pravda. V HTML je to správně i bez uvozovek (hodnotou atributu potom mohou být pouze jmenné znaky, tj. aA-zZ,0-9,_-, ale to jsou přece základy HTML).

O významu ALTu u obrázků se tu diskutovalo dlouho. Je-li obsah obrázku dostatečně popsán v okolním textu, není už ALTu zapotřebí. (Nejen můj názor.)

I kdyby měl být atribut alt prázdný (...) tak ho používej
Posloucháš se někdy? Proč by někdo používal atribut s prázdnou hodnotou? K čemu?

Mimochodem, jakou informaci návštěvníkovi, podle tebe, přinese toto: alt='a.jpg' ?

NET zápis se (do příchodu XHTML) používal v HTML jinak: <b/tučný text/ nebo jen <img/ . Většina prohlížečů však tento (jinak správný) zápis (naštěstí) nezná.
</mimo téma>
kachnak
Profil *
ani tento css kod mi nepohomol.. stale tam mam cierny pasik pod obrazkom.. :D
no neva nejak to vymyslim.. apreco by som mal pouzivat css... ved ten uvedeny css kod stranky je ovela dlhsi ako html kod moj... tak sa to logicky bude nacitat dlhsie ci nie? som myslel ze kod ma byt co najkratsi.. a kazda uvodzovka zaberaju hned 1 bit? bajt?.. no proste to cislo vo velkosti suboru..
Trejpa
Profil
kachnak
Četl jsi můj příspěvek?
<img src='a.jpg' border=0 align=middle>
<img src='a.jpg' border=0 style="vertical-align:middle;">

tak sa to logicky bude nacitat dlhsie ci nie? som myslel ze kod ma byt co najkratsi
To máš pravdu.

kazda uvodzovka zaberaju hned 1 bit? bajt?
Ano. Uvozovka zabírá místo jednoho znaku, tedy 1 Byte [bajt].
kachnak
Profil *
aha dik <img src=a.jpg border=0 align=middle> a uz to ide superne toto som potreboval :-)
tajny spion
Profil
Trejpa
To není pravda. V HTML je to správně i bez uvozovek (hodnotou atributu potom mohou být pouze jmenné znaky, tj. aA-zZ,0-9,_-, ale to jsou přece základy HTML).
A ty chces, aby kdyz bude prechazet na XHTML musel vsude uvozovky doplnovat?

Posloucháš se někdy? Proč by někdo používal atribut s prázdnou hodnotou? K čemu?
Kuli "blbymu" validatoru.

Mimochodem, jakou informaci návštěvníkovi, podle tebe, přinese toto: alt='a.jpg' ?
To je nejchytrejsi co jsem z toho prispevku vycetl... jedine s timto na 99% (nic neni 100-procentni) souhlasim
Trejpa
Profil
tajny spion
<mimo téma>
A ty chces, aby kdyz bude prechazet na XHTML musel vsude uvozovky doplnovat?
Proč by měl kachnak přecházet na nekompatibilní XHTML?
(A i kdyby přecházel, tak by musel změnit celou syntaxi jazyka, ne jen uvozovky.)

Kuli "blbymu" validatoru.
Já i kachnak píšeme stránky pro lidi (a jejich prohlížeče), ne pro validátory. Ostatně, validátor není blbý, pokud správně validuje proti požadované DTD. A pokud je v DTD psáno, že <!ATTLIST IMG [...] alt %Text; #REQUIRED [...]>, tak by byl naopak validátor vadný, když by na chybu oproti zmíněné DTD neupozornil.

jedine s timto na 99% (nic neni 100-procentni) souhlasim
Ty souhlasíš s otázkou?
</mimo téma>
anonym
Profil *
Ať už dělá cokoliv, jednou bude chtít mít web validní, je lepší když si určité návyky přivlastní už ze začátku, proto můj příspěvěk, který věřím že pomůže jemu i možná ostatním.

Doporučuji ti všude dělat "uvozovky". [...] za druhé je to tak správně :).
To není pravda. V HTML je to správně i bez uvozovek (hodnotou atributu potom mohou být pouze jmenné znaky, tj. aA-zZ,0-9,_-, ale to jsou přece základy HTML).


Základy HTML mě učit nemusíš :) V XHTML se uvozovky používat musí to je první důvod proč jej používat i v HTML. Ano je to na první pohled nelogické, ale jednou bude určitě každý chtít XHTML. Druhý důvod je, že je zdroj přehlednější.

K Altu řeknu jediné: Tajný špion má pravdu - kvůli "blbému" validátoru.

Mimochodem, jakou informaci návštěvníkovi, podle tebe, přinese toto: alt='a.jpg' ?
Je to příklad, nevěděl jsem co je v obrázku "a.jpg". Prostě příklad :) Za to se omlouvám



kazda uvodzovka zaberaju hned 1 bit? bajt?
Ano. Uvozovka zabírá místo jednoho znaku, tedy 1 Byte [bajt].


Jistě jistě, ano záleží na tom jak bude kód veliký. Ale proboha kdo má ve zdroji 125000 uvozovek ? To je počet uvozovek které připojení 1Mb/s dokáže za sekundu zpracovat.

Doufám že jsem neudělal chybu ve výpočtu :)
Trejpa
Profil
anonym
<mimo téma>
HTML je navrženo tak, že tam ta uvozovka být nemusí. A když nemusí, tak nemám důvod ji tam dávat.
ale jednou bude určitě každý chtít XHTML.
Já tedy určitě ne. A nejsem sám.
zdroj je přehlednější.
To je subjektivní (není to výhoda). Mě to tak připadat nemusí.
To je počet uvozovek které připojení 1Mb/s dokáže za sekundu zpracovat.
A co když jsem připojen modemem? To potom trvá 20× déle. (Není to zpracování, ale teoretické stažení [pomineme-li funkce paketů v TCP/IP] - zpracovává se obvykle rychleji.)

Tady ušetřím na uvozovkách, jinde můžu ušetřit jinak: vynechám pro prohlížeče zbytečné doctype a značky HTML, BODY, HEAD, TBODY, místo disabled="disabled" napíši jen disabled, vynechám všechna </td>, </tr>, </th>, </li>, </p>, </option> a najednou je ten kód bez ztráty funkčnosti (a možné validity) mnohem menší (viz Jak funguje HTML).
</mimo téma>
anonym
Profil *
Reaguji na Trejpa

Je hezké, že se myslí na uživatele s pomalejším připojením, ovšem ti skoro už vymřeli. Pokud vím už neexistuje žádný "Telecom"a namísto něho je tu O2. Herní designeři se také neohlížení na výkonem slabší menšinu (taky mne štve že si nejspíš nezahraji Crysis, ale respektuji to a sem rád pro pokrok). Pokrok je pokrok. Tento názor je samozřejmě hodně individuální, avšak když někdo vymýšlel XHTML tak to byl jistě chytrý člověk, a proto tomu věřím. Šetřit na uvozovkách a jiném co si hezky vyjmenoval (hezky bez ironie) je pohodlné, lae v dnešní době možná .. nepotřebné ?

... a najednou je ten kód bez ztráty funkčnosti (a možné validity)

Nejsem expert a proto se ptám: je "ošizený" HTML dokument validní ? Validátory mi zatím tvrdili opak.
Trejpa
Profil
anonym
<mimo téma>
lae v dnešní době možná .. nepotřebné ?
A stále funkční a praktické.

je "ošizený" HTML dokument validní ?
Pokud znáš DTD, tak může být. V tomto seznamu je uvedena (ne)povinnost značek.

Validátory mi zatím tvrdili opak.
Hloupost. Pokud znáš DTD, tak víš, co je v HTML (potažmo XHTML) povinné a pro validátor to tam jistě rád doplníš.

Toto je nejmenší validní stránka (nefunkční, protože prohlížeče neznají NET zápis v HTML):
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"><title//ň (důkaz, cz)

Toto je nejmenší funkční validní stránka (Transitional):
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"><title></title>ň (důkaz, cz)

Toto je nejmenší funkční validní stránka (Strict):
<!doctype html public "-//W3C//DTD HTML 4.01//EN"><title></title><p>ň (důkaz, cz)
</mimo téma>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0