Veröffentlicht 17. Mai 200619 j hi, habe in einer Tabellenzeile mehrere Buttons, nun will ich, dass die eine hälfte der buttons linksbündig in der zeile liegt und die andere rechtsbündig. <span align=left>linke BUTTONS HIER</span> <span align=right>rechte BUTTONS HIER</span geht nicht und im Netz find ich nix... hat Jemand auf Anhieb ne Idee?
17. Mai 200619 j ehm... bist sicher dass er nicht meint er will eine tabelle haben, wo in einer zeile buttons sind, wo ein paar links ausgerichtet und ein paar rechts augerichtet sind ? falls das der fall sein sollte kann ich dir helfen deine tabellenzeile/zelle [...] <tr> <td> <!-- Das Zeug um deine Zelle zu Teilen --> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td align="left" width="50%"> <!-- Hier die eine Hälfte deiner Buttons.(Hier drunter den Inhalt) --> </td> <td align="right" width="50%"> <!-- Und hier die Andere.(Hier drunter den Inhalt) --> </td> </tr> </table> </td> </tr> [...] müsst so ca hinhauen ^^
17. Mai 200619 j Mit float funktioniert das ganze wesentlich codesparender. FMG hat da schon recht. Man braucht dafür nicht extra eine Tabelle!
18. Mai 200619 j ehm... bist sicher dass er nicht meint er will eine tabelle haben, ... Ja, sonst hätte er nämliche keine spans sondern tds da stehen gehabt Tabellen zum Layout sind bäääh. Noch ein kleiner hinweis zum <span align="left">. Erstens sollte man die Werte der Attribute in "" schreiben und zweitens ist span ein Inline-Element. Als solches hat besitzt es keine Breite o.ä. sondern ist immer nur so breit wie der Inhalt (<span style="width: 500px;"> == <span>). Selbst wenn das align als Attribut da erlaubt ist (was ich nicht glauben kann), bringt es absolut nix
23. Mai 200619 j erm... die buttons befinden sich in einer tabellenzeile. die eine hälfte der buttons soll in der linken hälfte der zeile stehen, die anderen in der rechten hmm, wenn ich das mit dem td teile, zerhauts mir die ganze formatierung. ich muss in der urspünglichen einen zeile <td> button1 button2 button3 button4</td> bleiben, nur die ausrichtung soll halt einmal links bis button2 und auf der rechten seite der zeile button 3-4 sein... *grübel*
23. Mai 200619 j Hm...mach ichs mir da zu einfach im Denken...oder meint ers anders? Im CSS: input.links {float:left;} input.rechts {float:right;} Im HTML: <td> <input type="submit" class="links"> <input type="submit" class="links"> <input type="submit" class="rechts"> <input type="submit" class="rechts"> </td>
23. Mai 200619 j codet doch mal nen beispiel mit dem float... hab ich noch nie benutzt... würd ich auch gern mal sehen @comm wenn du das mit der tabelle machen willst, dann kannste das verschachteln. alles was jetzt bei dir in der Tabellenzeile steht: "button1 button2 button3 button4" wird durch die komplette tabelle ersetzt. die sieht man hinterher nicht... ist halt nur zur einteilung edit: habs selbst mit dem float teil mal gemacht: <html> <head> <title>bla</title> </head> <body> <div> <input type="button" style="float:left;" value="button1"> <input type="button" style="float:left;" value="button2"> <input type="button" style="float:right;" value="button3"> <input type="button" style="float:right;" value="button4"> </div> </body> </html>
23. Mai 200619 j codet doch mal nen beispiel mit dem float... hab ich noch nie benutzt... würd ich auch gern mal sehen @comm wenn du das mit der tabelle machen willst, dann kannste das verschachteln. alles was jetzt bei dir in der Tabellenzeile steht: "button1 button2 button3 button4" wird durch die komplette tabelle ersetzt. die sieht man hinterher nicht... ist halt nur zur einteilung edit: habs selbst mit dem float teil mal gemacht: <html> <head> <title>bla</title> </head> <body> <div> <input type="button" style="float:left;" value="button1"> <input type="button" style="float:left;" value="button2"> <input type="button" style="float:right;" value="button3"> <input type="button" style="float:right;" value="button4"> </div> </body> </html> das problem ist, dass man die tabelle sieht und die nicht nur unsichtbar ist. sobald ich ein div einfüge, macht das je nen absatz und gleich aus einer tabelle zeile zwei zeilen. das will ich aber nicht. es soll eine zeile bleiben, daher mein früherer versuch mit span, ging ja leider nicht. das beispiel von azett triffts wohl am ehesten, ich kam bloß nicht darauf, weil ich absolut keine ahnung von css habe. Kannst du mir da noch weiterhelfen, wie ich das einbinde? Was CSS grob ist, weiß ich ungefähr... oder kennst du ne möglichkeit, dass ohne css zu machen?
24. Mai 200619 j Kannst du mir da noch weiterhelfen, wie ich das einbinde?Du kannst das CSS direkt in den HTML-Code einbinden: <td> <input type="submit" style="float:left;" ... /> <input type="submit" style="float:left;" ... /> <input type="submit" style="float:right;" ... /> <input type="submit" style="float:right;" ... /> </td> (siehe http://www.css4you.de/wscss/css02.html#tag) ...oder die CSS-Klassen im Head deiner HTML-Datei definieren und im Body aufrufen: ... <head> <style type="text/css"> input.links {float:left;} input.rechts {float:right;} </style> </head> ... <body> ... <td> <input type="submit" class="links" ... /> <input type="submit" class="links" ... /> <input type="submit" class="rechts" ... /> <input type="submit" class="rechts" ... /> </td> ... </body> ... (siehe http://www.css4you.de/wscss/css02.html#head) ...oder, was ich persönlich für am übersichtlichsten und vor allem am vorteilhaftesten für spätere Veränderungen halte, die Layout-Informationen komplett in eine externe CSS-Datei auslagern: ... <head> ... <link rel="stylesheet" type="text/css" href="style.css"> ... </head> <body> ... <td> <input type="submit" class="links" ... /> <input type="submit" class="links" ... /> <input type="submit" class="rechts" ... /> <input type="submit" class="rechts" ... /> </td> ... </body> ... style.css dazu: input.links {float:left;} input.rechts {float:right;} (siehe http://www.css4you.de/wscss/css02.html#ext) www.css4you.de ist meine Online-Bibel, wenns um CSS geht. Sollte in die Bookmarks! oder kennst du ne möglichkeit, dass ohne css zu machen?Wenn du einmal fit in CSS bist, wirst du nicht mehr ohne können (oder wollen ). Haph phun.. ..Arvid
2. Juni 200619 j style="float:right;" wie oben angegeben erzeugt dummerweise einen zeilenumbruch in der tabellenzeile beim formatieren, der button klebt zwar korrekterweise am rechten rand der tabellenzeile, leider eine zeile tiefer als die linken buttons! kein plan, was man da nun noch machen kann... :confused:
2. Juni 200619 j Ähm Leute, entweder float: left oder float: right, aber beides zusammenschmeißen ist Murks! Dann: float benötigt per Definition eine Breite! Damit's dann keinen Zeilenumbruch gibt, benötigt man clear.
2. Juni 200619 j style="float:right;" wie oben angegeben erzeugt dummerweise einen zeilenumbruch in der tabellenzeile beim formatieren, der button klebt zwar korrekterweise am rechten rand der tabellenzeile, leider eine zeile tiefer als die linken buttons!Bei mir funktionierts ohne Probleme - stell mal bitte nen Screenshot und die betreffende Quelltextstelle online Ähm Leute, entweder float: left oder float: right, aber beides zusammenschmeißen ist Murks! Warum? Zwei Buttons floaten links, zwei rechts...wo ist das Problem? Dann: float benötigt per Definition eine Breite!Öhm...wie meinen? Float ist doch nur ein CSS-Attribut. Wie meinst du das mit der Breite? Damit's dann keinen Zeilenumbruch gibt, benötigt man clear.Clear sorgt nur dafür, daß das Element floatende Elemente nicht mehr umfließt. Es zu verwenden wäre hier genau das Verkehrte - die Buttons sollen ja nebeneinander"fließen". Schönes Wochenende
2. Juni 200619 j Warum? Zwei Buttons floaten links, zwei rechts...wo ist das Problem? Wenn du vier Elemente hast brauchen nur drei davon zu floaten (und zwar normalerweise einseitig, d.h. nur left oder nur right) - das vierte float ist hier überflüssig. Öhm...wie meinen? Float ist doch nur ein CSS-Attribut. Wie meinst du das mit der Breite? Bei CSS V1 ist es so, dass das floatende Element eine Breite benötigt.Schau dir mal den QT dieser Seite an.
Archiv
Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.