Div is img +50

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Sander A

Sander A

27/02/2011 22:28:08
Quote Anchor link
Hallo allen,

Ik zit met het volgende en heb al veel op internet gezocht maar zonder resultaat,

Ik zit het het volgende

Als ik een div hem waarin een img staat, dan moet de div de hoogte van de img krijgen +50 px.

De hoogtes van de afbeeldingen varieëren, dus ik kan geen vaste hoogte meegeven, wie heeft er een idee?

Groeten
 
PHP hulp

PHP hulp

21/12/2024 19:18:40
 

27/02/2011 22:31:53
Quote Anchor link
Margin / padding?
 
Wouter J

Wouter J

27/02/2011 22:54:40
Quote Anchor link
Je moet dan gaan werken met padding
 
Sander A

Sander A

28/02/2011 15:40:24
Quote Anchor link
Ja dat zou kunnen met html,

Probleem is, dat ik een systeem aan het maken ben dat niet te benaderen is met de html, hij zou dus de hoogte van de img automatisch moeten nemen en daar 50 aan toevoegen.
 
Wouter J

Wouter J

28/02/2011 15:43:23
Quote Anchor link
Padding hoeft ook geen hoogte te hebben, verder is padding CSS en geen HTML.
 
Sander A

Sander A

28/02/2011 15:45:25
Quote Anchor link
CSS of Html, dat verschil zie ik nog wel in,

krijg ik dan gewoon een div met padding-bottom 50px?

Is hij dat automatisch 50 hoger dan de img ongeacht de grootte? Nee toch?
 
K i p

K i p

28/02/2011 15:50:47
Quote Anchor link
Jewel. Geef de div maar eens een border van één pixel mee, dan zie je precies wat er gebeurt. Padding zit tussen border en content, margin zit buiten de border. Dus als je de div een padding-bottom van 50px meegeeft, dan zal er tussen de content in de div, en de border een ruimte van 50px ontstaan.
 
Sander A

Sander A

28/02/2011 15:51:39
Quote Anchor link
Ah dan zal het daar wel in zitten,

Stom van mij dat ik dat zelf niet heb bedacht...

Mochten er nog vragen zijn dan laat ik dat weten

Alvast bedankt

Toevoeging op 28/02/2011 22:02:35:

Ik zit toch met een probleem, het wil me niet lukken,

ik heb de volgende code:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
div.1{
    width: 100%;
    margin-left:5px;
    margin-top:0px;
    padding-bottom:50px;
}

div.2 {
    float:right;
    margin-right:50px;
    margin-left:5px;
}


Om de een of andere rede werkt hij alleen als ik een hoogte toevoeg aan div 1 en ik kan de opslossing niet vinden
 
Jason van der Zeeuw

Jason van der Zeeuw

03/03/2011 18:08:24
Quote Anchor link
vreemd..,

dus je moet de height en width meegeven zodat de padding het doet?
normaal gesproken word automatisch de afbeeldingsgrote gepakt, en daar dan gewoon 50px padding aanvast toch?
 
Sander A

Sander A

03/03/2011 18:11:03
Quote Anchor link
Dat dacht ik dus ook, maar wat er dan gebeurd is dat het met de afbeeldingen goed gaat, maar de tekst die ook in de div staat word dan gewoon onder elkaar geplakt als 1 lange tekst
 
Wouter J

Wouter J

03/03/2011 18:56:10
Quote Anchor link
Classnamen mogen nooit beginnen met een cijfer.
 
Sander A

Sander A

03/03/2011 21:18:20
Quote Anchor link
Die naam hangt er enkel aan omdat de eigenlijke namen niet relevant zijn
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.