Autor Zpráva
Bimbulka
Profil
Dobrý den, mám 2 obrázky vedle sebe a mám "stylový" problém.

Mám vedle sebe 2 obrázky. Ukázka:

<body>
<style>
img {
left: 20px;
top: 50px;
width: 280px;
height: 280px;
}
</style>
<img src="Photo1.png" alt="0">
</body>
<body>
<style>
img {
left: 200px;
top: 50px;
width: 280px;
height: 280px;
}
</style>
<img src="Photo.png" alt="0">

</body>
___________________________________________________________________________________________________________________________
Jenže když chci posunout první obrázek, tak musím změnit 2. style (img {......) A první <style> mi nefunguje, nevíte prosím někdo, proč mi to nefunguje?
Předem děkuji

P.S. Omlouvám se, že kódy nemám v živé ukázce (přišlo mi to zbytečné)
Bubák
Profil
Začátečnici často zbytečně pozicují, to je s velkou pravděpodobností tvůj případ.
První z prvního style nefungují, protože ho přebijí deklarace ze druhého style.
Pokud k tomu není vážný důvod, je vhodné zadávat rozměry obrázků HTML atributem, nikoliv v CSS stylu.
Nevypadlo ti při přepisu něco, tak, jak to je napsané, pozicování nemůže fungovat.

Seznáš základy HTML a CSS, jen lepíš kódy.
Bimbulka
Profil
Takže zrušit style? Jak pak ale můžu pozicovat obrázky?
lionel messi
Profil
Bimbulka:

1. Kódy do diskusie, prosím, vkladaj ako kódy.

2. Už ti tu kolegovia radili, že máš používať vývojárske nástroje.

Keby si tie vývojárske nástroje používal, videl by (prinajmenšom v Mozille) čosi takéto:

Vlastnosť top nemá na tento prvok žiadny vplyv, pretože nejde o prvok s definovanou pozíciou.

Skúste nastaviť vlastnosť position na inú hodnotu ako static.


Takže zrušit style?

Nie, iba top a left.

Jak pak ale můžu pozicovat obrázky?

Napríklad marginom.

Ak si žena, ospravedlňujem sa za chlapské oslovenie.
Bimbulka
Profil
Děkuji za odpověď.
Jenom se zeptám, jde toto udělat i v HTML prosím?
lionel messi
Profil
Bimbulka:
Jenom se zeptám, jde toto udělat i v HTML prosím?

Nie.
Bimbulka
Profil
lionel messi:
dobře, děkuji

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0