1e naam niet hetzelfde CSS als 2e naam

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Pietje akkers

pietje akkers

18/11/2011 12:32:51
Quote Anchor link
Ik heb een klein 'gastenboek' gemaakt, maar mijn 1e naam die lijnt heel anders uit als mijn 2e naam, als mijn margin-top: 30px; is dan is mijn 1e naam van een reactie goed, maar mijn 2e naam van de volgende reactie is heel anders uitgelijnt.. dit is mijn code:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<?php

include 'config.php';

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

    $naam = $_POST['naam'];
    $subject = $_POST['onderwerp'];
    $bericht = $_POST['bericht'];
    
    $query = "INSERT INTO berichten (user, subject, bericht)
              VALUES ('$naam', '$subject', '$bericht')"
;
    
    $result = mysql_query($query)
              or die(mysql_error());
    
    header ('refresh: 3; url=gastenboek.php');
    echo "Uw bericht is toegevoegd, u wordt terug gestuurd.";
}


else
{
        $query = "SELECT *
                  FROM berichten"
;
        
        $res = mysql_query($query) or die(mysql_error());
        
        echo "<div id='container'>";
        
        echo "<br />";
        
        date_default_timezone_set('Europe/Amsterdam');
        $today = date("d/n/Y - H:i:s");
        
        while($row = mysql_fetch_assoc($res))
        {

            ?>

            <span class="naam"><?php echo $row['user'];?></span>
            <span class="datum"><?php echo $today; ?></span>
            <br/>
            <div class="bericht">                
                <p>
                <?php echo $row['bericht']; ?>
                </p>
            </div>
            
            <?php
        }
        echo "<br /><br />";
        
?>


<form action="gastenboek.php" method="post">
    Naam: <input type="text" name="naam"/>
    Onderwerp: <input type="text" name="onderwerp" style="width:163px;"/><br />
    <textarea name="bericht" cols="53" rows="10"></textarea><br/>
    <input type="submit" name="submit" value="Bericht plaatsen" style="width:450px;"/>
</form>

<?php
}

echo "</div>";
?>


<style type="text/css">

    #container
    {
        margin-left: 440px;
    }
    
    .bericht
    {
        width: 447px;
        background-color: #c9c9c9;
    }
    
    .datum
    {
        position: absolute;
        margin-left: -144px;
        margin-top: 35px;
    }
    
    .naam
    {
        position: absolute;
        margin-left: -49px;
        margin-top: 20px;
    }
    
</style>
    
 
PHP hulp

PHP hulp

22/12/2024 19:01:36
 
- Ariën  -
Beheerder

- Ariën -

18/11/2011 12:46:09
Quote Anchor link
Waarom toon je de PHP-code ;-)?
En waarom een <br /> na je container? Er bestaat ook een margin-top property.
Gewijzigd op 18/11/2011 12:47:12 door - Ariën -
 
Pietje akkers

pietje akkers

18/11/2011 12:49:02
Quote Anchor link
hoezo toon ik mijn php-code?
en die <br /> was inderdaad fout, die moet ik oplossen met margin-top. Maar hoe kan ik mijn naam goed zetten?
 
Erwin H

Erwin H

22/11/2011 19:02:56
Quote Anchor link
tip 1: maak eerst je pagina zoals je die wil hebben op in gewoon HTML. Hardcoded dus, zonder variabele input en probeer daar je styling goed te krijgen. Als je dan je HTML en CSS code hier kunt laten zien is het een stuk eenvoudiger om je te helpen.
 
Joakim Broden

Joakim Broden

22/11/2011 22:37:50
Quote Anchor link
Online link zodat ik even de broncode/css kan bekijken met firebug:) gaat wat makkelijker om fouten op te sporen
 
Victor -

Victor -

23/11/2011 09:27:59
Quote Anchor link
* new text-document
* ctrl+c
* ctrl+v
* save as .html
* bekijk met firebug en alle debugconsoles
Gewijzigd op 23/11/2011 09:28:56 door Victor -
 
- Ariën  -
Beheerder

- Ariën -

24/11/2011 14:53:57
Quote Anchor link
Pietje akkers op 18/11/2011 12:49:02:
hoezo toon ik mijn php-code?

Omdat die niet nodig is voor een HTML/CSS-probleem?
Gewijzigd op 24/11/2011 14:54:28 door - Ariën -
 



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.