Area shapes positie

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Marco Eilander

Marco Eilander

24/03/2013 21:56:43
Quote Anchor link
Hallo allemaal,

Ik ben na een tijdje werken met HTML en CSS ook achter :<area shape="" />, gekomen.
Nu ben ik al vele tuts door geweest en dit ben ik nu te weten gekomen :

A, B, C, D posities.
Van wat voor soort shape je wilt, bijvoorbeeld : "rect".

Nu zit ik met 1 probleem.
Ik weet totaal niet hoe ik nou een positie moet bereiken die ik wil.

Hier een afbeelding :
Afbeelding


Het lukt mij dus niet, om de posities te krijgen van de getallen op het afbeelding.
Kan iemand mij uitleggen hoe de posities precies werken?

Ik neem aan dat het ongeveer zo werkt :
- X positie
- Y positie
- Vormgeving (rect)
- de andere 2 positie getallen is voor mij dan een raadsel

Alvast bedankt!

Groetjes,
Marco
Gewijzigd op 25/03/2013 15:44:06 door Marco Eilander
 
PHP hulp

PHP hulp

03/01/2025 12:13:36
 
Frank Nietbelangrijk

Frank Nietbelangrijk

24/03/2013 23:15:59
Quote Anchor link
Hoi Marco,

<area> geeft niet de positie van de muis door mocht je dat soms denken. je maakt hiermee gebieden in een image waarmee je aangeeft wat er moet gebeuren als je er op klikt. een voorbeeld zie je hier:

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap

de getallen die je op dient te geven hangen af van de vorm. om een rechthoek te tekenen heb je vier getallen nodig: twee voor de linkerbovenhoek en twee voor de rechteronderhoek.

voor een cirkel drie: twee voor het middenpunt van de cirkel en één voor de straal.

Voor een polygon kun je voor iedere punt een coördinaat (2 getallen X en Y) opgeven.
 
Marco Eilander

Marco Eilander

25/03/2013 08:55:01
Quote Anchor link
Frank Nietbelangrijk op 24/03/2013 23:15:59:
Hoi Marco,

<area> geeft niet de positie van de muis door mocht je dat soms denken. je maakt hiermee gebieden in een image waarmee je aangeeft wat er moet gebeuren als je er op klikt. een voorbeeld zie je hier:

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap

de getallen die je op dient te geven hangen af van de vorm. om een rechthoek te tekenen heb je vier getallen nodig: twee voor de linkerbovenhoek en twee voor de rechteronderhoek.

voor een cirkel drie: twee voor het middenpunt van de cirkel en één voor de straal.

Voor een polygon kun je voor iedere punt een coördinaat (2 getallen X en Y) opgeven.


Hallo,

Betreft de link die jij melde, daar ben ik al op geweest.
Ik weet verder wel hoe het werkt, alleen lukt het mij niet om het naar een bepaald positie te krijgen van een afbeelding.
 
Frank Nietbelangrijk

Frank Nietbelangrijk

25/03/2013 09:04:39
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
deze maakt een denkbeeldige vierkant tot een snelkoppeling:
<map name="planetmap">
  <area shape="rect" coords="100,50,400,200" alt="Sun" href="sun.htm">
</map>

100,50 = de linker boven hoek
400,200 is de rechter onder hoek
Afbeelding
anders gezegd:
left = 100
top = 50
right = 400
bottom = 200
Gewijzigd op 25/03/2013 09:08:54 door Frank Nietbelangrijk
 
Marco Eilander

Marco Eilander

25/03/2013 09:47:42
Quote Anchor link
@ frank,

Bedankt!
Als ik thuis ben zal ik even een afbeelding uploaden (die het wel doet),
En zal ik daar even op oefenen.

Ik zit nu op een computer die geen bestanden kan opslaan vanaf internet en systeem zelf.


Toevoeging op 25/03/2013 16:18:22:


Ik neem even als voorbeeld nummer 2. Het lukt mij niet om een selectie op dat huisje te krijgen.
Gewijzigd op 25/03/2013 16:20:25 door Marco Eilander
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.