|
|||
Zeilenumbruch: gleich lange Zeilen
Hallo,
ich hoffe ich ziehe jetzt nicht in irgendeiner Weise den Zorn des Forums auf mich, aber ich habe eine Frage deren Lösung ich einfach nicht finden konnte. Es geht um folgendes: Ich versuche mich gerade daran ein Ieview Template für Miranda zu modifizieren, welches die Darstellung des Nachrichtenverlaufs im Miranda Chatfenster verändert. Das Ganze ist aber nichts anderes als HTML und CSS (auch javascript möglich), insofern ist es kein wirkliches "Miranda-Problem". Ich habe eine Tabelle mit zwei Spalten. In der linken befindet sich ein Div mit variabler Breite. In diesen Div kommt die Nachricht, die ein Benutzer sendet und je nach Größe eine Sprechblase drumherum macht. Allerdings entsteht bei zweizeiligen Nachrichten manchmal eine hässliche freie Stelle. Ich brauche also etwas, was einen Zeilenumbruch so erzwingt, dass der Text zum Schluss gleiche Zeilenlänge hat. Zum besseren Verständnis (ein Bild sagt mehr als tausend Worte) habe ich ein Bild angehängt. Vielen Dank an jeden der versucht mir zu helfen! Gruß Geändert von kleinpoe (14.11.2010 um 15:11 Uhr) |
Sponsored Links |
|
||||
Eigentlich müsste das Div wo der Text drin steht, die gleiche Breite einnehmen wie das Fenster hergibt, egal wie viel Text drin steht. Es sei denn es wird float verwendet oder display:inline...
Wie schaut denn der Code dazu aus?
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
Sponsored Links |
|
|||
HTML-Code:
<table cellpadding="0" cellspacing="0"> <tr><td> </td><td width="100%"> <table cellpadding="0" cellspacing="0" align="left"> <tr><td> <td class="minsize"> <div class="outcenter"> <div class="outtop"> <div class="outbottom"> <div class="outleft"> <div class="outright"> <div class="outlefttop"> <div class="outrighttop"> <div class="outrightbottom"> <div class="outleftbottom"> <div class="textmargin">%text%</div></div></div></div></div></div></div></div></div></div></td> </td></tr> </table> <td width="30" align="right" style="padding:0px 2px 2px 0;" valign="bottom"><span class="timestampout">%time%</span></td> </td></tr></table> <table cellpadding="0" cellspacing="0" class="spacer"><tr><td></td></tr></table> |
|
|||
Lasst mich das Problem anders formulieren, ich glaube ich verwirre damit nur:
Ich habe einen Div Container der mit Text gefüllt wird und je nach Text die Größe anpasst. Ist der Text länger als die Seitenbreite wird eine neue Zeile im Div begonnen und der Div hat die Breite der Seite. Nun angenommen, dass der Text um ein Wort länger ist, als gerade so auf die Seite passt. Dann habe ich eine volle Zeile und ein Wort in der nächsten Zeile. Nun ist es aber für mich aus irgendeinem Grund wichtig die Breite des Divs möglichst klein zu halten. Würde der Text schon vorher einen Zeilenumbruch machen, sodass beide Zeilen etwa gleich lang sind, wäre der Div nicht mehr so breit, obwohl er die gleiche Höhe hat. Und genau das ist es was ich erreichen will. |
|
||||
Also Du willst erreichen, dass Falls 2 auf deinem Bildchen oben passiert?
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
||||
Uff... Das ist schon ein krass beschissener Code... Probier es mal so:
HTML-Code:
<table cellpadding="0" cellspacing="0"> <tr><td> </td> <td width="100%"> <div class="outcenter"> <div class="outtop"> <div class="outbottom"> <div class="outleft"> <div class="outright"> <div class="outlefttop"> <div class="outrighttop"> <div class="outrightbottom"> <div class="outleftbottom"> <div class="textmargin">%text%</div></div></div></div></div></div></div></div></div></div></td> <td width="30" align="right" style="padding:0px 2px 2px 0;" valign="bottom"><span class="timestampout">%time%</span></td> </td></tr></table> <table cellpadding="0" cellspacing="0" class="spacer"><tr><td></td></tr></table> Ist aber auch nur ein Stich ins blaue.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
|||
hat leider nicht funktioniert, jetz werden die Sprechblasen nur fehlerhaft dargestellt. Ich verstehe nicht ganz wie das gemacht ist, ich habe den code auch nur übernommen und modifiziere ihn, aber wenn man meine vereinfachte Beschreibung des Problems lösen könnte, würde das glaube ich reichen.
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Zeilenumbruch von Tabellen | niemand | CSS | 16 | 01.10.2009 09:01 |
Tabelle: Mehrere Zeilen aus einmal einbleden und wieder ausblenden - Wie? | EPMS | Javascript & Ajax | 6 | 15.07.2009 14:29 |
Auf-/Zuklappen mit JS | crimi | Javascript & Ajax | 7 | 23.09.2008 17:27 |
Zeilenumbruch durch Codestruktur | MANIK | (X)HTML | 11 | 23.09.2007 16:37 |
Zeilen in Tabelle löschen | MTH | Javascript & Ajax | 0 | 11.09.2007 14:08 |