Autor Zpráva
seeyouinhell
Profil
Ahoj.
Mám dotaz.
Mám pár obrázků a zajímá mě jak udělat aby když najedu na ně myší aby se mi "zvětšili" Mají třeba velikost 100*100 a když na ně najedu myší zvětší se třeba na 120*120 a mají rám.
Jde tohodle efektu docílit vůbec v PSPAD?
panther
Profil
seeyouinhell:
PSPad je jen textový editor, ne webový prohlížeš či cokoliv jiného.

když najedu na ně myší
to může být třeba pseudotřída :hover.
seeyouinhell
Profil
ano hover ale nevím jak to mám zapsat, jak mám zapsat aby když najedu myší aby přes hover se obrázek zvětšil to tam mám dát odkaz nebo jak?
Bubák
Profil
seeyouinhell:
Rozumíš aspoň trochu této větě?
to může být třeba pseudotřída :hover.
seeyouinhell
Profil
jejda to mi nemůžete říct jak na to? potřebuju vědět kód abych pochopil proč zrovna takhle, né aby mi tady někdo citoval
whocares
Profil *
co třeba zapojit vlastní hlavu ? do cs stylu si nastyluj jako odkaz obrazek a pri jeho HOVER "funkci" si odkaz na dalsi obrazek, ale zvetseny, veda ze ?
jde to urcite i jinak, ale tobe tohle bude stacit.
Bubák
Profil
whocares:
do cs stylu si nastyluj jako odkaz obrazek a pri jeho HOVER "funkci" si odkaz na dalsi obrazek, ale zvetseny
Přiznám se, že tomu nerozumím, rád věděl, co máš na mysli formulací „nastyluj jako odkaz obrazek“, a též nechápu, jak v CSS odkázat na další obrázek, odkazovat umím jen v HTML.
Stano
Profil *
<style>
   img.obrazok{
   border: 1px solid blac;
   width: 100px;
   height: 100px;
   }
   
   img.obrazok:hover{
   border: 5px solid blac;
   width: 150px;
   height: 150px;
   }
   </style>
  <img src="" class="obrazok">
Bubák
Profil
Stano:
Já bych přidal i změnu marginu při hoveru, jinak obrázek a jeho okolí bude nepříjemně poskakovat.
Rozměr obrázku bude lepší dát do HTML, do CSS jen změnu při hoveru.
Předpokládám, že barva "blac" je jen přehlédnutý překlep "black".

<style>
  img	{
  margin: 12px;
}
  img:hover	{
  margin: 0;
  border: 2px solid green;
	height: 120px;
	width: 120px;
}
</style>

<img src="bubak.jpg" height="100" width="100">
Stano
Profil *
Bubák:
Jop to bol preklep. hej máš pravdu. ten margin mi vôbec nenapadol. prečo myslíš že dávať veľkosť obrázku do html je lepšie?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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