Autor Zpráva
Underko
Profil *
Zdravim, potrebujem radu ako mam zadat CSS aby som mohol dat jeden obrazok na druhy.. skusal som vselico a stale my druhy obrazok odskoci niekam do praveho rohu. Skusal som wysiwyg editor v style drag and drop a po zobrazeni robilo to iste.. neviem si rady prosim help
panther
Profil
Underko
dodej živou ukázku problému, ať je vidět, jaký kód máš.
Bubák
Profil
panther
dodej živou ukázku problému, ať je vidět, jaký kód máš.
Předpokládám, že hrozný, „Skusal som wysiwyg editor v style drag and drop“.

Underko
Koukni na tohle, písto textu dej druhý obrázek:
Text na obrázku pomocí pozicování http://teststranek.kvalitne.cz/text-na-obrazku-1/
Text na obrázku pomocí background-image http://teststranek.kvalitne.cz/text-na-obrazku-2/

Nejjednodušeji by to šlo udělat pomocí záporných marginů (margin-top a margin-left) druhého obrázku.

Dej odkaz na oba obrázky a obrázek toho, jak má výsledek vypadat.
Ve WYSIWYG editotu se ti to s největší pravděpodobností nepovede, pokud neumožňuje přímou editaci kódu.
Underko
Profil *
tu je obrazok ako by to malo vyzerat... dole su obrazky s odkazmy wargames municak atd.
http://yfrog.com/95lolqp
a tu je obrazok ako to vyzera po zobrazeni
http://yfrog.com/95lol2p

kod je samozrejme ako uz viete s editoru:
obrazok ktory je ako podklad <div id="wb_Image5" style="overflow:hidden;position:absolute;left:152px;top:309px;z-index:5" align="left">
<img src="images/bocnemenu.png" id="Image5" alt="" align="top" border="0" style="width:180px;height:724px;"></div>

a obrazky ktore su na vrchu <div id="wb_Line2" style="position:absolute;left:154px;top:671px;width:170px;height:0px;z-index:17" align="left">
<img src="images/img0001.png" id="Line2" align="top" alt="" title="" border="0" width="178" height="8"></div>
<div id="wb_Image17" style="overflow:hidden;position:absolute;left:156px;top:736px;z-index:18" align="left">
<a href="http://www.airsoftmorava.cz"><img src="images/amorava.bmp" id="Image17" alt="" align="top" border="0" style="width:172px;height:40px;"></a></div>
<div id="wb_Image18" style="overflow:hidden;position:absolute;left:156px;top:782px;z-index:19" align="left">
<img src="images/municak.bmp" id="Image18" alt="" align="top" border="0" style="width:172px;height:40px;"></div>
<div id="wb_Image16" style="overflow:hidden;position:absolute;left:156px;top:690px;z-index:20" align="left">
<a href="http://www.wargames.sk" target="_blank"><img src="images/img0002.png" id="Image16" alt="" align="top" border="0" style="width:172px;height:53px;" z-index:1></a></div>
Underko
Profil *
skopirujte si tie odkazy ak by nesly len po kliknuti
underko
Profil *
Halo ludia zije tu niekdo? stale som nedostal odpoved
Chamurappi
Profil
Reaguji na underko:
stale som nedostal odpoved
Jediná otázka, kterou tu vidím, je, jestli tu někdo žije. Ano, žije.
Používej prosím diakritiku a interpunkci.

Byl jsi požádán o odkaz na živou ukázku problému, ten jsi nedodal, dostal jsi proto obecné rady, nevím, co víc chceš slyšet.
underko
Profil *
nemam kam dat cely html subor . tam kde mam stranku je momentalne hodena funkcna stranka ktoru nemozem zrusit. Mam zap. EN klavesnicu preto nepouzivam diakritiku( som slovak takze ta diakritika by vam moc nepomohla) a dal som tu aj odkazy na to ako to vyzera aj kod tu je skopcney... vcom je problem
underko
Profil *
napisste vzor kodu jak by ste vy osobne dali jeden obrazok na druhy.. beztoho aby ten prvy bol ako pozadie
Bubák
Profil
nepouzivam diakritiku( som slovak takze ta diakritika by vam moc nepomohla)
Takú somárovinu som dlho nepočul.

napisste vzor kodu jak by ste vy osobne dali jeden obrazok na druhy.. beztoho aby ten prvy bol ako pozadie
Dva v jednom, stačí použít a jít, a bez namáčení, vlastně z-indexu (využívám přirozený z-index):
<!doctype html public "-//W3C//DTD HTML 4.01//EN">
<title>Obrázek na obrázku</title>
<style>
.posunuty	{
	margin: 0 0 125px -235px;
}
.dolni	{
	position: relative;
	}
.horni	{
	position: absolute;
	top: 55px;
	left: 85px;
}

</style>
<div>
<img src="http://teststranek.kvalitne.cz/images/obrazek-1.jpg"><img
class="posunuty" src="http://www.jakpsatweb.cz/images/kote.gif">
</div>
<hr>
<div class="dolni">
<img src="http://teststranek.kvalitne.cz/images/obrazek-1.jpg">
<img class="horni" src="http://www.jakpsatweb.cz/images/kote.gif">
</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: