Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] clip functie

Rumaro
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 doctypes;
    - beter gebruik van classes;
    - 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 online testcase. 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

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