Jak udelat potomka tagu <img>

Jake Buchar:
„nevite jak udelat aby text "Ahoj" byl v obrazku?“
normálně to nejde, maximálně text napozicovat přes obrázek.

„Podminkou je ze to musi by udelane s tim tagem <img>.“
Nějaký důvod nedat obrázek na pozadí textu máš?

„Problem je v tom ze <img> je tag neparovy a tudiz nevim jak ten text do toho obrazku zaclenit.“
tak, jak to myslíš ty, to nelze. Do <IMG> nic vložit nejde.

„Nejlepsi by bylo kdyby se to dalo vyresit pomoci CSS ale nevim prave jak.“
mám-li být upřímný, já taky nevím jak by to bylo nejlepší. Dokud nám neukážeš konkrétní situaci, nejlepší možné řešení se nedozvíš.

Jake Buchar:
kdybys nám ukázal, co zamýšlíš, bylo by možno vybrat nejlepší řešení pro danou situaci. Bez ukázky lze jen hádat obecně, to jsem napsal už výše.

Jake Buchar:
„jde mi o to ze ty obrazky maji byt pozadi udelane ve Photoshopu a ten text to ma byt normalni text na strankach.“
ano, nazýváš to správně „pozadím“. Proč to tedy není na backgroundu (jako na všech normálních webech) a vymýšlíš tyhle kraviny?

„<img> jsem pouzil misto <div> abych dosahl jeho omezeni.“
jakého omezení. To nechápu.

„jenomze kdyz mam dané <img> tak nevim jak tam dat ten text.“
Protože img je obrázek, ten text nepotřebuje (stačí mu zástupný alt). Potomka mít nemůže.

Celé tohle, co jsi napsal, je špatně. Začni znova a všechny obrázky dej na pozadí.


<mimo-téma>
Nevím, co nabízíš, ale doufám, že weby ne.
</mimo-téma>

Jake Buchar:
„no sak to je to pozadi delane pomoci background v CSS.“
ale na pozadí čeho.

„omezeni znacky <div> a dosahnuti lepsi semanticnosti“
nepochopil jsi smysl pravidel sémantického webu. Sémantický != bez divů. Naopak, to, co jsi vytvořil ty, je prasárna největšího kalibru. Viděl jsem toho dost, ale tohle ještě ne.

Jake Buchar:
„misto vysmechu bys mi mohl spis poradit.“
to nebyl výsměch. Jen mi je líto potenciálních klientů. Nezlob se na mě, ale znalosti na to, abys mohl něco nabízet, nemáš. Odvodil jsem si to z odkazů „reference“ a „co umíme?“.

Copak jsem ti neporadil? Vyházej všechny obrázky, podívej se, jak se tvoří dvousloupcový layout (ano, za pomoci divů, CSS vlastností float a clear) - předpokládám, že budou dva sloupce - #pravy a #levy.

<img> je obrázek, který nese informaci (typicky náhled v galerii), designové obrázky patří do CSS na pozadí některého z elementů. Můžeš využít některé stávající elementy (což je často žádoucí, aby nepřibývaly další zbytečné), případně přidat nějaký obal, kterým často bývá div. Div není něco, čeho by ses měl bát, ale používat jich s mírou. Jen tam, kde jsou třeba.

Nejlépe bude, když pochopíš, co to ta sémantika vlastně je. Když pochopíš, jak to celé funguje, bude se ti tvořit snáze.