Diskuze: Text pod obrázkem.

k.ats

Člen

k.ats:11.6.2013 8:00

Ahoj, dokázal by mě někdo poradit jakým způsobem bych mohl dát text pod obrázek, ale aby byl vidět jen v případě, když se nenačte obrázek. Jako hlavičku mám obrázek i s vloženým nadpisem a chtěl bych docílit toho, že když se nenačte obrázek, tak aby tam byl druhý nadpis, který by byl vidět. Zkusil jsem to z-indexem, ale nadpis je furt vidět nad obrázkem.

Děkuji za radu.

Odpovědět

11.6.2013 8:00

k.ats

Člen

k.ats:11.6.2013 8:03

Jéé, já jsem ale blbej :-) Jsem u obrázku neměl nastaveno pozicovaní. Už to jde :-)

Nahoru Odpovědět

11.6.2013 8:03

Petr Nymsa

Tvůrce

Petr Nymsa:11.6.2013 8:03

Pro popis nenačteného obrázku slouží atribut alt přímo u obrázku. Alt je i pro validní web povinný.

<img src="obr.jpg" alt="Popis obrázku" />

Nahoru Odpovědět

11.6.2013 8:03

Pokrok nezastavíš, neusni a jdi s ním vpřed

k.ats

Člen

k.ats:11.6.2013 8:16

No to tam samozřejmě mám. Ale jde o to, že když se nenačte tak bych rád aby tam byl aspoň nadpis co mám v tom obrázku. Aby tam nebyla prázdná hlavička. Nebo to je špatně?

Editováno 11.6.2013 8:17

Nahoru Odpovědět

11.6.2013 8:16

Petr Nymsa

Tvůrce

Petr Nymsa:11.6.2013 8:25

Je to hodně divné. Když se obrázek nenačte, stačí alt. Nebo máš v obrázku nějaký spešl efekt nadpisu ? A chce po nenačtení uchvátit uživatele i tak pěkným nadpisem ? Stejně, je to divné.

Zkus zvážit i to jestli náhodou nepůjde nadpis ostylovat pomocí CSS 3. Obrázky na nadpisy se nepoužívají.

A jakmile zřejmě divně pozicuješ už je to taky špatně.
Pošli kus kódu, obrázek co potřebuješ

Nahoru Odpovědět

11.6.2013 8:25

Pokrok nezastavíš, neusni a jdi s ním vpřed

k.ats

Člen

k.ats:11.6.2013 8:29

www.tesarske-prace.ic.cz Obrázek jsem si upravoval sám v zoneru + jsem tam vložil i nadpis v Zoneru. Pokud by to šlo udělat i v CSS3 tak bych to udělal asi tak. Bude to určitě lepší.

Nahoru Odpovědět

11.6.2013 8:29

Honza Bittner

Tvůrce

Honza Bittner:11.6.2013 8:33

Toto CSSkem udělat jde, zkus text-shadow

Nahoru Odpovědět

11.6.2013 8:33

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

k.ats

Člen

k.ats:11.6.2013 8:53

A ta záře textu by v css nešla?

Nahoru Odpovědět

11.6.2013 8:53

k.ats

Člen

k.ats:11.6.2013 8:58

Už se dívám, že ten text-shadow jde použít vícekrát za sebou, takže toho bych měl být schopen docílit. Děkuji moc :-)

Editováno 11.6.2013 8:58

Nahoru Odpovědět

11.6.2013 8:58

hh

Člen

hh:11.6.2013 9:06

http://www.itnetwork.cz/…cesky-manual
Tady máš jak se pomocí toho dá nastylovat, třeba oheň za písmenkama. Zhruba podobně se bude stylovat tvoje záře textu

Nahoru Odpovědět

11.6.2013 9:06

Dostane se ti toho, čeho se zasloužíš...

Honza Bittner

Tvůrce

Honza Bittner:11.6.2013 9:16

záře je vlastně také stín, který však "nevykračuje zpoza písma", tzn. budeš mít 0 na y a 0 na x

celkově by to mohlo jít nějak takto

text-shadow: 0px 0px 5px black;

Nahoru Odpovědět

11.6.2013 9:16

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

k.ats

Člen

k.ats:11.6.2013 9:22

No ja to nakonec udelal takto:

text-shadow:  2px 2px 20px #FFFECF, -2px -2px 20px #FFFECF, 2px 2px 20px #FFFECF, -2px -2px 20px #FFFECF, 25px 20px 15px #262626;

Musel jsem to tam dat dvakrat za sebou, protoze jen jednou bylo malo. Ted uz se to hodne priblizuje tomu co bylo udelano v tom zoneru. Rekl bych tak na 90% a to je fajn. Aspon tam bude primo text a nadpis.

Nahoru Odpovědět

11.6.2013 9:22

Honza Bittner

Tvůrce

Honza Bittner:11.6.2013 9:31

zkus to přepsat na

text-shadow:  0px 0px 22px #FFFECF;

mělo by to dělat to samé

Nahoru Odpovědět

11.6.2013 9:31

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

k.ats

Člen

k.ats:11.6.2013 9:37

Děkuji :-)

Nahoru Odpovědět

11.6.2013 9:37

k.ats

Člen

k.ats:12.6.2013 14:30

Ahoj, znovu otvírám tohle téma, protože jsem si vyzkoušel jak bude stránka vypadat v jiných prohlížečích a musím říct, že v každém prohlížeči mám ten nadpis co jsem si vypozicoval a ostyloval úplně jinde. Chrome mám jako výchozí, tam je to v pořádku, v mozille je to jen o kousíček, ale IE celkem lítá jako že dost. Existuje na to nějaký fígl nebo tam mám něco špatně? Dokážete mě někdo poradit? I bez pozicování, již v té statické pozici jsou nadpisy na jiných místech u každého prohlížeče. Asi tam zas budu muset vrátit ten nadpis v obrázku. Pokud by někdo věděl jak na to. Budu velmi rád. Děkuji

Nahoru Odpovědět

12.6.2013 14:30

k.ats

Člen

k.ats:12.6.2013 14:57

Všiml jsem si, že IE necentruje písmo doprostřed řádku a chrome ano. Je to vlastnost IE?

Nahoru Odpovědět

12.6.2013 14:57

David Hartinger

Vlastník

David Hartinger:14.6.2013 11:18

Ale centruje, pokud ti něco nefunguje, tak tam máš chybu. Každý prohlížeč se s ní potom vypořádá jinak.

Nahoru Odpovědět

14.6.2013 11:18

New kid back on the block with a R.I.P

k.ats

Člen

k.ats:14.6.2013 11:22

Díky za odpověď, bylo to fontem. Nevím proč, ale každý prohlížeč daný font zobrazoval jinde. Teď tam mám jiný a je to v pořádku.

Nahoru Odpovědět

14.6.2013 11:22

David Hartinger

Vlastník

David Hartinger:14.6.2013 11:25

Možná font v nějakém prohlížeči chyběl. Měl bys používat buď jen několik základních nebo si je tam naimportovat přes CSS.

Nahoru Odpovědět

14.6.2013 11:25

New kid back on the block with a R.I.P

k.ats

Člen

k.ats:14.6.2013 12:04

Je pravda, že o fontech jsem toho ještě moc nestudoval, respektive vím, že se má používat jen pár fontů, které se vyskytují na všech počítačích a není problém se zobrazením, ale moc toho nevím o nahrávání vlastního fontu. Letmo jsem o to zavadil a dočetl jsem se, že to přes nějakou funkci jde, ale že s tím má problémy IE, tak jsem od toho upustil a třeba v budoucnu se do toho pustím. Díky

Nahoru Odpovědět

14.6.2013 12:04

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:14.6.2013 13:25

Mám dotaz mimo téma - to je tvůj web nebo to děláš pro někoho ?

Nahoru Odpovědět

14.6.2013 13:25

Neaktivní uživatelský účet