Kleine Frage

Knuddelkamel · #1 (**permalink**) 12.11.2004, 19:14

Hi alle

Da ich auf Tabellen verzichten möchte, habe ich mal versucht die Tabelle wegzulassen, habe jetzt aber das Problem, dass die Abstände zwar stattfinden, aber nur mit Zeilenumbruch.

Code:

<form action="http://www.paus.ch/cgi-bin/mailto/mailto.exe" method=post>
	
	<fieldset>
	<input type="checkbox" name="HCT-Biel" value="HCT-Biel" />
	 <div style="margin:0px; 0px; 0px; 150px;">Samstag         </div>
	 <div style="margin:0px; 0px; 0px; 300px;"> 16.11.2004    </div>
	 <div style="margin-left:200px;">Biel           </div>
	 <div style="margin-left:250px;">-              </div>
	 <div style="margin-left:300px;"> Thurgau       </div>
	 <div style="margin-left:400px;">35 Fr.         </div>
	 

</p>

	 Abfahrtszeiten: 

	 Bahnhof Weinfelden:
	 14:30 

	 Bahnhof Frauenfeld 
	 14:25 

	 </fieldset>
	
	
	
	</form>

Wie kann ich machen, dass alle "div style" auf eine Linie erscheint, also ohne Zeilenumbruch? Bin mir sicher, es ist eine kleinigkeit.

Gruss Knuddel

magick · #2 (**permalink**) 12.11.2004, 19:34

display:inline; würde das Problem lösen, aber in diesem Fall würd ich's einfach mal mit span-tags versuchen

Knuddelkamel · #3 (**permalink**) 12.11.2004, 19:46

Kannste ein Beispiel machen, für ein besseres Verstädnis?

Gruss Knuddel

Mantis · #4 (**permalink**) 12.11.2004, 20:12

ich denke er meint das so

Code:

<form action="http://www.paus.ch/cgi-bin/mailto/mailto.exe" method="post">
   
   <fieldset>
   <input type="checkbox" name="HCT-Biel" value="HCT-Biel" />
    <span style="margin:0px 0px 0px 150px;">Samstag         </span>
    <span style="margin:0px 0px 0px 300px;"> 16.11.2004    </span>
    <span style="margin-left:200px;">Biel           </span>
    <span style="margin-left:250px;">-              </span>
    <span style="margin-left:300px;"> Thurgau       </span>
    <span style="margin-left:400px;">35 Fr.         </span>
    

</p>

    Abfahrtszeiten: 

    Bahnhof Weinfelden:
    14:30 

    Bahnhof Frauenfeld
    14:25 

    </fieldset>
   
   
   
   </form>

das währe mit "span"

Code:

<form action="http://www.paus.ch/cgi-bin/mailto/mailto.exe" method="post">
   
   <fieldset>
   <input type="checkbox" name="HCT-Biel" value="HCT-Biel" />
    <div style="display: lnline; margin:0px 0px 0px 150px;">Samstag         </div>
    <div style="display: lnline; margin:0px 0px 0px 300px;"> 16.11.2004    </div>
    <div style="display: inline; margin-left:200px;">Biel           </div>
    <div style="display: inline; margin-left:250px;">-              </div>
    <div style="display: inline; margin-left:300px;"> Thurgau       </div>
    <div style="display: inline; margin-left:400px;">35 Fr.         </div>
    

</p>

    Abfahrtszeiten: 

    Bahnhof Weinfelden:
    14:30 

    Bahnhof Frauenfeld
    14:25 

    </fieldset>
   
   
   
   </form>

das mit in "display: lnline;"

kleine Anmerkungen noch du solltest die " bei dem method=post machen und margin:0px; 0px; 0px; 300px; ist falsch. Mach margin: 0px 0px 0px 300px;, das ist richtiger. Bei so mehrfachangaben macht man keine ";" zwischen die Werte.

Knuddelkamel · #5 (**permalink**) 13.11.2004, 14:20

HI alle

Nun hat bis jetzt geklappt mit dem "span".
Danke noch für die Hinweise.

Kleine Frage hätte ich gleich noch, dass Problem ist soeben aufgetaucht, könnt Ihr mir sicher auch schnell weiterhelfen.

mit "margin-left" bestimme ich ja den Abstand von einem Element zu einem Element.

Wie kann ich erreichen das der Abstand, immer vom Rand ausgeht, also ich möchte Schlussentlich das alle Elemente (Texte) untereinander sind. Was für einen Zusatzbefehl bräuchte ich da?

Oder reicht das wenn ich es einfach so angebe:

Code:

<span style="margin:0px 0px 0px 20px;">

anstatt so:

Code:

<span style="margin-left: 10px;">

Gruss Knuddelkamel

magick · #6 (**permalink**) 13.11.2004, 16:28

In diesem Fall wäre ein <table> semantisch korrekter (und auch leichter umzusetzen) als z.B. ein haufen span-tags. Man darf Tabellen nicht verteufeln, sie haben durchaus ihre Berechtigung.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Kleine frage zu CCSplay	NoVexx	CSS	1	13.06.2008 16:02
kleine float frage bei ie6 [treppen effekt im text]	onip	CSS	2	04.04.2007 14:53
Kleine Frage zum Thema hover!	fledermaus	CSS	3	20.01.2007 14:31
Kleine Layout Frage ...	human	CSS	1	18.07.2006 17:27
Photoshop 5.5, kleine frage betreffend "rote Augen"	Knuddelkamel	Offtopic	7	28.11.2004 20:56