Zeilenumbruch bei display:block verhindern

Hi Newsgroup,

ich habe 3 Buttons, die per default auf display: none stehen. Per JS
möchte ich die 3 Buttons einblenden. Wenn ich die Buttons nun auf
display: block setze, werden die buttons unteranander angeordnet (so als
wäre jeweils ein <br> dahinter) Wie kann man das umgehen?

visibility kann ich nicht nutzen, da der container DIV erst in dem
Moment verbreitert wird wenn die Buttons eingeblendet werden sollen.

Mir reicht ein Workaround für IE6 da der Code für eine HTA ist.

Gruß,
Thomas

* Thomas Hübner wrote in de.comp.lang.javascript:

ich habe 3 Buttons, die per default auf display: none stehen. Per JS
möchte ich die 3 Buttons einblenden. Wenn ich die Buttons nun auf
display: block setze, werden die buttons unteranander angeordnet (so als
wäre jeweils ein <br> dahinter) Wie kann man das umgehen?

`display: inline`? Floats? de.comm.infosystems.www.authoring.misc wäre
die passendere Gruppe, das hat im Prinzip nichts mit JavaScript zu tun.
Es wäre auch sinnvoll, wenn du das Problem ein wenig näher beschreibst,
unter "Button" kann man sich vieles vorstellen.
--
Björn Höhrmann · mailto:bjoern (AT) hoehrmann (DOT) de · http://bjoern.hoehrmann.de
Weinh. Str. 22 · Telefon: +49(0)621/4309674 · http://www.bjoernsworld.de
68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/

Bjoern Hoehrmann schrieb:

`display: inline`? Floats? de.comm.infosystems.www.authoring.misc wäre
die passendere Gruppe, das hat im Prinzip nichts mit JavaScript zu tun.
Es wäre auch sinnvoll, wenn du das Problem ein wenig näher beschreibst,
unter "Button" kann man sich vieles vorstellen.

Hi Björn,

mit display: inline anstatt block funzt es wunderbar - 1000THX

Gruß,
Thomas


CSS des container DIV:

#SList {
position:absolute;
top:65px;
height:230px;
left:250px;
width:260px;
background-color: #B4CDCD;
padding:10px;
border:2px outset #068481;
}

HTML:
<input type=button value=UPD id=SListUPD style="Display: none;"
onclick="javascript:UPDSList()">
<input type=button value=DEL id=SListDEL style="Display: none;"
onclick="javascriptELSList()">
<input type=button value=SAV id=SListSAV style="Display: none;"
onclick="javascript:SAVSList()">


javascript:
function expandSList(){
document.getElementById("SList").style.width = "355px";
document.getElementById("SListUPD").style.display = "block";
document.getElementById("SListDEL").style.display = "block";
document.getElementById("SListSAV").style.display = "block";
......
.....