Problem mit CSS Formular von ChrisB, 28.05.2010 23:52

Problem mit CSS Formular

Vice Dee aka SanY 28.05.2010 20:40

Hi, bin neu hier im Forum. Um gleich zum Problem zu kommen: Ich bin im moment dabei mir eine etwas größere Website mit eigenem cms zu gestalten. Klappt so weit auch alles, blos wie immer will mich CSS mal wieder austricksen. Ich habe eine Funktion per php geschrieben, wo ich einfach oben in der Browserzeile "?site=beispiel" anhängen muss und das html/php Dokument wird mir im Content angezeigt. Jetzt habe ich ein PHP dokument angefertigt, worin sich ein etwas größeres Formular befindet, wenn ich es als einzelnes im Brwoser öffne, wird alles korrekt angezeigt. Binde ich es allerdings per "?site=" in die Hauptseite ein, verschwinden plötzlich alle Rahmen des Formulars, auch das Fieldset ist auch nicht mehr sichtbar. Was dabei das seltssame ist, gestern hat alles einwandfrei funktioniert. Heute morgen will ich es aufmachen und siehe da, alles was irgendwie mit css zu tun hat ist weg. Ich hoffe ihr könnt mir irgendwie helfen, da ich nahezu am verzweifeln bin, weil ich schon gut 3 Stunden im Internet nach dem Problem suche und auch schon ewig dabei bin selbst vll. iwie den Fehler zu finden. Anbei hier der Code der index.php und des einzubindenen Fromulars:

Hier die input-rel.php:

<?php
include"inc/sessionheader.inc.php";
include"inc/zugang.inc.php";
if (isset($_SESSION['login']) && $_SESSION['login'] === true) {
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
var i = 1;

function NeuesFeld()
{
	var row = document.getElementById('formtable').insertRow(i);
	var cell_1 = row.insertCell(0);
	var cell_2 = row.insertCell(1);
	var cell_3 = row.insertCell(2);

	var text = document.createTextNode((i + 1)+'.');
	cell_1.appendChild(text);

	var input = document.createElement('input');
	input.type = 'text';
	input.name = 'mix[]';
	
	var style = document.createElement('select');
	style.name = 'style[]';
	option1 = document.createElement('option');
	option2 = document.createElement('option');
	option3 = document.createElement('option');
	option4 = document.createElement('option');
	option5 = document.createElement('option');
	option6 = document.createElement('option');
	text1 = document.createTextNode("Hands Up");
	text2 = document.createTextNode("Hardstyle");
	text3 = document.createTextNode("Happy Hardcore");
	text4 = document.createTextNode("Hardcore");
	text5 = document.createTextNode("House / Electro");
	text6 = document.createTextNode("Trance");
	option1.appendChild(text1);
	option2.appendChild(text2);
	option3.appendChild(text3);
	option4.appendChild(text4);
	option5.appendChild(text5);
	option6.appendChild(text6);
	style.appendChild(option1);
	style.appendChild(option2);
	style.appendChild(option3);
	style.appendChild(option4);
	style.appendChild(option5);
	style.appendChild(option6);
	
	
	cell_2.appendChild(input);
	cell_3.appendChild(style);

	i++;
}
</script>

<title>Release hinzufügen...</title>
</head>

<body>
<form action="?site=insert-rel" method="post" enctype="multipart/form-data">
<fieldset style="width:582px;">
<legend style="margin-left:10px; font-size:14px;">Release hinzufügen</legend>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><strong style="margin-left:50px;">Regeln zum Eintragen der Releases:</strong>
    <ul>
    <li style="margin-left:50px;">Doppelte Einträge vermeiden! (Vorher überprüfen, ob schon vorhanden)</li>
    <li style="margin-left:50px;">Achte auf korrekte Schreibweise! (Originalschreibweise, keine Rechtschreibfehler)</li>
    <li style="margin-left:50px;">Alle Felder sind auszufüllen! (Bei evtl. nicht vorhanden sein des Releases in Shop -> Link für Suchergebnisse einfügen!)</li>
    <li style="margin-left:50px;">Cover müssen in einer sehr guten Qualität vorhanden sein!</li>
    </ul>
    <br />
    <hr color="#CCCCCC" style="margin-left:9px; width:560px;" />
    <br />

    </td>
  </tr>
</table>
<table>
<tr><td>
<strong style="margin-left:10px;">Style</strong><br />
<select style="margin-left:10px;" name="Style">
  <option>Hands Up</option>
  <option>Hardstyle &amp; Happy Hardcore</option>
  <option>Hardcore</option>
  <option>Trance</option>
  <option>House / Elektro</option>
</select><br /><br />
<strong style="margin-left:10px;">Redakteur:</strong><br />
<input size="28" style="margin-left:10px;" type="text" name="Redakteur" value="

<?php echo $_SESSION['username']; ?>"

/><br /><br />
<strong style="margin-left:10px;">Titel:</strong><br />
<input size="28" style="margin-left:10px;" type="text" name="Titel" /><br /><br />
<strong style="margin-left:10px;">Interpret:</strong><br />
<input size="28" style="margin-left:10px;" type="text" name="Interpret" /><br /><br />
<strong style="margin-left:10px;">Album:</strong><br />
<input size="28" style="margin-left:10px;" type="text" name="Album" /><br /><br />
<strong style="margin-left:10px;">Erscheinungsdatum:</strong><br />
<input size="28" style="margin-left:10px;" type="text" name="Erscheinungsdatum" /><br /><br />
<strong style="margin-left:10px;">Label:</strong><br />
<input size="28" style="margin-left:10px;" type="text" name="Label" /><br /><br />
<strong style="margin-left:10px;">iTunes - Link:</strong><br />
<input size="28" style="margin-left:10px;" type="text" name="iTunes" /><br /><br />
<strong style="margin-left:10px;">Amazon Mp3 - Link:</strong><br />
<input size="28" style="margin-left:10px;" type="text" name="Amazon" /><br /><br />

</td>
<td valign="top">
<fieldset style="margin-left:50px;">
<legend style="margin-left:18px;">Remixe</legend>
<table style="margin-left:15px; margin-right:10px;" id="formtable" border="0" cellspacing="0" cellpadding="0" width="100px">

		<tr>
			<td style="padding-top:20px;">1.</td>
			<td>Mix:<br /><input name="mix[]" type="text" /></td>
            <td>Style:<br />
            <select name="style[]">
            <option>Hands Up</option>
            <option>Hardstyle</option>
            <option>Happy Hardcore</option>
            <option>Hardcore</option>
            <option>House / Electro</option>
            <option>Trance</option>
            </select>

            </td>
		</tr>
		<tr>
			<td colspan="2"><br /><input style="margin-left:10px;" type="button" onclick="NeuesFeld();" value="Mix Hinzufügen" /><br /><br /></td>
		</tr>
</table>
</fieldset><br />
<strong style="margin-left:50px;">Beschreibung:</strong><br />
<textarea style="margin-left:50px;" name="beschreibung" rows="10" cols="35"></textarea><br /><br />
<strong style="margin-left:50px;">Cover:</strong><br />
<input style="margin-left:50px;" type="file" name="cover" /><br />
<ul>
<li style="margin-left:65px; font-size:10px; color:#666;">Erlaubte Formate: jpg, png</li>
<li style="margin-left:65px; font-size:10px; color:#666;">max. Dateigröße: 2Mb </li>
<li style="margin-left:65px; font-size:10px; color:#666;">max. Auflösung: 600 x 600 px</li>

</ul>

</td>
</tr></table>

</fieldset>
<br />
<input type="submit" name="eintragen" value="Eintragen" />
</form>
</body>
</html>

<?php
} else {
	echo "Du bist nicht eingeloggt!";
}
?>

Hier die index.php:

<?php
$status = "";
include "inc/sessionheader.inc.php";
include "inc/zugang.inc.php";
if (isset($_SESSION['login']) && $_SESSION['login'] === true) {
}
include "inc/loginmaker.inc.php";
include "inc/logoffmaker.inc.php";
	
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Release The Future</title>
<link href="CSS/styles.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div id="header">
  <div id="welcome">

<?php
if (isset($_SESSION['login']) && $_SESSION['login'] === true) {
echo "<p id='willkommen'>Herzlich Willkommen <b>".$_SESSION['username']."</b></p> ";
} else {
	echo "<p id='willkommen'>Herzlich Willkommen <b>Gast!</b></p> ";
}
?>

</div>
<div id="status">

<?php
echo "<p id='willkommen'>".$status."</p>";
?>

</div>
<div id="logout">

<?php
if (isset($_SESSION['login']) && $_SESSION['login'] === true) {
	echo "<b><a id='ausloggen' href='index.php?logoff=1'>Ausloggen</a></b>";
}
?>

</div>

<div id="logincontainer">

<?php if (isset($_SESSION['login']) && $_SESSION['login'] === true) {
echo <<<LINKS
<ul style="margin-left: 20px;">
<li><a href="?site=input-rel">Release Hinzufügen</a></li>
<li><a href="?site=input-news">News Hinzufügen</a></li>
</ul>
LINKS;

} else {
echo <<<FORMULAR
<form id="login" action="index.php" method="post">
Username:<input id="loginin" size="15px" name="username" type="text" /><br />
Passwort:<input id="loginin2" size="15px" name="passwort" type="password" />
<input type="submit" name="submit" value="LogIn" />
</form>
FORMULAR;
}

?>

</div>
</div>
<div id="menue">
<ul id="navi-top">
<li><a href="index.php">STARTSEITE</a></li>
<li><a href="releases.php">RELEASE ARCHIV</a></li>
<li><a href="news.php">NEWS ARCHIV</a></li>
<li><a href="guestbook.php">GUESTBOOK</a></li>
<li><a href="contact.php">KONTAKT</a>
</ul>
</div>
<div id="news">
  <div id="informationen">INFORMATIONEN</div>
  <div id="newrel">NEUSTE RELEASES</div>
  <div id="aktuelles">NEWS</div>
  <div id="infoinhalt"></div>
  <div id="newrelinhalt"></div>
  <div id="newsinhalt"></div>
</div>
<div id="headcontent"></div>
<div id="content">
<table width="937">
<tr>
<td valign="top" style="color: #000; padding-left:30px;" width="612">

<?php
  if(isset($_GET['site'])) {
	
      $site=$_GET['site'];
      if(file_exists("$site.php"))
      {
        include("$site.php");
      }
      else
      {
        include("overview.php");
      }
    } else {
		include ("overview.php");
	}
?>

</td>
<td style="padding-left:30px;" width="313">&nbsp;</td>
</tr>
</table>
</div>


<div id="contentfoot"></div>
<div id="footer">
<div id="footer01"></div>
<div id="footer02"></div>
<div id="footer03"></div>

<ul id="down-menue">
<li><a href="imressum.php">Impressum</a></li>
<li><a href="contact.php">Kontakt</a></li>
<li><a href="faq.php">FAQ</a></li>
</ul>

</div>

</body>
</html>

Falls ihr noch irgendwas zur Problemlösung braucht, werde ich euch das gerne noch hier posten. Schonmal im Voraus vielen dank! Was vll. noch hinzuzufügen wäre xD ich bin noch kein Profi in CSS, ich habe mich anfangs eher mit html, php und javascript beschäftigt. Trotzdem hfftl. könnt ihr mir helfen.

Beitrag melden

– Informationen zu den Bewertungsregeln