Toon posts:

[CSS] MySQL gegevens in div vergroten div niet *

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik ben aan het werken aan mijn eerste echte PHP site maar nu ik aan het design werk zit ik vrij vast, ik heb al vanalles geprobeert (vanacht en deze ochtend uren op zitten zoeken) maar vind geen oplossing...

Wat er gebeurt:
Ik heb een div in een div in een div ... met daarin een $ die properkes getoont word in de php maar de div waarin die staat vergroot niet (height verandert niet ookal is height auto), als ik hier gewoon tekst typ vergroot deze wel.
(in Internet Explorer en Opera werkt dat wel, in Firefox en Kameleon niet)

de mogelijk relevante CSS:
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
#nieuws
{
    margin-left: 25px;
    margin-right: 55px;
    margin-top: 0px;

    width: 480px;
    height: auto;

    background: url('images/recepten/midden.gif');
}

    #nieuwshoofding
    {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
    
        width: 480px;
        height: 25px;
    
        background: url('images/recepten/top.gif');
    }
    
        #nieuwsnaam
        {
            float: left;
            font-size: 15px;
            margin-left: 32px;
        }
        
        #nieuwsdatum
        {
            float: right;
            margin-right: 15px;

            font-size: 12px;
        }
    
    #nieuwsmiddenstuk
    {
        margin-left: 10px;
        margin-top: 0px;
        margin-right: 6px;
    
        width: 464px;
    }
    
        #nieuwscommentaar
        {
            float: left;
            width: 348px;
        }
        
        #nieuwsfoto
        {
            float: right;
            margin-right: 0px;
            margin-top: 0px;
            width: 100px;
        }

    #nieuwsvoetnoot
    {
        margin-left: 0px;
        margin-right: 0px;
        width: 480px;
        height: 20px;
        background: url('images/recepten/voetnoot.gif');
    }


de PHP:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php...
  $sql="SELECT naam, datum, commentaar, foto
          FROM recepten
          ORDER BY datum DESC LIMIT 5";

  $result=mysql_query ($sql);

  while ($row=mysql_fetch_assoc($result)){

    $naam=$row["naam"];

    $datum=$row["datum"];

    $commentaar=$row["commentaar"];

    $foto=$row["foto"];


    echo "<voorwoordtitel>Nieuwste recepten:</voorwoordtitel><br><div id='nieuws'><div id='nieuwshoofding'><div id='nieuwsnaam'><a href='index.php?pagina=recepten&recept=$naam'>$naam</a></div><div id='nieuwsdatum'>$datum</div></div>  <div id='nieuwsmiddenstuk'><div id='nieuwscommentaar'>$commentaar</div><div id='nieuwsfoto'>[img]'$foto'[/img]</div></div><br><div id='nieuwsvoetnoot'></div></div><br>";

  }

?>


Linkje naar de pagina zelf:
http://ns5.budgetwebserve...c/index.php?pagina=nieuws

Er zijn nog wel wat van die imo rare fouten maar die zijn iets minder van belang en zal ik nog een tijdje op zoeken voor ik ze hier post.

Verwijderd

Had ik laatst ook. Heb wegens tijdgebrek er maar een tabel van gemaakt, maar dat wil je niet horen natuurlijk.

Verwijderd

Topicstarter
Verwijderd schreef op maandag 03 januari 2005 @ 14:43:
Had ik laatst ook. Heb wegens tijdgebrek er maar een tabel van gemaakt, maar dat wil je niet horen natuurlijk.
tabel is een noodoplossing of voor als het echt niet met puur CSS gaat (cross-browser)

PS: is dat met tabel in alle veelgebruikte browsers werkende?

Verwijderd

Verwijderd schreef op maandag 03 januari 2005 @ 14:47:
[...]

tabel is een noodoplossing of voor als het echt niet met puur CSS gaat (cross-browser)

PS: is dat met tabel in alle veelgebruikte browsers werkende?
Ja. Dat is het vervelende nou juist. Je wordt niet gestraft als je geen div's gebruikt.

  • Johnny
  • Registratie: December 2001
  • Laatst online: 10:36

Johnny

ondergewaardeerde internetguru

In je CSS moet #nieuwscommentaar geen float zijn.

In je HTML moet #nieuwsfoto binnenin #nieuwscommentaar staan.

[ Voor 13% gewijzigd door Johnny op 03-01-2005 14:54 ]

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.


Verwijderd

Topicstarter
Johnny schreef op maandag 03 januari 2005 @ 14:53:
In je CSS moet #nieuwscommentaar geen float zijn.

In je HTML moet #nieuwsfoto binnenin #nieuwscommentaar staan.
Hoe krijg ik dan dat prentje (#nieuwsfoto) recht naast de tekst in #nieuwscommentaar? (met gewoon float: right; lijkt het niet te werken)

  • Creepy
  • Registratie: Juni 2001
  • Laatst online: 18-05 22:02

Creepy

Tactical Espionage Splatterer

CSS is clientside, dus hoort in W&G

P&W -> W&G

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have _star_ problems" --Kevlin Henney


Verwijderd

Topicstarter
Creepy schreef op maandag 03 januari 2005 @ 15:05:
CSS is clientside, dus hoort in W&G

P&W -> W&G
dacht dat het mss te maken had met die database of PHP, vandaar...

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 18-05 15:06

Pelle

🚴‍♂️

Het enige waar wij wat mee te maken hebben is de ouput in HTML.

Verwijderd

Topicstarter
oplossing gevonden: div met foto voor div met tekst zetten... :)
merci vo de hulp, die kleine veranderingen hadk zelf wss niet gevonden

@mod: sluit of verwijder dit topic aub (ik kan het zelf niet sluiten he?)

[ Voor 58% gewijzigd door Verwijderd op 03-01-2005 16:20 ]


Verwijderd

Topicstarter
@ pelle:
in dat andere topic dat ik opende is er toch iets anders mis? (wrom gesloten?)

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 18-05 15:06

Pelle

🚴‍♂️

Waarom ga je hier dan niet verder? Vind het onzin om 2 topics te openen.

Verwijderd

Topicstarter
Pelle schreef op maandag 03 januari 2005 @ 16:33:
Waarom ga je hier dan niet verder? Vind het onzin om 2 topics te openen.
ok, dacht gewoon dat dat het geheel overzichtelijker hield doordat titel van topic dan op topicvraag slaat, maar np, ff copypasten...

Mijn tweede prob dus:

Ik ben bezig met een siteje in PHP, alle pagina's worden geinclude in een centrale div,
als ik een bepaalde pagina include komt er onder die div ruimte tussen die div en die daar onder.
Dit gebeurt alleen in Firefox, Opera en Kameleon, niet in IE.

Ik heb de volledige CSS, PHP en HTML meermaals doorgenomen maar zie niet waar het fout zou kunnen zitten. ;(

Link naar pagina:
http://ns5.budgetwebserve...c/index.php?pagina=zoeken
op de andere paginas van de site gebeurt dit niet dus zou volgens mij alleen aan de inhoud van de div kunnen liggen

PHP en HTML die in div geladen word:
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
<div id="zoeken">

<?php

...connectiegegevens...

mysql_connect($server, $username, $password); 
mysql_select_db($database); 


if($_SERVER['REQUEST_METHOD'] == 'POST')
{

    $search = $_POST['search'];
    $query = "SELECT * FROM recepten WHERE naam LIKE '%" . $search . "%'";
    $select = mysql_query($query);
    $result = mysql_num_rows($select);

    if($result == 0)
      echo "Er zijn geen recepten gevonden met de zoekterm <b>$search</b>!";
    else
    {

        if($result == 1)
          echo 'Er is 1 recept gevonden!<br><br>';
        else
          echo 'Er zijn ' . $result . ' recepten gevonden!<br><br>';

        while($obj = mysql_fetch_object($select))
            echo "<li><a href='index.php?pagina=recepten&recept=$obj->naam'>$obj->naam</a> uit $obj->soort </li> <br>";

    }

} else
{

?>

<form method="POST">
<input type="text" name="search">
<input type="submit" name="zoeken" value="Zoeken!">
</form>

<?php
}
?>

</div>


PHP, HTML in index.php die mss een rol speelt:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
        <div id="inhoud">
            
            <?php
                switch($_GET['pagina'])
                {
                    case'nieuws':$pagina="nieuws";break;
                    case'menu':$pagina="menu";break;
                    case'recepten':$pagina="recepten";break;
                    case'kooklinks':$pagina="kooklinks";break;
                    case'zoeken':$pagina="zoeken";break;
                    default:$pagina="nieuws";
                }
                $extensie="php";
                include($pagina.".".$extensie);
            ?> 

        </div>
    </div>
    <div id="voetnoot">

        <a href="http://users.skynet.be/six/sixhome/index.htm" target="_blank">Sixhome Webdesign</a> | © | <a href="mailto:tonim@pi.be">Toni Merckx</a>

    </div>


en ook even de CSS die er iets mee te maken zou kunnen hebben hier zetten:
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
49
50
51
52
53
54
55
56
57
58
59
60
61
#container
{
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;

    width: 800px;

    background: #F7941D;
}

#middenstuk
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#inhoud
{
    margin-left: 120px;
    margin-right: 120px;
    margin-top: 0px;

    width: 560px;

    background: #FFD900;
    color: #000000;

    min-height: 350px;
*   height: 350px;
}

#zoeken
{
    margin-left: 30px;
}

#zoeken li
{
    list-style-position: outside;
    list-style-type: circle;
}


#voetnoot
{
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;

    height: 20px;
    width: 800px;

    background: url('images/voetnoot.gif');

    text-align: center;
    padding-top: 6px;
}

[ Voor 13% gewijzigd door Verwijderd op 03-01-2005 16:42 ]

Pagina: 1