Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] clip functie

4 antwoorden
  • Ik wil een plaatje laten zien, maar dan in 4 delen die samen 1 geheel vormen. Dus een vierkant, verdeeld in 4 gelijke delen. De gebruiker ziet als eindresultaat gewoon een compleet plaatje. Deze 4 delen wil ik als button gaan gebruiken, apart van elkaar. Nu dacht ik dat dit met de clip functie kon, maar ik doe iets fout, want het werkt voor geen meter. [code:1:a59a81016f]@charset "iso-8859-1"; img.pos1 { position:absolute; left:0px; top:0px } img.pos2 { position:absolute; left:0px; top:0px } img.pos3 { position:absolute; left:0px; top:0px } img.pos4 { position:absolute; left:0px; top:0px } img.img1 { clip:rect(0px 50px 10px 0px) } img.img2 { clip:rect(50px 100px 10px 0px) } img.img3 { clip:rect(100px 150px 10px 0px) } img.img4 { clip:rect(200px 250px 10px 0px) }[/code:1:a59a81016f] [code:1:a59a81016f]<html> <head> <link rel="stylesheet" type="text/css" href="maickel.css" /> </head> <body> <center> <img class="pos1 img1" border="0" src="who.jpg"> <img class="pos2 img2" border="0" src="who.jpg"> <img class="pos3 img3" border="0" src="who.jpg"> <img class="pos4 img4" border="0" src="who.jpg"> </body> </html>[/code:1:a59a81016f]
  • Is er een speciale reden dat je niet gewoon image buttons gebruikt? Als je toch al 4 aparte plaatjes hebt lijkt dat me het makkelijkst... - Bas
  • Ik heb al verschillende websites gemaakt met buttons, nu wil ik eens wat anders. En dan het liefste met zoveel mogelijk ondersteuning van CSS, want dan leer ik dat ook eens. :wink:
  • Als je CSS wilt gebruiken, zou ik je aan raden te letten op: - hoe het zit met [url=http://hsivonen.iki.fi/doctype/]doctypes[/url]; - beter gebruik van [url=http://joshuaink2006.johnoxton.co.uk/blog/330/avoiding-classitis]classes[/url]; - welke elementen door CSS vervangen kunnen worden (<center>); - de basis, niet het gebruik van exotische properties als clip. Heb clip trouwens nog nooit gebruikt, wel interessant... Het werkt bij mij wel, zie de [url=http://home.versatel.nl/boelie-boelie/test/css-clip-property/]online testcase[/url]. Ligt er wellicht aan dat je vergeten hebt de plaatjes links mee te geven. [b:a67c82ab01]edit[/b:a67c82ab01]: voor de duidelijkheid, de linkerkant van het plaatje in de testcase linkt naar Google, de rechterkant linkt naar Ilse. M.a.w. met clip bewerk ik twee [i:a67c82ab01]gedeelten[/i:a67c82ab01] van het plaatje, terwijl de twee gedeelten tezamen één geheel vormen. Was dat niet bedoeling?

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.