Seite 1 von 1
Bei <table> kein Zeilenumbruch
Verfasst: 22.08.2006 17:07
von scheibenbrot
Hallo,
ich möchte einen Text neben einer tabeelle haben.
Aber wenn ich etwas schreibe, sollte das hier die Tabelle sein.
Beispiel:
So sollte es:
XXXX<table>XXXX
So ist es aber:
XXXX
<table>XXXX
*X steht für den Text oder sonstiges
Was muss ich machen???
Danke
mfg
Verfasst: 22.08.2006 17:18
von Beagleman
Eine Möglichkeit wäre die Tabelle in eine Tabelle zu setzen:
Code: Alles auswählen
<table>
<tr>
<td>
xxx
</td>
<td>
<table>
<tr>
<td>
yyy
</td>
</tr>
</table>
</td>
<td>
xxx
</td>
</tr>
</table>
Das ergibt:
xxx yyy xxx
Verfasst: 22.08.2006 17:30
von scheibenbrot
Ne,
ich brauche das für folgendes.
Ich habe den Spoiler MOD installiert. Nun nöchte ist, das der Button aber neben dem Text und nicht drunter ist. Das liegt daran, dass der Button in einer Tabelle liegt.
Please Help
PS: Der Grund ist, dass ich eine art fußnote machen möchte, man fährt mit der Maus über ein kleines Bild und der Test erscheint. Dieses Bild soll aber neben dem Text sein. Das ander habe ich soweit fertig
Verfasst: 22.08.2006 17:35
von Beagleman
Dann verlinke doch mal den Quelltext der entsprechenden Datei und beschreibe, um welchen Codeabschnitt es sich genau handelt.
So kann ich mir leider nichts drunter vorstellen.
Verfasst: 22.08.2006 17:50
von OnFire
du könntest versuchen die Tabelle über CSS als inline-element zu definieren, welcher Browser das wie gut mit macht kann ich aber nicht versprechen.....
Verfasst: 22.08.2006 18:03
von scheibenbrot
Hallo,
also das hier ist der normale Code, der den Button generiert:
Code: Alles auswählen
<!-- BEGIN spoiler_open -->
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td>
<span style="font-size: 11px;">
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px">
<b>Spoiler:</b> <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<p>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset; background-color: #FAFAFA; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px">
<div style="display: none;">
<!-- END spoiler_open -->
<!-- BEGIN spoiler_close -->
</div>
</p>
</div>
</div>
</span>
</td>
</tr>
</table>
<!-- END spoiler_close -->
Und so habe ich ihn abgeändert:
Code: Alles auswählen
<!-- BEGIN spoiler_open -->
<table width="90%" cellspacing="1" cellpadding="3" border="1" align="left">
<tr align="left">
<td align="left">
<span style="font-size: 11px;">
<img src="templates/xand/images/icon_delete.gif" value="Show" onMouseOver="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide';}" onMouseOut="{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
<div align="left">
<div align="left">
<div style="display: none;">
<!-- END spoiler_open -->
<!-- BEGIN spoiler_close -->
</div>
</div>
</div>
</td>
</tr>
</table>
<!-- END spoiler_close -->
mfg