Autor Zpráva
Kajman
Profil
Je možné dalším pravidlem zrušit stylopis
img {width:auto}
tak, aby fungovaly atributy width u obrázků stejně, jako když by ten první nebyl uveden?

http://jsfiddle.net/sUCPS/
peta
Profil
Obavam se, ze bez JS to nepujde. Nebo samozrejme class pro tag.
Width
délka | procento | auto
http://www.css3.com/css-width/
inherit | auto | [length] | [percentage]
http://www.w3.org/wiki/CSS/Properties/width
<length> | <percentage> | auto | inherit
Kajman
Profil
peta:
Nebo samozrejme class pro tag.

Class nic nevyřeší. V tagu by mohla být přímo šířka v pixelech ve style atributu, ale na to se neptám.
Fisir
Profil
Reaguji na Kajmana [#1]:
Mělo by jít. Já jsem tak vyrušil nastavení atributu height.
img  {height: auto !important;}
↓ Ano, to nepochopil (klidně mi tykejte).
Kajman
Profil
Fisir:
Já jsem tak vyrušil nastavení atributu height

Přijde mi, že jste nepochopil, co jsem psal ani živou ukázku. Tak ještě jednou - já ho nechci vyrušit, já chci prohlížeč vrátit do defaultního stavu, kdy bere v potaz atribut width u obrázků.
Chamurappi
Profil
Reaguji na Kajmana:
Bylo by hezké, kdyby fungovalo něco jako:
img { width: attr(width); }
… ale to nejde jednak proto, že CSS 2 nedovoluje použít attr všude, jednak proto, že je v CSS nesmyslná povinnost psát k nenulovým délkám vždy jednotky.

Podle návrhů CSS 3 by mohlo fungovat tohle:
img { width: attr(width px); }
… ale v nějakou rozumnou podporu bych nedoufal.

Zbývá jedině hloupé řešení — zjistit si všechny používané hodnoty atributů width (je-li to možné) a přebít je individuálně:
img[width='272'] { width: 272px; }
img[width='78'] { width: 78px; }
margin
Profil *
Chamurappi:
Zbývá jedině hloupé řešení — zjistit si všechny používané hodnoty atributů width (je-li to možné)
Hloupě hrubou silou:
...
img[width='240'] { width: 240px; }
img[width='241'] { width: 241px; }
img[width='242'] { width: 242px; }
img[width='243'] { width: 243px; }
...
ukázka, obnoví šířky od 1px do 1000px.
Docela dobře se to gzipuje.
peta
Profil
Jenze, jemu jde o to, ze nevi, jakou sirku ty obrazky maji.
Kajman: S tim css jsem to myslel tak, ze ho pridat jen k obrazkum, ktere chces zmenit na auto a tim padem prebijeni nebudes potrebovat. Pokud ovsem prebijis jiny css, tak ten muzes prepsat jen pomoci javascriptu, jak tag style, tak vytahnout pomoci js z tagu hodnotu width a dosadit ji do css (podobne, jak to psal cham s attr).
Nebo tady je dole priklad na expression, co je ale taky js
Max-width
Trejpa
Profil
margin, Chamurappi:
A k dokonalosti tomu dalších tisíc řádků chybí:
…
img[width='240%'] { width: 240%; }
img[width='241%'] { width: 241%; }
img[width='242%'] { width: 242%; }
img[width='243%'] { width: 243%; }
…
Kajman
Profil
Chamurappi:
zjistit si všechny používané hodnoty atributů width

Tak těch možností bylo v 1000 stránkách jen 76. Díky.

Pro strýčka příhodu: kód pro nalezení šírek (vždy uzavřených do dvojitých uvozovek ") v souboru.
find manuals/ -type f -name '*.html' -exec grep -Eihoe '<img[^>]* width="[^"]*"' {} \; |
    sed 's/<img[^>]* width="\([^"]*\)"/\1/i' |
    sort -u |
    sed -e 's/^.*%$/img[width="&"] {width:&}/' -e 's/^\([0-9]*\)\(\.[0-9]*\)\?$/img[width="&"] {width:\1px}/' > used-image-sizes.css

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0