Sorry, was on vacation, thanks a lot, it really worked very well.
But, when I am trying to define a css-class for each form-item, nothing seems to really work. I just made my css-code for each item separately:
[code]*, html {
margin: 0;
padding: 0;
}
.Button2 {
position: absolute;
width: 194px;
height: 26px;
left: 14px;
top: 243px;
overflow: hidden;
}
.Button1 {
position: absolute;
width: 194px;
height: 26px;
left: 253px;
top: 243px;
overflow: hidden;
}
.GroupBox1 {
margin: 0; padding: 0;
}
.GroupBox1 fieldset {
position: absolute;
margin: 0; padding: 0;
height: 202px;
width: 442px;
top: 26px;
left: 5px;
}
.txtUser {
position: absolute;
width: 318px;
height: 21px;
left: 108px;
top: 47px;
}
.txtPassword {
position: absolute;
width: 318px;
height: 21px;
left: 108px;
top: 75px;
}[/code]
…for the elements, described such…
[code]var formData = [
/{type: “settings”, position: “absolute”},/
{type: “button”, name: “Button2”, value: “OK”, className: “Button2”, command: “save”},
{type: “button”, name: “Button1”, value: “Abbrechen”, className: “Button1”, command: “save”},
{type: “fieldset”, className: “GroupBox1”, name: “”, label: “”, list:[
{type: “input”, value: “txtUser”, className: “txtUser”},
{type: “input”, value: “txtPassword”, className: “txtPassword”}
]}
];
var myForm = new dhtmlXForm(“frm”, formData);[/code]
in one case the buttons have less width than those 194px and in the other case far more than 194px. I tried to look for margins / paddings with Firebug, i also tried it on several browsers.
Anybody got an idea, how those elements are properly aligned with an absolute position and css?