Afbeeldingen onder elkaar

Status
Niet open voor verdere reacties.
R

rambomambo

Gebruiker
Lid geworden
9 dec 2012
Berichten
163
Beste

ik heb dus het probleem met 2 afbeeldingen onder elkaar te plaatsen

<body>

<p><img class="afb" src="images/ls_index.jpg"/>
<a href="landschappen.html">Landschappen</a>
<br />
<br />
een collectie landschappen uit de hele wereld
</p>
<br />
<p><img src="images/ar_index.jpg" /></p>




</body>
Klik om te vergroten...

maar ik heb dus een css regel die zegt dat de float left is dus dat mijn afbeeldingen links moeten komen en dat er een stuk tekst rechts van de afbeelding moet komen dit werkt perfect maar nu wil ik een 2de foto eronder plaatsen maar die zet hij er half onder maar recht van de afbeelding
is er hier een oplossing voor ???

Alvast bedankt
 
Met de code die je hebt geplaatst zou het in principe geen probleem mogen zijn,
omdat beide afbeeldingen in een eigen <p>-element staan. Dat is een block-level element dus die begint steeds op een nieuwe regel.

Maar er zijn wel een paar andere problemen:
  1. je post maar een heel kleine stukje html-code en helemaal geen css-code, dus we hebben geen enkel inzicht in de werkelijke situatie
  2. je bent niet helemaal duidelijk in je omschrijving, dus is niet 100% duidelijk wat je wilt.
Het eerste is op te lossen met een link naar de pagina waar het om gaat.
Het tweede is op te lossen door een duidelijker omschrijving.

maar die zet hij er half onder
Klik om te vergroten...
Bedoel je: de helft van de afbeelding of
bedoel je: schuin onder de andere afbeelding (bijv. gedeeltelijk onder de rechter-helft)


maar recht van de afbeelding
Klik om te vergroten...
Misschien wilde je hier schrijven: maar rechts van de afbeelding
Misschien wilde je hier schrijven: maar recht onder de afbeelding
ik weet het niet, vertel jij het maar.



Als je geen link kunt geven naar een werkelijke pagina,
dan moet je in ieder geval zoveel mogelijk relevante code posten.
 
Zelf ben ik meer fan van het gebruik van display: inline-block. Probeer het volgende eens:

Code: 
p {
 display: block;
}
img {
 display:inline-block;
 vertical-align: top;
}
a {
 display:inline-block;
 vertical-align: top;
}

Hier maak je van de p een blok die de hele breedte gebruikt. De afbeelding en tekst komen dan naast elkaar.
 
op deze foto zie je dus het resultaat met mijn code bovenaan dus ik zou willen de foto's onder elkaar willen met die tekst naast de foto met een br lukt het maar kan je dit niet oplossen met een css regel ???


html.jpg
 
Dit kun je zeker met CSS oplossen. Heb je mijn bovenstaande code al geprobeerd?
 
ja rolf heb die css code van jou net eens geprobeerd maar het resultaat blijft hetzelfde
ik programmeer het met visual studio 2012 normaal zou dit toch ook geen problemen mogen geven denk ik
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan