Beste Tweakers (en andere),
Ik heb een vraag/probleem. En dat is het volgende ik ben bezig met het maken van een pagina waar men een bericht kan plaatsen en daarbij een foto of/en een bestand kan 'hangen'. Dit maak ik in PHP en MySQL. Nu return ik in PHP dmv een WHILE loop alle records.
Ik return deze in verschillende DIVjes. Nu heb ik het zo gemaakt dat waar er een foto aan het artikel hangt dat deze dan in een div verschijnt. Deze DIV verschijnt dan NAAST de DIV waar het bericht van het artikel staat. Dus zij delen de breedte van de containerDIV die daaromheen zit.
Nu heeft de foto een standaard grote van maximaal 150PX. De container DIV word opgerekt wanneer er een foto aan het artikel in gekoppeld. Dus deze container word dan 150PX hoog. Nu wil de DIV waar het artikel in staat. Dat is de DIV die naast de foto staat niet even hoog worden.. Deze moet dus even hoog worden dan de foto DIV. (Wanneer er genoeg text in staat gebeurd dit wel.. want dan goeit hij mee met de content)
Ik heb een aantal plaatjes te verduidelijking.
Nu is plaatje A een bericht zonder foto. Maar met de standaard hoogte van die 150PX van een foto. Alleen nu staat er een gedeelte niets. Onder de text... In dit geval valt dit nog mee maar wanneer er 1 zin staat is dit nog erger.
Plaatje B is een bericht met foto. Deze is goed. Zo wil ik hem hebben als er een foto aan toegevoegd is.
Plaatje C is zoals ik het wil wanneer er geen foto aan het artikel is toegevoegd. Deze heeft geen standaard hoogte en groeit dus mee met de inhoud.
Plaatje D is dus ook zonder standaard hoogte maar dan groeit dus de DIV waar het bericht instaat niet mee met de hoogt van de foto.... en dus krijg je een gedeelte waar je dus de container ziet.
Wie kan mij helpen....?
Ik heb een vraag/probleem. En dat is het volgende ik ben bezig met het maken van een pagina waar men een bericht kan plaatsen en daarbij een foto of/en een bestand kan 'hangen'. Dit maak ik in PHP en MySQL. Nu return ik in PHP dmv een WHILE loop alle records.
Ik return deze in verschillende DIVjes. Nu heb ik het zo gemaakt dat waar er een foto aan het artikel hangt dat deze dan in een div verschijnt. Deze DIV verschijnt dan NAAST de DIV waar het bericht van het artikel staat. Dus zij delen de breedte van de containerDIV die daaromheen zit.
Nu heeft de foto een standaard grote van maximaal 150PX. De container DIV word opgerekt wanneer er een foto aan het artikel in gekoppeld. Dus deze container word dan 150PX hoog. Nu wil de DIV waar het artikel in staat. Dat is de DIV die naast de foto staat niet even hoog worden.. Deze moet dus even hoog worden dan de foto DIV. (Wanneer er genoeg text in staat gebeurd dit wel.. want dan goeit hij mee met de content)
Ik heb een aantal plaatjes te verduidelijking.
Nu is plaatje A een bericht zonder foto. Maar met de standaard hoogte van die 150PX van een foto. Alleen nu staat er een gedeelte niets. Onder de text... In dit geval valt dit nog mee maar wanneer er 1 zin staat is dit nog erger.
Plaatje B is een bericht met foto. Deze is goed. Zo wil ik hem hebben als er een foto aan toegevoegd is.
Plaatje C is zoals ik het wil wanneer er geen foto aan het artikel is toegevoegd. Deze heeft geen standaard hoogte en groeit dus mee met de inhoud.
Plaatje D is dus ook zonder standaard hoogte maar dan groeit dus de DIV waar het bericht instaat niet mee met de hoogt van de foto.... en dus krijg je een gedeelte waar je dus de container ziet.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
| #container-artikel {
/*width: 700px;
\width: 720px;
w\idth: 700px;*/
border: 1px solid gray;
margin: 10px;
margin-left: 5px;
margin-right: 5px;
padding: 0px;
}
#banner-artikel {
padding: 1px;
margin-bottom: 1px;
background-color: rgb(213, 219, 225);
}
#foto-artikel {
float: right;
width: 200px;
\width: 202px;
w\idth: 200px;
margin: 0;
margin-left: 0px;
padding: 0px;
background-color: rgb(213, 219, 225);
}
#content-artikel {
padding: 1px;
/*height: 151px;*/ /* wanneer ik deze aanzet krijg ik dus plaatje A en B, nu krijg ik plaatje C en D
margin-right: 0px;
background-color: rgb(213, 219, 225);
}
#footer-artikel {
clear: both;
padding: 1px;
margin-top: 1px;
background-color: rgb(213, 219, 225);
}
#bestanden-artikel {
clear: both;
padding: 1px;
margin-top: 1px;
background-color: rgb(213, 219, 225);
} |
Wie kan mij helpen....?
/u/7685/ruinmytune-60x60.png?f=community)
:strip_exif()/u/105445/zidane2.gif?f=community)
:strip_exif()/u/39521/icoon.gif?f=community)
/u/16790/dirkjan-got.JPG?f=community)