Toon posts:

[HTML/CSS] div element verschijnt niet op de juiste plaats *

Pagina: 1
Acties:
  • 220 views sinds 30-01-2008
  • Reageer

dinsdag 7 september 2004 17:07

Acties:

Verwijderd

Topicstarter
Ik ben pas begonnen met php enopzich gaat het allemaal wel lekker alleen heb ik een klein vraagje die jullie waarschijnlijk zo kunnen beantwoorden of anders me in de juiste richting sturen.

Ik heb nl een gastenboek gemaakt waarbij ik de output direct wil laten zien nadat er op Submit is gedrukt. Dit gaat alles, maar de output komt onder mijn header te staan en is dus niet leesbaar.

Ik heb het al met css geprobeert.
code:
1
2
3
4
5
6
7
8
9
10
11

div#gbook {
top: 100px;
left: 126px;
right: 186px;
bottom: 20px;
height: auto;
background-color: inherit;
color: inherit;
position: absolute;
z-index: 1
}


deze code staat in mijn layout.css en ik heb hem op de volgende manieren proberen op te roepen.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
  <title>mypage</title>
  <meta name="AUTHOR" content="Patrick Brugge">
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <link rel="stylesheet" type="text/css" href="layout.css">
</head>
<body>
<div id="pagetop">
<div id="logo"></div>
<a href="/">[img]"images/titel.jpg"[/img]</a></div>
</div>

<div id="gbook">
<?php
mijn script
?>
</div>
</body>
</html>


Bovenstaande werkte niet dus heb ik het via echo geprobeerd,

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
  <title>mypage</title>
  <meta name="AUTHOR" content="Patrick Brugge">
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <link rel="stylesheet" type="text/css" href="layout.css">
</head>
<body>
<div id="pagetop">
<div id="logo"></div>
<a href="/">[img]"images/titel.jpg"[/img]</a></div>
</div>


<?php
echo "<div id='gbook'>";
mijn script
echo "</div>";
?>
</div>
</body>
</html>


Ook dat werkte niet ;(

Weet iemand hoe ik het wel voor elkaar kan krijgen?

dinsdag 7 september 2004 17:23

Acties:
  • semicolon
  • Registratie: Mei 2004
  • Niet online

semicolon

code:
1
2
3
4

<div id="pagetop">
<div id="logo"></div>
<a href="/">[img]"images/titel.jpg"[/img]</a></div>
</div>


hier wordt een </div> afgesloten achter de <a href=""> die niet bestaat?
verwerk de data helemaal boven
PHP:
1
2
3
4

<?
//verwerk script
?>
<html>

en dan de output:
PHP:
1
2
3
4
5
6

<?php
echo "<div id='gbook'>";
// je output
echo "</div>";
?>
</div>


althans dit is wat ik denk dat je bedoeld?
Zelf zou ik het overigens niet op de pagina zelf verwerken, maar met een script ertussen, zoiets:

reactie formulier > submit pagina > bericht met reacties
(dus die submit heeft een header die doorstuurt naar de pagina met reactie's, anders een simpele F5 bij de reactie's en je stuurt alles opnieuw op :)

[ Voor 104% gewijzigd door semicolon op 07-09-2004 17:25 ]

:D/-<

dinsdag 7 september 2004 17:42

Acties:

Verwijderd

Topicstarter
Max v W schreef op 07 september 2004 @ 17:23:
code:
1
2
3
4

<div id="pagetop">
<div id="logo"></div>
<a href="/">[img]"images/titel.jpg"[/img]</a></div>
</div>


hier wordt een </div> afgesloten achter de <a href=""> die niet bestaat?
Klopt is een klein foutje het moest zijn:
code:
1
2

<div id="logo">
<a href="/">[img]"images/titel.jpg"[/img]</a></div>

Ik zal jou tip eens proberen, maar het punt is dus dat de output onder het logo komt te liggen in plaats van onder het logo (het logo valt dus over de output heen.

[ Voor 67% gewijzigd door Verwijderd op 07-09-2004 17:54 ]

dinsdag 7 september 2004 17:53

Acties:
  • semicolon
  • Registratie: Mei 2004
  • Niet online

semicolon

maar werkte de oplossing die ik gaf van je php probleem ? ;)

is het dan niet meer een CSS probleem voor onze Webdesign buren? :)

[ Voor 38% gewijzigd door semicolon op 07-09-2004 17:55 ]

:D/-<

dinsdag 7 september 2004 17:55

Acties:

Verwijderd

Topicstarter
Nope output blijft onder het logovallen (logo over output heen).

Welke manier ik ook pak direct of op apparte pagina maakt niet uit het is een positie probleem ;(
Max v W schreef op 07 september 2004 @ 17:53:
...
is het dan niet meer een CSS probleem voor onze Webdesign buren? :)
Geen idee de rest van de pagina word goed gepositioneerd alleen de php scripts niet.
(pagina is combi php, mysql, html en css) en als ik ga crosposten krijg ik een modje op mijn dak en daar heb ik niet echt zin in nu ;)

[ Voor 58% gewijzigd door Verwijderd op 07-09-2004 17:58 ]

dinsdag 7 september 2004 18:00

Acties:
  • semicolon
  • Registratie: Mei 2004
  • Niet online

semicolon

heb je dan een voorbeeld ofzo dat we kunnen zien?
of heb je de broncode in de browser gecontrolleert of die output wel klopt?

:D/-<

dinsdag 7 september 2004 18:10

Acties:

Verwijderd

Topicstarter
Max v W schreef op 07 september 2004 @ 18:00:
heb je dan een voorbeeld ofzo dat we kunnen zien?
of heb je de broncode in de browser gecontrolleert of die output wel klopt?
Ik neem aan dat je wilt zien wat ik bedoel, daar de scripting zelf natuurlijk na genereren niet mmeer zichtbaar is. ik zal wel ff een screenshot maken en die uploaden, daar ik eerst de site af wil hebben voor ik hem upload.

dinsdag 7 september 2004 18:16

Acties:
  • .oisyn
  • Registratie: September 2000
  • Laatst online: 22-05 23:07

.oisyn

Moderator Devschuur®

Demotivational Speaker

Dit is puur een opmaak kwestie en derhalve hoort het thuis in Webdesign & Graphics :)

PW -> WG

Give a man a game and he'll have fun for a day. Teach a man to make games and he'll never have fun again.

dinsdag 7 september 2004 18:20

Acties:
  • semicolon
  • Registratie: Mei 2004
  • Niet online

semicolon

Verwijderd schreef op 07 september 2004 @ 18:10:
[...]


Ik neem aan dat je wilt zien wat ik bedoel, daar de scripting zelf natuurlijk na genereren niet mmeer zichtbaar is. ik zal wel ff een screenshot maken en die uploaden, daar ik eerst de site af wil hebben voor ik hem upload.
ik snap het overlapping deel wel ;) maar klopt je broncode nog nadat je de pagina bezoekt.
dus als je http://www.jesite.nl/map/blaat.php bezoekt, en dan de bron bekijkt, klopt die code?

:D/-<

dinsdag 7 september 2004 18:31

Acties:

Verwijderd

Topicstarter
Max v W schreef op 07 september 2004 @ 18:20:
[...]

ik snap het overlapping deel wel ;) maar klopt je broncode nog nadat je de pagina bezoekt.
dus als je http://www.jesite.nl/map/blaat.php bezoekt, en dan de bron bekijkt, klopt die code?
Ja voor zover ik zie wel

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

<html>
<blablabla>
<body>
<top van pagina>

<div id="contentContainer">

 <div id="content">
 <div class="guestbook">
 <div class="name">Guestbook</div>
<h1>Sign our guestbook</h1>
 </div>
<form name="guestbook" method="post" action="/gbook.php">
<table align="center" cellpadding="6" cellspacing="0">
<tr>
  <td>Name :</td>

  <td><input type="text" name="name" maxlength='100'></td>
</tr>
<tr>
  <td>Email :</td>
  <td><input type="text" name="email" maxlength='100' ></td>
</tr>
<tr>
  <td valign="top">Message :</td>
  <td><textarea name="message" cols="30" rows="6" maxlength='100'></textarea></td>
</tr>

<tr>
  <td>&nbsp;</td>
  <td><input type="submit" name="submit" value="Submit" style="cursor:pointer">
 <input type="reset" name="reset" value="Clear" style="cursor:pointer"></td>
</tr>
</table>
</form>
</div>

</div>


<div id='gbook'><br>
<table align='center' width='75%' cellpadding='4' cellspacing='1' bgcolor='#000000'>
<tr>
<td bgcolor='#FFFFFF'>
This is a test</td>
</tr>
<tr>
<td bgcolor='#FFFFFF'>Posted By:
         <a href='mailto:webmaster@blabla.info'>test</a> Tue 7th - 16:42</td>
</tr>
</table>
</div> 

</body>
</html>

In de output komt alles dus netjes te staan :(

[ Voor 30% gewijzigd door Verwijderd op 07-09-2004 18:33 ]

Pagina: 1
Reageer