tabellen
-
Hi,
ich will ein phpbb sytle etwas umschreiben und habe probleme mit einer tabelle
zu zeit sieht es so aus----------------------------------- |Benutzer | Text | | | | |infos | | |ip | | ----------------------------------- |Benutzer | Text | | | | |infos | | |ip | | ----------------------------------- |Benutzer | Text | | | | |infos | | |ip | | -----------------------------------es geht mir um diesen bereich
[code]
-----------------------------------
|Benutzer | Text |
| | |
|infos | |
|ip | |
-----------------------------------
[/code]je nach dem wie lang der text ist verändert sich die höhe z.b.
----------------------------------- |Benutzer | Text | | | Text | |infos | Text | |ip | Text | | | Text | | | Text | -----------------------------------ich will jetzt aber das infos und ip (nur ein link für mods) immer unten stehen
z.b.----------------------------------- |Benutzer | Text | | | Text | | | Text | | | Text | |infos | Text | |ip | Text | -----------------------------------ich habe schon versucht das problem selber zu lösen (self html tabellen teil duch gelesen) aber meine versuche klapen nicht
hier ist der code (der fette teil ist der relevante)
/edit code ein paar posting weiter
danke
[ Dieser Beitrag wurde am 23.04.2003 um 20:36 Uhr von Dimah editiert. ]
[ Dieser Beitrag wurde am 24.04.2003 um 00:01 Uhr von Dimah editiert. ]
-
Hi!
mach einfach eine </td height=100%></td> zwischen Benutzername und ip und infos und mach die rechte seite falls du nur eine Tabelle verwendest rowspan=3Bye
-
... oder vielleicht im <table>-Tag height="100%"
-
Original erstellt von Cenetix:
**mach einfach eine </td height=100%></td> zwischen Benutzername und ip und infos und mach die rechte seite falls du nur eine Tabelle verwendest rowspan=3
**peinlich, aber ich hab noch ein paar probleme mir tabellen
Original erstellt von flenders:
... oder vielleicht im <table>-Tag height="100%" jup habe ich mit rum experementiert habe es aber auch nicht geschaft
habe jetzt den code etwas abgeschpeckt damit ich ein besseren ausblick auf das system habe
/edit code unten
ich breuchte noch ein oder zwei tipps
[ Dieser Beitrag wurde am 25.04.2003 um 14:05 Uhr von Dimah editiert. ]
-
die ausgabe sieht jetzt so aus
------------------------------------------- | Autor | MESSAGE | ------------------------------------------- | ------------- | POST_DATE .... | | |POSTER_NA..| | | | |===========| | | | |PROFILE | | | | |... | | | | ------------- | | | | | | | | | | | -------------------------------------------ahja ich benutze ie6.0
na super jetzt zeit mir der mozila das so an
------------------------------------------- | Autor | MESSAGE | ------------------------------------------- | | POST_DATE .... | | | | | ------------- | | | |POSTER_NA..| | | | |===========| | | | |PROFILE | | | | |... | | | | ------------- | | | | | | | | -------------------------------------------[ Dieser Beitrag wurde am 24.04.2003 um 00:00 Uhr von Dimah editiert. ]
-
stell in der parent-<td> der tabelle (mit dem POSTER_...) noch ein valign="top" ein und es sollte gehen
mit parent mein ich das td über dem fett gedruckten. das sollte funken
-
Und man sollte meines Wissens Tabellenzellen nie leer lassen -> vielleicht hilft eine 1x1 Pixel Grafik?!
-
Was macht ihr denn da? Sowas macht man doch nicht mit einer Tabelle!
Als styles noch:
.modline { position:absolute; left:0px; right:0px; bottom:0px; }Dann im HTML:
[code]<tr>
<th width="150" height="28">AUTHOR</th>
<th width="100%">MESSAGE</th>
</tr>
<!-- BEGIN postrow -->
<tr>
<td style="position:relative;">
POSTER_NAME
<div class="modline">PROFILE<br />POSTER_JOINED<br />POSTER_POSTS<br />IP</div>
</td><td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td nowrap="nowrap" align="left" valign="top">POST_DATE POST_SUBJECT:
<td align="left">POST_SUBJECT</td>
<td align="right" valign="top" nowrap="nowrap"><span> DELETE EDIT QUOTE</span></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><hr />MESSAGE</td>
</tr>
<tr>
<td height="40" valign="bottom">SIGNATURE</td>
</tr>
<tr>
<td valign="bottom" >EDITED_MESSAGE<br /><br /><br /><br /><br /></td>
</tr>
</table>
</td>
</tr>[/code]
-
@loggy, hmmmmm... ich versteh nicht ganz, warum du das div absolut positionierst. Ich meine, richtet es sich dann nicht an den Seitenrändern des Dokumentes aus? Ich dachte, dass man das mit relativer Positionierung hätte lösen müssen, aber ich kenne mich da net so gut aus. Ich meine was bringt es dass div in 'ner Zelle zu lassen und dann absolut zu positionieren. Oder richtet es sich dann auch bei absoluter Positionierung an den Seitenrändern der Zelle aus??? Na ja, wäre nett, wenn du's mir erklären könntest!
MfGTobsen
-
Normalerweise hast du recht und es richtet sich an den Rändern des Dokumentes aus.
Die Definition ist aber anders: Es wird an dem Element ausgerichtet, dass ein anderes "position" hat, als static (default). Deshalb habe ich für das <td> position:relative; festgelegt. Daraufhin wird mit das Child-Element mit position:absolute an dieser Box ausgerichtet. Und das ist alles was wir haben wollen.
Das ist alles schon eine sehr schön flexible und mächtige Sache. Ich weiß nicht, wie ihr da auf Tabellen kommt (und dann noch auf 3 tds, mit 2 wäre es auch gegangen ;)).
-
Original erstellt von Loggy:
Ich weiß nicht, wie ihr da auf Tabellen kommt (und dann noch auf 3 tds, mit 2 wäre es auch gegangen ;)).bisher habe ich zum thema html nur das tabellen kapitel aus selfhtml gelesen, der rest meiner um style arbeit ist löschen und copy & past
und bis jetzt bin ich damit gut gefahren
also nix zu wundern wenn auf tabellen komme
-
Ich meinte dich ja gar nicht.... aber flenders hat ja noch mitgemacht!
-
zwei neue probleme
mit oben und unten hatt alles geklapt
nur jetzt macht der rechte tabellen rand probleme, die zelle richtet sich nur nach POSTER_NAME und das in den <div> überschreibt einfach den zellen rand------------------------------------------- | Autor | MESSAGE | ------------------------------------------- | POSTER_NA | POST_DATE .... | | | | | | | | | | | | | | PROFILE_BLABLA | | | | -------------------------------------------und auf den mozilla taucht POSTER_NA erst garnicht auf und PROFILE ist am unteren Bildschirm rand
ich habe es hier mal upgeloadet http://home.arcor.de/gerard.choinka/index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> </head> <body> <table width="100%" cellspacing="1" cellpadding="3" border="1"> <tr> <th width="150" height="28">AUTHOR</th> <th width="100%">MESSAGE</th> </tr> <!-- BEGIN postrow --> <tr> <td style="position:relative;"> POSTER_NAME <div style="position:absolute;left:0px;right:0px;bottom:0px;"> PROFILE<br /> XXXXXXXXXXXXXXXXXX<br /> POSTER_POSTS<br /> IP </div> </td> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td nowrap="nowrap" align="left" valign="top">POST_DATE POST_SUBJECT: <td align="left">POST_SUBJECT</td> <td align="right" valign="top" nowrap="nowrap"><span> DELETE EDIT QUOTE</span></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><hr />MESSAGE</td> </tr> <tr> <td height="40" valign="bottom">SIGNATURE</td> </tr> <tr> <td valign="bottom" >EDITED_MESSAGE<br /><br /><br /><br /><br /></td> </tr> </table> </td> </tr> <!-- END postrow --> </table> </body> </html>[ Dieser Beitrag wurde am 25.04.2003 um 14:04 Uhr von Dimah editiert. ]
-
Mhmm... also <spam> gibts schonmal gar nicht (vielleicht <span>?).
Und sonst verstehe ich vor allem Mozillas verhalten nicht. Behebe erstmal den einen Fehler, dann schaue ich nochmal.
Achso, aktuelle HTML Version ist 4.01, nicht 4.0.
[ Dieser Beitrag wurde am 25.04.2003 um 13:44 Uhr von Loggy editiert. ]
-
ok habe ich (upgeloadet und code im posting geändert) aber immer noch gleiche probleme
[ Dieser Beitrag wurde am 25.04.2003 um 14:03 Uhr von Dimah editiert. ]
-
noch ein versuch ohne div:
<td> <table border="0" height="100%" width="100%"> <tr> <td valign="top">POSTER_NAME</td> <td valign="bottom">PROFILE<br> XXXXXXXXXXXXXXXXXX<b> POSTER_POSTS<br> IP </td> </tr> </table> </td>sollte diese ausgabe machen:
+-----------------------------------+ |+----------++----------------------+ ||Name || | || || | |+----------+| | || || | || || | ||Profile || | ||IP || | |+----------+| | +------------+----------------------+wobei der rahmen der tabelle, die name und ip beinhaltet nicht angezeigt wird
-
hmm das wird zu
+-----------------------------------+ |+----------+----------++-----------+ ||Name |Profile || | || |IP || | |+----------+----------+| | | | | | | | | | | | | | +-----------------------------------+und mit
<td> <table border="0" height="100%" width="100%"> <tr> <td valign="top">POSTER_NAME</td> </tr> <tr> <td valign="bottom">PROFILE<br> XXXXXXXXXXXXXXXXXX<b> POSTER_POSTS<br> IP </td> </tr> </table> </td>wird das zu
+-----------------------------------+ +------------+----------------------+ |+----------+| | ||Name || | |+----------+| | || Profile || | || IP || | |+----------+| | | | | | | | +------------+----------------------+
-
der Mozilla mag das irgendwie nicht, wenn man für <td>s was anderes als position:static (default) festlegt. Also muss man noch ein <div> erstellen, sieht ca. so aus:
<td> <div style="position:relative;height:100%;width:100%;"> TEXT <div style="position:absolute;left:0px;right:0px;bottom:0px;"> XXXXXXXXXXXXXXXXX </div> </div> </td>Wie man das mit dem overflow lösen kann, muss ich mich nochmal informieren.
-
Original erstellt von Loggy:
Wie man das mit dem overflow lösen kann, muss ich mich nochmal informieren.das ist nicht das einzigste problem,
<td> <div style="position:relative;height:100%;width:100%;"> POSTER_NAME <div style="position:absolute;left:0px;right:0px;bottom:0px;"> PROFILE<br> XXXXXXXXXXXXXXXXXX<b> POSTER_POSTS<br> IP </div> </div> </td>IP steht genau über POSTER_NAME, vielleicht habe ich schon zu viel zeit damit verschwendet und machts ohne besondere ausrichtung
-
Ich finde eh, dass die vordere Spalte ruhig eine fixe Breite haben kann.
Und der Bereich des Userpost sollte unbedingt ein overflow Regel bekommen. Weil bisher nervt es mich immer, wenn durch lange Code-Zeile die komplette Seite zerschossen wird (das man immer horizontal scrollen muss) - dann lieber nur ein Scrollbalken für den Post mit dem Quelltext mit zu langen Zeilen