Form positionieren

willytyp

Mitglied
Hallo,
also, wie man Objekte mit CSS plaziert und formatiert, habe ich ja drauf.
Aber leider klappt das nicht mit einem Form, oder ich mache einen Fehler, wovon ich eigentlich ausgehe.

Hier mal der HTML/PHP Quellcode:

Code:
<!DOCTYPE HTML>
<html>
<head>
<title> KGV-Diekmoor401 </title>

    <link href="gaestebuch.css" type="text/css" rel="stylesheet">
  
</head>

<body>
<img src="images/Kopfzeile.jpeg" width="987" height="122" style="border: 0px;" />

<div id="Eingabe">

<form action="neuerbeitrag.php" Method="post">

Ihr Name:<br>   
<input name="Name" size="40"><br><br>

E-Mail:    <br>   
<input name="EMail" size="40"<br>
<br><br>

Inhalt:<br>   
<textarea name="inhalt" cols="40" rows="12"
    wrap="physical"></textarea><br><br>

<input type="submit" value="Absenden">

</form>
<hr>
</div

<?php
$beitrag = file("gaestebuch.txt");
krsort($beitrag);

foreach($beitrag as $ausgabe)
   {
   $ausgabe = stripslashes($ausgabe);
   $zerlegen = explode("|", $ausgabe);

   echo "
   <table align=\"center\"
    border=\"1\" cellspacing=\"0\"
   cellpadding=\"5\" bordercolorlight=\"black\"
   bordercolordark=\"black\" width=\"50%\">
   <tr>
   <td>
  Von <a href=\"mailto:$zerlegen[0]\">$zerlegen[1]</a>
  am $zerlegen[2]
   </td>
   </tr>

   <tr>
   <td>
   $zerlegen[3]
   </td>
   </tr>
   </table><br>
   ";
   }
?>

und hier der dazugehörige CSS Code:

Code:
img
{
position: absolute;     /*Positionsart*/
left: 68px;             /*Abstand vom linken Rand*/
}
body
{
background: #008000;    /*Hintergrundfarbe*/
}
#Eingabe
{
top:50px;
left:50px;
}

Also in dejn schlauen Büchern habe ich für diesen speziellen Fall keine Lösung gefunden.

Ich hoffen eine(r) von euch hat eine Lösung für mich.
Meinen Dank habt ihr schon im voraus.

LG
willytyp
 
Also in dejn schlauen Büchern habe ich für diesen speziellen Fall keine Lösung gefunden.
Das ist kein spezieller Fall. Grundsätzlich ist zur Positionierung mittels Startpositionen (top, right, bottom, left) die position-Eigenschaft (relative, absolute o. fixed) erforderlich.

http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Positionierung

Von
CSS:
img
{
position: absolute;     /*Positionsart*/
left: 68px;             /*Abstand vom linken Rand*/
}
ausgehend, absolut positioniert:
CSS:
#Eingabe
{
position:absolute;
top:50px;
left:50px
}
 
Zuletzt bearbeitet:
Hallo SpiceLab,
vielen Dank für den Tipp. Manchmal sieht man den Wald vor lauter Bäumen nicht. Wie konnte ich das übersehen!!!!!!
Auf jeden Fall, funktioniert es.

LG
willytyp
 
Zurück