Šířka obrázku v listingu
#1
Publikováno 15 červen 2009 - 13:31
#2
Publikováno 15 červen 2009 - 14:44
_Tom napsal/a:
Prosím další odpovědi jen k věci - tedy jak to udělat.
Len taky maly hint a uz budem ticho
Uz si to niekde videl, zeby to tak bolo spravene?
#3
Publikováno 15 červen 2009 - 15:06
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN"> <html> <head> <title>Untitled</title> </head> <body> <div> <img style="width:100%" src="http://apod.nasa.gov/apod/image/0906/b44_davis.jpg"> </div> </body> </html>
#4
Publikováno 15 červen 2009 - 15:36
Crocky napsal/a:
Mám to stejně, tj <img src=''....." style="width:100%;">
http://www.geocachin...f4-acb29d1e00ec - v MSIE má obrázek furt svou originální šířku
#5
Publikováno 15 červen 2009 - 15:56
#6
Publikováno 15 červen 2009 - 16:05
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN"> <html> <head> <title>Untitled</title> </head> <body> <table width=100%> <tr> <td style="width:100%"> <div style="width:100%"> <img src="http://img.geocaching.com/cache/cbeba5a1-b327-4081-9113-77837461c49f.jpg" width=100% /> </div> </td> <td> Druhy sloupec </td> </tr> </table> </body> </html>
Výhledově se na to mrknu, IE je fakt hnus.
#7
Publikováno 15 červen 2009 - 16:06
#8
Publikováno 15 červen 2009 - 17:05
#9
Publikováno 15 červen 2009 - 17:16
keeehi napsal/a:
tak to zkus normálkně do width="100%"
<img src="xxx.jpg" width="100%">
To jsem samozřejmě zkusil taky
#10
Publikováno 15 červen 2009 - 18:01
#11
Publikováno 15 červen 2009 - 21:05
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN"> <html> <head> <title>Untitled</title> </head> <body> <table style="table-layout:fixed;width:100%;"> <tr> <td style="width:90%;"> <div> <img src="http://img.geocaching.com/cache/cbeba5a1-b327-4081-9113-77837461c49f.jpg" style="width:90%;" /> </div> </td> <td> Druhy sloupec </td> </tr> </table> </body> </html>
#12
Publikováno 15 červen 2009 - 22:24
#13
Publikováno 15 červen 2009 - 23:16
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>pokus</title> </head><body> <a href="http://img.geocaching.com/cache/cbeba5a1-b327-4081-9113-77837461c49f.jpg" target="_blank"> <img src="http://img.geocaching.com/cache/cbeba5a1-b327-4081-9113-77837461c49f.jpg" height="255" width="600"> </a> </body></html>
funkcni.. overeno na tvem obrazku; miniatura (da-li se to tak jeste rict) 750 × 318 vlozenem do rozpracovaneho listingu.
#14
Publikováno 16 červen 2009 - 9:17
sHpy00n napsal/a:
no groundspeak jasne pisou 125k or 600 pixels, tak nechapu potrebu narvat do listingu co nejvetsi obrazek.
Je to jednoduché. Chci aby panoramatické foto, které má jako dominantní rozměr ten horizontální, bylo co nejširší. Samozřejmě ale nechci, aby rozbíjelo design zbytku stránky. Z toho plyne prostý závěr, že obrázek má svou šířkou respektovat aktuální šířku stránky (přesněji šířku toho boxu, v němž je vložen).
Myslím, že to je celkem normální požadavek a na normálním webu to jde normálně realizovat i pro MSIE.
Je zajímavé, že když se listing stáhne do GoeGetu, tak se tam obrázek zase chová normálně a mravně, tedy respektuje šířku okna a mění se spolu s ní. A GG přitom používá (pokud jsem to dobře někde zaregistroval) vykreslování pomocí exploreru.
Z toho mi plyne závěr, že někde ve stylech nebo v nějakých javascriptech na gc.com je možnost nechat obrázku šířku 100% nějak zablokovaná... Zablokovaná je ovšem jen pro MSIE... Jinak řečeno, je v tom bordel.
#15
Publikováno 16 červen 2009 - 9:19
sHpy00n napsal/a:
no groundspeak jasne pisou 125k or 600 pixels, tak nechapu potrebu narvat do listingu co nejvetsi obrazek.
...i u takového obrázku bys mohl chtít, aby měl šířku 100%. Když bude okno (přesněji nadřazený box) užší, měl by se obrázek zmenšovat spolu s ním.
Dělá to? Nedělá.
#16
Publikováno 16 červen 2009 - 9:26
_Tom napsal/a:
Je zajímavé, že když se listing stáhne do GoeGetu, tak se tam obrázek zase chová normálně a mravně, tedy respektuje šířku okna a mění se spolu s ní. A GG přitom používá (pokud jsem to dobře někde zaregistroval) vykreslování pomocí exploreru.
Kdepak, GG pomoci InternetExploreru nezobrazuje nic, pouziva vlastni nativni zobrazovac HTML zcela nezavisly na jakemkoliv nainstalovanem prohlizeci.
#17
Publikováno 16 červen 2009 - 11:07
<imr src="..." style="width:100%; _width:550px;">
#18
Publikováno 16 červen 2009 - 16:33
Jak jsem zjistil jinde, nejspíš s tím nepůjde nic udělat.
Problém je by se dal vařešit tako, cituji: "Chyba se projevuje jen v Quirku a je způsobena procentními rozměry obrázku, který je v buňce tabulky. Buďto nepoužívej procentní rozměry, a nebo použij vhodný DOCTYPE pro přepnutí prohlížeče do standardního režimu." Jelikož doctype změnit nemůžeš, máš bohužel smůlu. Takže to necháš tak jak je, jenom to zmenšíš na 600px. V prohlížečích kromě IE se to bude chovat docela dobře, v IE to alespoň nerozhází vzhled. Pokud chceš ostatním nabídnout originál obrázku, umísti ho do odkazu a zobrazuj ho někde jinde.
#19
Publikováno 16 červen 2009 - 17:29
Na strankach http://www.jakpsatwe...zece-hacky.html pisou, ze podtrzitkovy hack nefunguje na IE7, misto podtrzitka muzes zkusit jiny znak, treba #.na gc.com nefunguje ani podtžítkový hack - tedy konstrukce typu
#20
Publikováno 16 červen 2009 - 20:13
MaFa napsal/a:
Na strankach http://www.jakpsatwe...zece-hacky.html pisou, ze podtrzitkovy hack nefunguje na IE7, misto podtrzitka muzes zkusit jiny znak, treba #.na gc.com nefunguje ani podtžítkový hack - tedy konstrukce typu
Bezva - aspoň tohle funguje! Exploreristi to tedy mají od teďka natvrdo na 600 pixlů a ostatní normálně :-)
Vřelé díky!
0 uživatel(ů) prochází toto téma
0 uživatelů, 0 návštěvníků 0 anonymních uživatelů