Autor | Zpráva | ||
---|---|---|---|
D3N1S Profil |
#1 · Zasláno: 18. 6. 2014, 16:31:03
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 |
#2 · Zasláno: 18. 6. 2014, 16:39:10
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 |
#3 · Zasláno: 18. 6. 2014, 17:42:01
No, nič som o tom nenašiel :( . Nemáš nejakú stránku s návodom?
|
||
Fisir Profil |
#4 · Zasláno: 18. 6. 2014, 17:58:51
Reaguji na D3N1Se:
„PhP“ … se píše PHP, je to totiž normální zkratka z Hypertext Preprocessor. Třeba takto? |
||
juriad Profil |
#5 · Zasláno: 18. 6. 2014, 18:01:20
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 |
#6 · Zasláno: 18. 6. 2014, 19:16:16
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 |
#7 · Zasláno: 18. 6. 2014, 19:48:03
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 |
#8 · Zasláno: 18. 6. 2014, 20:02:50
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 |
#9 · Zasláno: 19. 6. 2014, 16:00:28 · Upravil/a: D3N1S
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 |
#10 · Zasláno: 19. 6. 2014, 18:52:24
D3N1S:
Co vyycentrovat ? text? nebo ten obrázek chceš mít ve středu stránky ? Buď trošku konkrétnější. |
||
D3N1S Profil |
#11 · Zasláno: 19. 6. 2014, 21:20:36
Áno, ten obrázok by mal byť aj s textom v strede stránky...
|
||
martinK Profil |
#12 · Zasláno: 19. 6. 2014, 21:53:45
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 |
#13 · Zasláno: 19. 6. 2014, 22:22:38
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 |
#14 · Zasláno: 20. 6. 2014, 10:57:40
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 |
#15 · Zasláno: 22. 6. 2014, 19:00:40
OK, mám to. Len teraz chcem vedieť, ako dať text navrch obrázku...
|
||
martinK Profil |
#16 · Zasláno: 22. 6. 2014, 19:09:56
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> |
||
Časová prodleva: 10 let
|
0