html onmousover afbeelding op een andere positie - Softwareontwikkeling

zondag 12 januari 2014 00:49

Acties:

Verwijderd

Topicstarter

Hallo geachte forumleden,

Ik weet een heel klein beetje van html en met veel proberen lukt er nog wel eens iets.
Nu zit ik met een probleempje betreffende onmouseover.
De afbeelding die ik daar oproep wil ik graag een stuk naar rechts verschoven hebben.
Wat is daarvoor de code, en waar plaats ik die dan precies?
Heb voor de gelegenheid even een stukje code geschreven, waarbij ik graag de afbeelding van de vlinder (die verschijnt bij een mouseover) kleiner wil hebben, en een heel stuk naar rechts verschoven.
==================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>
<a href="http://www.veelzijdiggroen.nl">
<img onmouseout="this.src='http://static.kwaliteitsplanten.nl/website/Templates/Kameleon/Images/sleutelklein.gif'"
onmouseover="this.src='http://www.veelzijdiggroen.nl/2012/achillea_umbellata_12%20(4).jpg'"
src="http://static.kwaliteitsplanten.nl/website/Templates/Kameleon/Images/sleutelklein.gif" />Vlinder
</a>
</body>
</html>

==================
Iemand een oplossing?
Alvast hartelijk bedankt !!

Harry

zondag 12 januari 2014 10:25

Acties:

P.O. Box

ik zou een style aan de a href toevoegen met een aparte hover style daarbij... in de styles definieer je dan een background voor de basisstyle en de hoverstyle.... in de styles kun je dan de position definieren van de background....

zie bijv:
http://www.w3schools.com/cssref/pr_background-image.asp

zondag 12 januari 2014 10:28

Acties:

Sircuri

Volledig Appelig

Dit is niet echt de plaats om kant en klare oplossingen te vragen. Er is op internet genoeg voorbeeld materiaal te vinden dat doet wat jij wil.
Zoek eens op JavaScript en positioneren van html elementen d.m.v. CSS.
Al geef je aan dat je niet veel kennis hebt van html. Mij lijkt dit dus ook nog veel te hoog gegrepen.

Signature van nature

zondag 12 januari 2014 22:24

Acties:

Verwijderd

Topicstarter

PO Box en Sircuri bedankt voor jullie reactie !!
Ik had ook al veel op internet gezocht maar kon het daar niet vinden. Vooral omdat ik alleen maar code kan plaatsen in de body. Het wordt gebruikt in een webwinkel die ik lease, en die laat eigengemaakte code in de header niet toe.
Met veel zoeken vandaag toch gevonden en gemaakt in een html editor. Het restultaat was naar tevredenheid, echter bij het kopieeren in de webwinkel bleken bepaalde gedeeltes van de code niet geaccepteerd te worden. Dat zijn nou eenmaal de beperkingen van het huren van zo'n format.
OK dan. Heb er van geleerd :-) bedankt !!