Bei <table> kein Zeilenumbruch

[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

[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

[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

[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.

[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.....

[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;">
&nbsp;<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