hi
ich wollte ein Formular mit dem ganz normalen Form machen.
Keine Ahnung was schief gelaufen ist, aber die Felder sind irgendwo und es gibt einen Rahmen um das ganze Formular!
Das komische ist, dass ich ein genau gleiches Formular auf einer fast gleichen Website habe und dies einwandfrei funktioniert.
Hier noch Bilder dazu:
so möchte ich es nicht:
Bild: imgbox.de/…/f30339t234_t.gif
aber so:
hallo,
sieht so aus, als ob um die felder ein fieldset gewrappt ist. kann man aber im quellcode leicht nachprüfen. wie mans wegbekommt ist leider eine frage deren antwort ich nicht kenne. 😉
mfg,
reinhard
wenn es euch hilft:
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--
This website is powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://typo3.com/ and http://typo3.org/
-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css" id="internalStyle">
/*<![CDATA[*/
BODY { margin: 0 0 0 0; background-color: white; }
/*]]>*/
</style>
<link href="fileadmin/template/res/stylesheet.css" rel="stylesheet" type="text/css" />
<title>Neuer Benutzer</title>
<meta name="generator" content="TYPO3 4.1 CMS" />
<script type="text/javascript">
/*<![CDATA[*/
<!--
var browserName = navigator.appName;
var browserVer = parseInt(navigator.appVersion);
var version = "";
var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror" || browserName=="Opera") {version = "n3";} else {version = "n2";}
// Blurring links:
function blurLink(theObject) { //
if (msie4) {theObject.blur();}
}
// -->
/*]]>*/
</script>
<script type="text/javascript" src="t3lib/jsfunc.validateform.js"></script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<!-- Header image row: -->
<tr>
<td colspan="2" id="header_1"><!--###header_1### begin --><img src="fileadmin/template/images/headerimage.jpg" width="600" height="100" alt="" border="0" /><!--###header_1### end --></td>
</tr>
<tr>
<!-- Menu table cell: -->
<td id="menu_1"><div class="menu1-level1-no"><a href="index.php?id=3" onfocus="blurLink(this);" >Home</a></div><div class="menu1-level1-no"><a href="index.php?id=31" onfocus="blurLink(this);" >News</a></div><div class="menu1-level1-act"><a href="index.php?id=2" onfocus="blurLink(this);" >Kontakt</a></div><div class="menu1-level2-act"><a href="index.php?id=4" onfocus="blurLink(this);" >Neuer Benutzer</a></div><div class="menu1-level1-no"><a href="index.php?id=5" onfocus="blurLink(this);" >Login</a></div><div class="menu1-level1-no"><a href="index.php?id=21" onfocus="blurLink(this);" >Kalender</a></div></td>
<!-- Page Content Area table cell: -->
<td id="content">
<!-- CONTENT ELEMENT, uid:5/text [begin] -->
<a id="c5"></a>
<!-- Text: [begin] -->
<p class="bodytext">Wenn Sie ein Benutzer auf dieser Website werden möchten, füllen Sie das folgende Formular aus.</p>
<!-- Text: [end] -->
<!-- CONTENT ELEMENT, uid:5/text [end] -->
<!-- CONTENT ELEMENT, uid:7/mailform [begin] -->
<a id="c7"></a><form action="index.php?id=7" id="a89d2145fa0a8f85e5829191c3959e98d" name="a89d2145fa0a8f85e5829191c3959e98d" enctype="multipart/form-data" method="post" target="page" onsubmit="return validateForm('a89d2145fa0a8f85e5829191c3959e98d','vorname,Vorname%3A,name,Nachname%3A,e-mail,E-Mail%3A,loginname,Gew%FCnschter%20Loginname%3A,passwort,Gew%FCnschtes%20Passwort%3A','','','')"><div style="display:none;"><input type="hidden" name="html_enabled" value="1" /><input type="hidden" name="subject" value="neuer-benutzer" /><input type="hidden" name="locationData" value="4:tt_content:7" /></div>
<!-- Mail form inserted: [begin] -->
<table border="0" cellspacing="1" cellpadding="1" class="csc-mailform"><tr><td class="csc-form-labelcell"><p class="csc-form-label-req">Vorname:</p></td><td class="csc-form-fieldcell"><input type="text" name="vorname" size="40" value="" /></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label-req">Nachname:</p></td><td class="csc-form-fieldcell"><input type="text" name="name" size="40" value="" /></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label-req">E-Mail:</p></td><td class="csc-form-fieldcell"><input type="text" name="e-mail" size="40" value="" /></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label-req">Gewünschter Loginname:</p></td><td class="csc-form-fieldcell"><input type="text" name="loginname" size="40" maxlength="20" value="" /></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label-req">Gewünschtes Passwort:</p></td><td class="csc-form-fieldcell"><input type="password" name="passwort" size="40" maxlength="10" value="" /></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label">Wünsche:</p></td><td class="csc-form-fieldcell"><textarea name="wunsch" cols="20" rows="2" wrap="virtual">
</textarea></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label">Mitglied der OLG Huttwil:</p></td><td class="csc-form-fieldcell"><input type="checkbox" value="1" name="Mitglied" /></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label"></p></td><td class="csc-form-fieldcell"><input type="submit" name="formtype_mail" value="Senden!" /></td></tr></table>
<!-- Mail form inserted: [end] -->
</form>
<!-- CONTENT ELEMENT, uid:7/mailform [end] -->
</td>
</tr>
<!-- Footer row: -->
<tr>
<td colspan="2" id="footer"><!--###footer### begin -->
<p>Main Dish & Son inc. * 12345 Tricky Road, suite 9998 * Boston</p>
<!--###footer### end --></td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--
This website is powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://typo3.com/ and http://typo3.org/
-->
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_e99aac0be0.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css" id="internalStyle">
/*<![CDATA[*/
BODY { margin: 0 0 0 0; background-color: white; }
/*]]>*/
</style>
<link href="fileadmin/template/res/stylesheet.css" rel="stylesheet" type="text/css" />
<title>Registrieren</title>
<meta name="generator" content="TYPO3 4.1 CMS" />
<script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>
<script type="text/javascript" src="t3lib/jsfunc.validateform.js"></script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<!-- Header image row: -->
<tr>
<td colspan="2" id="header_1"><!--###header_1### begin --><img src="fileadmin/template/images/headerimage.jpg" width="600" height="100" alt="" border="0" /><!--###header_1### end --></td>
</tr>
<tr>
<!-- Menu table cell: -->
<td id="menu_1"><div class="menu1-level1-no"><a href="index.php?id=2" onfocus="blurLink(this);" >Home</a></div><div class="menu1-level1-act"><a href="index.php?id=11" onfocus="blurLink(this);" >Mitglieder</a></div><div class="menu1-level2-act"><a href="index.php?id=13" onfocus="blurLink(this);" >Registrieren</a></div></td>
<!-- Page Content Area table cell: -->
<td id="content">
<!-- CONTENT ELEMENT, uid:10/text [begin] -->
<a id="c10"></a>
<!-- Text: [begin] -->
<p class="bodytext">Wenn Sie ein Benutzer auf dieser Website werden möchten, füllen Sie das folgende Formular aus.</p>
<!-- Text: [end] -->
<!-- CONTENT ELEMENT, uid:10/text [end] -->
<!-- CONTENT ELEMENT, uid:8/mailform [begin] -->
<a id="c8"></a><form action="index.php?id=14" id="mailform" name="mailform" enctype="multipart/form-data" method="post" target="page" onsubmit="return validateForm('mailform','vorname,Vorname%3A,name,Nachname%3A,e-mail,E-Mail%3A,loginname,Gew%FCnschter%20Loginname%3A,passwort,Gew%FCnschtes%20Passwort%3A','','Leider haben Sie nicht alle erforderlichen Felder ausgefüllt.','')"><div style="display:none;"><input type="hidden" name="html_enabled" id="mailformhtml_enabled" value="1" /><input type="hidden" name="subject" id="mailformsubject" value="neuer-benutzer" /><input type="hidden" name="locationData" value="13:tt_content:8" /></div>
<!-- Mail form inserted: [begin] -->
<fieldset class="csc-mailform"><div class="csc-mailform-field"><label for="mailformvorname">Vorname:</label> <input type="text" name="vorname" id="mailformvorname" size="40" value="" /></div><div class="csc-mailform-field"><label for="mailformname">Nachname:</label> <input type="text" name="name" id="mailformname" size="40" value="" /></div><div class="csc-mailform-field"><label for="mailforme-mail">E-Mail:</label> <input type="text" name="e-mail" id="mailforme-mail" size="40" value="" /></div><div class="csc-mailform-field"><label for="mailformloginname">Gewünschter Loginname:</label> <input type="text" name="loginname" id="mailformloginname" size="40" maxlength="20" value="" /></div><div class="csc-mailform-field"><label for="mailformpasswort">Gewünschtes Passwort:</label> <input type="password" name="passwort" id="mailformpasswort" size="40" maxlength="10" value="" /></div><div class="csc-mailform-field"><label for="mailformwunsch">Wünsche:</label> <textarea name="wunsch" id="mailformwunsch" cols="20" rows="2">
</textarea></div><div class="csc-mailform-field"><label for="mailformMitglied">Mitglied der OLG Huttwil:</label> <input type="checkbox" value="1" name="Mitglied" id="mailformMitglied" class="csc-mailform-check" /></div><div class="csc-mailform-field"> <input type="submit" name="formtype_mail" id="mailformformtype_mail" value="Senden!" class="csc-mailform-submit" /></div></fieldset>
<!-- Mail form inserted: [end] -->
</form>
<!-- CONTENT ELEMENT, uid:8/mailform [end] -->
</td>
</tr>
<!-- Footer row: -->
<tr>
<td colspan="2" id="footer"><!--###footer### begin -->
<p>Main Dish & Son inc. * 12345 Tricky Road, suite 9998 * Boston</p>
<!--###footer### end --></td>
</tr>
</table>
</body>
</html>
Style es einfach mit CSS nach deinen Wünschen.
#mailform fieldset {
border:none;
}
#mailform label {
... usw
}
Norman
leider bin ich noch ein noob, was solche Dinge anbetrifft...
:o
Kann mir jemand GENAU sagen was ich wo hin schreiben muss, damit der Rahmen verschwindet?
Guten Morgen
ich musste mir selber helfen:
nämlich musste ich einfach ein wenig im Insalltol herumklickern und plötzlich gings!
um genau zu sein:
man muss dar Wizard ubdaten.
es gibt bestimmt eine bessere Variante, aber man kann ja auch bei jeder Erstellung eines Mailformulars schnell da rein gehen.
es MUSS eine bessere Variante geben, denn wen ich das mit dem wizard mache schalte ich auf folgendes:
The compatibility version has been set to 3.8.
dann kommt aber:
# This installation is not configured for the TYPO3 version it is running. You probably did so by intention, in this case you can safely ignore this message. If unsure, visit the Update Wizard in the Install Tool to see which changes would be affected.
#angry#
Ich vermute, das in deinen Augen gut funktionierende Formular wird mit den Rendermethoden von einer Version kleiner 4 erzeugt. Da wurden dann noch Tabellen für das Layout verwendet. Sieht gut aus, ist aber natürlich nicht zeitgemäß.
In den neueren Versionen werden fieldsets und labels erzeugt, diese müssen dann mit CSS positioniert und entsprechend gestylt werden (also z.B. den Rahmen weg). Du kannst über das Install-Tool einen Kompatibilitätsmodus einschalten, dadurch sind die Formulare dann wahrscheinlich wieder so, wie gewünscht.
Ich würde dir aber dazu raten, dich damit auseinander zu setzen, wie du das Formular per CSS gestalten kannst.
Grüße
Christian
das tönt ja toll:
neuere Version = komplizierter :o
ich wollte mich eingentlich später mit solchen Dingen auseinandersetzen, dann muss ich mir halt die Zeit nehmen...
kann mir jemand noch ein Tipp geben wie ich das am besten anpacke?
(Tutorial)
Vielen Dank und Gruss
Hallo zusammen,
neuere Version = komplizierter
nee, hat nix mit neuer Typo Version zu tun, vielmehr ist Tabellen Layout allgemein
abgelöst durch CSS und Typo3 trägt dem durch css-styled-content Rechnung.
Nicht Typo3 ist komplizierter geworden, eher die Art und Weise der (X)HTML Interpretation.
Die Vorteile und Möglichkeiten von CSS finde ich hier
http://www.csszengarden.com/ recht gut demonstriert.
Als Einstieg vllt.
http://www.css4you.de/wscss/index.html
LG
Cope