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 img height 100%

None
10 antwoorden
  • Hallo,

    Ik heb de volgende situatie:

    Ik heb een layer die meegroeit met de hoeveelheid tekst erin. Wat ik nu wil doen is een lijn (deze lijn is een afbeelding) naast de tekst plaatsen (float: left) en deze lijn de hoogte meegeven van de layer. Wat ik dus geprobeerd heb is een <img> links uitlijnen en dan style="height:100%;".

    Wat gaat er mis: als ik height:100% aangeef, wordt de hoogte van de orginele afbeelding genomen (in mijn geval 400 px) ipv. dat de hoogte van de layer wordt genomen.

    Heeft iemand tips op dit probleem op te lossen?

    Bedankt
  • De afbeelding van de lijn niet als image in de html plaatsen maar in de stylesheet als achtergrond? (Dan heb je ook niet zo'n grote afbeelding nodig m.b.v. repeat-y)
  • Dat is helaas geen optie. Het is namelijk de bedoeling dat de lijn dun begint en steeds dikker wordt. Hierom kan het helaas niet met een background en dan repeat-y.
  • Maar dan wil je toch juist dat de hele afbeelding van boven naar beneden getoont wordt? Maar waarschijnlijk begrijp ik het niet, want anders vroeg je het miet :-)
    Heb je een voorbeeld online staan, of kun je het anders uitleggen?
  • Ik denk dat TS zoiets bedoeld:
    kleine inhoud:
    [code:1:f5b5eab3d3]
    |
    ||
    |||
    [/code:1:f5b5eab3d3]
    grote inhoud:
    [code:1:f5b5eab3d3]
    |
    ||
    |||
    ||||
    |||||
    ||||||
    [/code:1:f5b5eab3d3]
    En dat dus met 1 afbeelding realiseren. Volgens mij is dat mogelijk door het als background-image in te stellen.
  • Dat is inderdaad wat ik oorspronkelijk ook bedoelde. Die repeat-Y was maar een sidenote; dat je dat dan ook meteen kan doen als je wilt.
  • dank voor jullie reacties.

    het gaat om de volgende afbeelding: http://www.digitaldreamworks.nl/karowiec/images/line.jpg

    Het is dus de bedoeling dat de eerste regel bij het begin van die lijn staat en de tweede regel aan het eind. Wat er zou gebeuren als ik deze als background instel is dat de afbeelding herhaald wordt, hierom is dit geen optie voor mij. Vandaar de misschien wat omslachtige optie van height: 100%


    Groet!
  • En als je iets doet als:
    [code:1:40208fdd15]
    #element_in_kwestie {
    background: url('images/line.jpg') no-repeat top left;
    }[/code:1:40208fdd15]
    Moet je alleen nog zorgen dat de afbeelding groot genoeg is voor het element.
  • Dat kan idd, echter css kan op dit moment nog geen background resizen (komt er wel aan!!!). Dan zou dus iedere keer niet de volledige lijn worden getoond waardoor het effect weg is.

    Ik ben lastig he(A)
  • Op die fiets…
    Background-size wordt inderdaad pas in CSS3 ondersteund, dus dat is geen optie. Er is wel een work-around voor. Die kan ik wel uitleggen, maar een linkje plakken gaat sneller. ;)

Beantwoord deze vraag

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