Autor Zpráva
D3N1S
Profil
Zdravím,

potreboval by som vedieť, ako by som mohol cez PhP alebo HTML písať na obrázok. Problém je ten, že keď chcem pod <img src="obrazok.gif"> napísať text, napíše to pod obrázok a ja by som chcel vedieť ako by som to mohol písať na obrázok ako keby do pozadia...

Predom ďakujem...
Taurus
Profil
Mohla by tě na webu jpw.cz zajímat css vlastnost background. Ať už na divu, odkazu, čemkoli. Pak můžeš psát text pohodlně. Druhou možností je přečíst si něco o pozicování, pak můžeš zachovat i <img>, pokud je to nutné.
D3N1S
Profil
No, nič som o tom nenašiel :( . Nemáš nejakú stránku s návodom?
Fisir
Profil
Reaguji na D3N1Se:
PhP
… se píše PHP, je to totiž normální zkratka z Hypertext Preprocessor.

Třeba takto?
juriad
Profil
Ono to jde spoustou způsobů, každý je vhodný na nějakou úlohu, nejde jeden univerzálně doporučit.
O co se snažíš?
Chceš text na libovolném místě, nebo chceš, aby se přichytával ke hraně? Jak se má text chovat, když je přílíš dlouhý? K čemu má sloužit?
Radek9
Profil
Fisir:
Přesněji řečeno PHP znamená PHP: Hypertext Preprocessor. Je to rekurzivní zkratka. :D

D3N1S:
Nedávno se tu řešilo něco podobného. Stačí to jen drobně přestylovat. Případně je tu stále to řešení s pozadím. A CSS vlastnost background si snad dokážeš dohledat sám. :-)
Fisir
Profil
Reaguji na Radka9:
PHP: Hypertext Preprocessor. Je to rekurzivní zkratka.
Ale neskončí to nekonečným cyklem? (Za předpokladu, že ten nekonečný cyklus zásahem vyšší moci jednou skončí.) :-)
martinK
Profil
Co třeba takto?

<style>
.obazek_s_textem
{
width:500px;
height:60px;
background-image: url('Odkaz');
background-repeat:none;
text-align:center;
padding-top:50px;
}

</style>
<div class="obazek_s_textem">
<b>Tento text má obrázek jako pozadí logo diskuse.jakpsatweb.cz.<b>
</div>
D3N1S
Profil
martinK:
Ak myslíš to logo a na tom text, ano to myslím. Len chcem aby to bolo v strede stránky na bielom štvorci (vycentrovať text viem).


Ok, dal som si podľa tvojho kódu, ale nechce mi to vycentrovať :(
martinK
Profil
D3N1S:

Co vyycentrovat ? text? nebo ten obrázek chceš mít ve středu stránky ? Buď trošku konkrétnější.
D3N1S
Profil
Áno, ten obrázok by mal byť aj s textom v strede stránky...
martinK
Profil
D3N1S:
v tom případě mu přidej v CSS margin:auto;
případně jeho nadřazenému prvku (class či div) text-align:center;
Bubák
Profil
martinK:
v tom případě mu přidej v CSS margin:auto;
Tím se horizontálně vycentrují blokové elementy a tabulky, což obrázek není, leda, že by měl v CSS nastavený display: block;

případně jeho nadřazenému prvku (class či div)
class je třída.
Pokud jsi měl na mysli span, tak věz, že v inline elementech centrování nefunguje.
martinK
Profil
Bubák:
Tím se horizontálně vycentrují blokové elementy a tabulky, což obrázek není, leda, že by měl v CSS nastavený display: block;
Ale když to nastavuje jako pozadí nějakého divu či třídy, tak ano...

případně jeho nadřazenému prvku (class či div)
myšleno tak, že může mít zkrátka třídu ve třídě :))
D3N1S
Profil
OK, mám to. Len teraz chcem vedieť, ako dať text navrch obrázku...
martinK
Profil
D3N1S:

Prosím, vyjadřuj se exaktněji. "Navrch"? co to je? Věřím, že pokud si na to dokážeš odpovědět sám, sám na to také přijdeš. Možná bys měl pohledat a naučit se alespoň nutné základy kaskádových stylů a pokusit se o něco sám, než si tu řekneš o řešení. Přečti si něco o vlastnosti padding.

<style>
.obazek_s_textem
{
width:500px;
height:110px;
background-image: url('Odkaz');
background-repeat:none;
text-align:center;
margin:auto;
}

</style>
<div class="obazek_s_textem">
<b>Tento text má obrázek jako pozadí logo diskuse.jakpsatweb.cz.<b>
</div>

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: