zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Formular Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.02.2006, 04:33
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.09.2005
Beiträge: 30
watermanFFM befindet sich auf einem aufstrebenden Ast
Standard Formular Problem

Ich habe folgenden Code für ein Formular erstellt:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
 <head profile="http://gmpg.org/xfn/1">
  <title>Termin</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  <style type="text/css">
   body {font-family: arial, verdana, sans-serif; 
         font-size: 100.01%;
	font-color: white;
         background: #601F16;
        }
         
   fieldset {width: 30em;
			 margin: 1.5em auto 1.5em auto;
			 display: block;
			color:white;
			 font-size: 0.80em; 
			 border: 1px solid white;
			 background: grau;
			 clear: both;
			}
			
	* html fieldset {padding: 5px; color:white;}
			
   legend {background: grey;
		   padding: 4px;
		   border: 1px solid white;
		   border-right-width: 2px;
		   border-bottom-width: 2px;
		   margin-bottom: 4px;
		   font-weight: bold;
		   }

   label {margin: 5px 0; font-color:white;} 

   .kontaktdaten label {display: block; font-color:white;
						border: 1px solid white;						
						width: 5em;
						float: left;
					   }
	.termin1,.termin2 label {display: block;
				border: 1px solid white;				    
				width: 5em;
				float: left;
				   }
					   
   input,textarea {margin: 3px 0;
						border: 1px solid white;
						background: grey;
						padding: 3px 3px;
				  }  
						
   input:active, input:focus, input:hover { background: blue;}
   
   .buttons {text-align: center;}

  </style>
 
 </head>

 <body>

  <form>

   <fieldset class="kontaktdaten">
    <legend>Kontaktdaten</legend>
    <label for="k-name" accesskey="1">Name:</label><input type="text" id="k-name" />

    <label for="k-vorname" accesskey="2">Vorname:</label><input type="text" id="k-vorname" />

    <label for="k-email" accesskey="3">eMail:</label><input type="text" id="k-email" />

    <label for="k-strasse" accesskey="4">Straße:</label><input type="text" id="k-strasse" />

    <label for="k-ort" accesskey="5">Ort:</label><input type="text" id="k-ort" /> 

    <label for="k-plz" accesskey="6">PLZ:</label><input type="text" id="k-plz" /> 
 
    <label for="k-tel" accesskey="7">Telefon:</label><input type="text" id="k-tel" /> 
 
    <label for="k-fax" accesskey="8">Fax:</label><input type="text" id="k-fax" /> 

   </fieldset>

   <fieldset>
    <legend>Ich möchte benachrichtigt werden per:</legend>
    <input type="radio" id="b-email" name="benachrichtigungsart" /> <label for="b-email">eMail</label> 

    <input type="radio" id="b-tel" name="benachrichtigungsart" checked /> <label for="b-tel">Telefon</label> 

    <input type="radio" id="b-fax" name="benachrichtigungsart" /> <label for="b-fax">Fax</label> 

   </fieldset>

   <fieldset class="termin1">
    <legend>Termin 1. Wahl</legend>
    <label for="t1-datum">Datum:</label> <input type="text" id="t1-datum" /> 

    <label for="t1-uhrzeit">Uhrzeit:</label>
    <input type="text" id="t1-uhrzeit">
   </fieldset>

<fieldset class="termin2">
    <legend>Termin 2. Wahl</legend>
    <label for="t2-datum">Datum:</label> <input type="text" id="t2-datum" /> 

    <label for="t2-uhrzeit">Uhrzeit:</label>
    <input type="text" id="t2-uhrzeit">
   </fieldset>

   <fieldset class="buttons">
    <legend>Und nun?</legend>
    <input type="submit" id="d-submit" value="Abschicken" />
    <input type="reset" id="d-reset" value="Eingaben löschen" />
   </fieldset>
   
   <fieldset>
    <legend>Datenschutzerklärung</legend>
    

Die von Ihnen zur Bestellung übermittelten Daten behandeln wir entsprechend den gesetzlichen Bestimmungen streng vertraulich.</p>
    

Eine unberechtigte Weitergabe an Dritte erfolgt nicht!</p>
    

Wir verarbeiten und nutzen Ihre persönlichen Daten, soweit dies zur Bearbeitung, Durchführung und Abwicklung Ihrer Anfrage erforderlich ist.</p>
   </fieldset>

  </form>

 </body>
</html>
Der gesamte Block für den ersten Termin ist nicht, wie die anderen Boxen, untereinander, sondern macht sich auf die linke Seite. Das will ich aber nicht.

Ich bräuchte einen Tipp, wie ich die 1. Terminauswahl auch in die Reihe einordnen kann!?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.02.2006, 08:53
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

.termin1 label, .termin2 label
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.02.2006, 21:06
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.09.2005
Beiträge: 30
watermanFFM befindet sich auf einem aufstrebenden Ast
Standard

Ah! Bingo! Danke für den Tipp!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit Formular im IE7 lila_3 CSS 3 28.08.2009 23:55
Problem mit CSS und Formular manuel_g CSS 3 27.08.2009 21:40
Problem bei CSS Grundlayout DasSauerkraut CSS 0 10.08.2009 22:35
Problem mit tabellenlosem Formular dave CSS 2 13.10.2006 10:22
Problem mit Background-Color im FireFox to.ni CSS 2 31.08.2004 12:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:46 Uhr.