obtékání obrázku

To nejde. Ale můžeš pomocí pozicování v CSS umístit text na obrázek.

Filips
: Nebo můžeš psát přímo do obrázku...

A čo tak použiť obrázok ako pozadie?

CSS:

.obrazek1 {
background: Black url(obrazek.gif) no-repeat center;
width: 300px;
height: 300px;
color: Aqua;
font-weight: bold;
}

HTML:

<div class="obrazek1">Nadpis na obrázku</div>

PerToon
no, ono samozřejmě i psát do obrázku jde - třeba pomocí php - jsou tak řešeny třeba antispamové ochrany sms brán, některá fóra apod., ale to asi nebylo předmětem dotazu.

a ještě čistě teoreticky... není tohle mršení smyslu css? pokud je obrázek informace (třeba fotka z dovolené nebo nějaký technický nákres) a ne design, tak jej přesunutím do css třeba znepřístupním prohlížečům bez stylů.

Lukáš M naozaj by som už raz chcel vidieť serióznu analýzu, koľko návštevníkov webu si vypína javaskripty, css, cookies... dobré by bolo zamyslieť sa nad tým, koľkí vôbec tušia ako sa to robí, či vôbec stojí za to zamýšľať sa nad tým, že čo keď... nie je to podobný problém, ako keby si sa zmýšľal nad tým, že by si mal optimalizovať web pre MSIE 4.0 (alebo MSIE 3.0 - ak vôbec existoval)?

Otázka bola:

Ale můžeš pomocí pozicování v CSS umístit text na obrázek. no jo ale jak?

Do obrázku sa dá písať tým spôsobom, ktorý som uviedol hore. Keď niekto bude mať vypnuté CSS, tak sa mu zobrazí ten popis, teda to bude podobné, ako "alt" pri vypnutých obrázkoch (bez krížiku).
Áno je to proti zmyslu CSS, ja by som do obrázku písal v grafickom editore a keby som ovládal PHP, tak by som to skúsil radšej tým Tvojim riešením.

Alebo presnejšia odpoveď by bola (cez to pozicovanie) že by sa to dalo pomocou atribútu z-index:

http://www.jakpsatweb.cz/css/z-index.html

tu sa Yuhů zmieňuje, že:

Z-index funguje pouze u pozicovaných prvků, to jest u těch, které maji vlastnost position nastavenu na absolute, relative nebo fixed.

nemám s atribútom z-index skúsenosti, takže som si myslel, že moju odpoveď doplní niekto iný.

bojars
nevím, zda taková statistika existuje (jestli je to vůbec měřitelné), ale je velký rozdíl mezi optimalizací pro mrtvý prohlížeč a využívání technologií k tomu, k čemu jsou určené. navíc pokud něco není optimalizované pro něco :) tak se to tam přesto zobrazí, i když rozhozené. takto návštěvníka vyřadíte úplně - resp. přijde o (mnohdy třeba podstatné obrázky). navíc zde hraje roli i přístupnost, sémantika a seo (pokud jste chtěl říct, že otázka přístupnosti jsou pouze procenta).

http://www.jakpsatweb.cz/pozadi.html#pozicovani Kapitola o pseudopozadí
http://www.jakpsatweb.cz/priklady/background-position.html Pseudopozadí pozicováním
Yuhů tam píše na tento obrázek, navíc roztažený.