Autor Zpráva
Jake Buchar
Profil
ahoj

mam obrazek a chci v nem mit text

html

<img id="paticka"><p>Ahoj</p>


CSS

#paticka {float:left;
            background:url("levy-paticka.jpg") no-repeat;
            width:378px;
            height:154px;}


nevite jak udelat aby text "Ahoj" byl v obrazku?

Podminkou je ze to musi by udelane s tim tagem <img>.
Problem je v tom ze <img> je tag neparovy a tudiz nevim jak ten text do toho obrazku zaclenit.
Nejlepsi by bylo kdyby se to dalo vyresit pomoci CSS ale nevim prave jak.

Dekuji
panther
Profil
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
Profil
ok dik

pokusim se vymyslet jine reseni.
asi jedine reseni co me ted napada by bylo to napozicovat pomoci position:fixed.
panther
Profil
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
Profil
ok takze tady je odkaz na stranku

Odkaz

jde mi o to ze ty obrazky maji byt pozadi udelane ve Photoshopu a ten text to ma byt normalni text na strankach.

<img> jsem pouzil misto <div> abych dosahl jeho omezeni.
jenomze kdyz mam dané <img> tak nevim jak tam dat ten text.
panther
Profil
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
Profil
panther:
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?
no sak to je to pozadi delane pomoci background v CSS.

jakého omezení. To nechápu.
omezeni znacky <div> a dosahnuti lepsi semanticnosti

Protože img je obrázek, ten text nepotřebuje (stačí mu zástupný alt). Potomka mít nemůže.
ok takze to nejde.Skusim to udelat jinak.
panther
Profil
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
Profil
panther:
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.
no asi mas pravdu
Jake Buchar
Profil
panther:
<mimo-téma>
Nevím, co nabízíš, ale doufám, že weby ne.
</mimo-téma>

a co podle tebe ma delat zacatecnik jako jsem ja.ja nerikam ze chci nabizet web proste si delam portfolio abych se aspon trochu zdokonalil.

misto vysmechu bys mi mohl spis poradit.
panther
Profil
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.
Jake Buchar
Profil
ja jsem to prave mel udelane pomoci divu vse.jen jsem premyslel (asi az moc) jak co nejvic udelat ten web semanticky.a napadla me znacka <img>.bohuzel jsem si neuvedomil ze to je jeste vic nesemanticke nez ty divy.

ten web o semantice sem cetl 2x. myslim ze pokuds trochu zkoumal ten web taks tam urcite nasel znamky semantiky.

je jasne ze na delani stranek na zakazku nemam jen me nenapadl jiny namet nez portfolio.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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