Dobrý den, prosím někoho zkušenějšího v html o radu. Nastavil jsem obrázku šířku 100%, což by podle mých znalostí mělo zajistit, že bude přizpůsoben na šířku divu, do kterého je vložen. To platí - ale jen ve Firefoxu a Opeře. Internet explorer se přizpůsobením rozměrů podle nařazenému bloku neobtěžuje a naopak roztáhne nadřazený blok na šířku obrázku.
Rád bych i v MSIE zajistil stejné chování, jako ve Firefoxu i Opeře - díky předem za radu!
Šířka obrázku v listingu
Vytvořeno od
_Tom
, čen 15 2009 13:31
21 odpovědí na toto téma
#2
M@gic
-
- Members
-
- 127 příspěvků(y)
Advanced Member
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
Něco jako tohle? Mě to obrázek resizuje v IE6 a FF3 podle velikosti okna prohlížeče - tedy divu.
<!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
_Tom
-
- Members
-
- 659 příspěvků(y)
Advanced Member
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
keeehi
-
- Members
-
- 54 příspěvků(y)
Advanced Member
Publikováno 15 červen 2009 - 15:56
tak to zkus normálkně do width="100%"
<img src="xxx.jpg" width="100%">
#6
Publikováno 15 červen 2009 - 16:05
Ne, je to tenhle problém: div uvnitř tabulky:
Výhledově se na to mrknu, IE je fakt hnus.
<!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
Sutech
-
- Members
-
- 1 197 příspěvků(y)
Advanced Member
Publikováno 15 červen 2009 - 16:06
A co to nastavit absolutně? Tj. třeba width=500? Vím, že to není ideální řešení, ale brání to něčemu v tomto tvém konkrétním listingu?
#8
Publikováno 15 červen 2009 - 17:05
A coz to udelat obracene. Zmenit velikost obrazku. Ja u obrazku do listingu dodrzuju, aby mel sirku max. 640px. A pak uz v html "nenastavuju" nic.
#9
_Tom
-
- Members
-
- 659 příspěvků(y)
Advanced Member
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
A proč prostě neupravíš šířku obrázku v nějakym grafickym editoru na 780px a nemusíš psát žádný další atributy.
#11
Publikováno 15 červen 2009 - 21:05
Zkus tohle
<!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>
MaFa
#12
_Tom
-
- Members
-
- 659 příspěvků(y)
Advanced Member
Publikováno 15 červen 2009 - 22:24
Díky za náměty. Fungují (podle očekávání), ale jen v normálním webu.
Jakmile je ten kód součástí stránky na gc.com, tak to v msie fungovat přestane. Je jedno, jestli je obrázek sám o sobě, nebo v divu nebio v buňce tabulky, msie ho pokaždé ukáže v jeho skutečné šířce a nepřizpůsobí ho, zatímco zbylé dva prohlížeče ho naopak přizpůsobí.
Doporučuji si to vyzkoušet.
Nevím, co je v kódu a css na gc.com za podivnost, že se to tak chová, a nemám ani dost zkušeností ani dost času a sil, abych po tom pátral...
Díky ještě jednou a pokud někdo bude znát funkční řešení, budu za něj vděčný.
#13
sHpy00n
-
- Members
-
- 313 příspěvků(y)
Advanced Member
Publikováno 15 červen 2009 - 23:16
no groundspeak jasne pisou 125k or 600 pixels, tak nechapu potrebu narvat do listingu co nejvetsi obrazek. na druhou stranu vitam moznost prohlednout si vyhledy a pod ve full size, coz je dokonce nekdy velmi zadouci. proto velky obrazek resim pravda trochu sloziteji, ale v duchu nastavenych pravidel. do listingu umistim klikaci miniaturu originalu upravenou atributama, takze kdo si chce obrazek prohlednout v plne velikosti, klikne na miniaturu a original se mu otevre v novem panelu.
funkcni.. overeno na tvem obrazku; miniatura (da-li se to tak jeste rict) 750 × 318 vlozenem do rozpracovaneho listingu.
<!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
_Tom
-
- Members
-
- 659 příspěvků(y)
Advanced Member
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
_Tom
-
- Members
-
- 659 příspěvků(y)
Advanced Member
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
_Tom
-
- Members
-
- 659 příspěvků(y)
Advanced Member
Publikováno 16 červen 2009 - 11:07
na gc.com nefunguje ani podtžítkový hack - tedy konstrukce typu
<imr src="..." style="width:100%; _width:550px;">
#18
keeehi
-
- Members
-
- 54 příspěvků(y)
Advanced Member
Publikováno 16 červen 2009 - 16:33
Jak Crocky napsal, je problém v té tabulce. (ne v css nebo js)
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.
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
MaFa
#20
_Tom
-
- Members
-
- 659 příspěvků(y)
Advanced Member
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ů
GeoGet
URWIGO
CWG
