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)

Probleempje met de combinatie label en textarea

None
2 antwoorden
  • Hallo mensen!

    Ik heb namelijk een probleempje met de volgende code:

    [code:1:65af15b954]
    <p style="position:relative; left:4px; font-size:10pt; margin:5px; padding:4px;">
    <label style="margin:0; padding:4px;">
    Tekst..
    </label><br>
    <textarea style="position: relative; left:5px; top:2px;">
    </textarea><br>

    [/code:1:65af15b954]

    Ik krijg dan namelijk, als de tekst in het label langer dan een regel wordt, de eerste regel van het label springt dan in, maar de tweede niet en begint gewoon voor aan de regel…..

    Hoe komt dit? en kan ik er wat aan doen??

    Thanks!!
  • Het label element is standaard van zichzelf een 'inline' element en deze gedraagt zich in principe net zo als je van normale tekst verwacht.
    De linker en rechter margins en paddings kunnen echter alleen de afstand tov andere inline elementen beinvloeden als deze op dezelfde lijn
    egel zitten als het begin/eind van het betreffend element met de margin/padding.
    De top/bottom margins/paddings werken wel, maar beinvloeden -voor zover ik weet- geen andere boxes.

    Misschien wil je dit ongeveer hebben:
    [code:1:32287a1013]
    <p style="position:relative; left:4px; font-size:10pt; margin:5px; padding:4px;padding-left:10px;">
    <label>
    Tekst..
    </label><br>
    <textarea>
    </textarea><br>
    [/code:1:32287a1013]
    Als je de textarea nog wat meer naar rechts of naar links wil hebben, dan kun je de margin ervan aanpassen.

Beantwoord deze vraag

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