4 berichten aan het bekijken - 1 tot 4 (van in totaal 4)
  • Q:

    Bijdrager
    One Less Thing

    foto formaat in css

    Hallo

    Voor een website heb de volgende probleem stelling. Ik heb twee type foto’s. Het eerste type is pasfoto’s. En het tweede type is bijv. huisdieren.

    Nu wil ik pasfoto’s standaard op de site afbeelden met de afmeting 100×150 pixels. En de huisdieren wil ik standaard afbeelden in de afmeting 200×250 pixels.

    nu kan ik in de html dat bij elk plaatje afzonderlijk in de img tag vast zetten. Maar in mijn ogen zou ik ipv de widith en height attributen het ook moeten kunnen doen door middel van enkele code in m’n stylesheet.

    Mijn pogingen zijn tot nu toe gestrand. Iemand een idee hoe dit moet ? Voor de duideleijkheid. De plaating moet wel variabel zijn. Dus top en left neem ik voor dit deel niet op in mijn stylesheet.


    Bijdrager
    aerosoul

    class megeven aan je foto’s..

    <img class=”pasfoto” src=”pasfoto.jpg” alt=”pasfoto” />

    <img class=”huisdier” src=”huisdier.jpg” alt=”huisdier”/>

    css:

    img.pasfoto
    {
    width:100px;
    height:150px;
    border:0px
    }

    img.huisdier
    {
    width:200px;
    height:250px;
    border:0px
    }


    Bijdrager
    One Less Thing

    hmm… ik zat in de goede richting …siimpel dus… toch erg bedankt… :lol:


    Bijdrager
    aerosoul

    graag gedaan.. is inderdaad erg simpel dat img hoeft er eigenlijk niet voor maar zorgt er voor dat enkel de img tags met die class dit meekrijgen.

    en zolang je hier geen positiedingen aan meegeeft is het goed variabel.

4 berichten aan het bekijken - 1 tot 4 (van in totaal 4)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.