Как изменить groupbox

HeiHeShang · №1

Начал осваивать xul.Навоял такой код

Код:

<window id="Авторизация" title="123"
        xmlns:html="http://www.w3.org/1999/xhtml"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
   <groupbox style="width: 10em; height: 20px;" align="center">
   <caption label="Авторизация пользователя"/> 
    <vbox align="left">
      <hbox>
        <vbox>
          <label control="login" value="Имя пользователя:"/>
          <label control="pass" value="Пароль:"/>
        </vbox>
        <vbox>
          <textbox id="login" style="width: 10em; height: 20px;"/>
          <textbox id="pass" style="width: 10em; height: 20px;"/>
        </vbox>
      </hbox>
    <button id="ok" label="OK" width="10" height="5"/>    
    </vbox>
    </groupbox>>
</window>

Ни как не получается разместить все это посреди страницы и по ширине уменьшить. Получается на весь экран, может кто подскажет что надо поменять или добавить?

Shutnik · №2

HeiHeShang

Выделить код

Код:

<window id="Авторизация" title="123" xmlns:html="http://www.w3.org/1999/xhtml" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <hbox pack="center">
    <groupbox style="width: 10em; height: 20px;" align="center">
      <caption label="Авторизация пользователя"/>
      <vbox align="left">
        <hbox>
          <vbox>
            <label control="login" value="Имя пользователя:"/>
            <label control="pass" value="Пароль:"/>
          </vbox>
          <vbox>
            <textbox id="login" style="width: 10em; height: 20px;"/>
            <textbox id="pass" style="width: 10em; height: 20px;"/>
          </vbox>
        </hbox>
      <button id="ok" label="OK" width="10" height="5"/>
      </vbox>
    </groupbox>
 </hbox>

</window>

HeiHeShang · №3

По центру получилось, только вверху страницы, а хочется посредине, и почему надпись пароль висит выше чем поле ввода для пароля.

Infocatcher · №4

...хочется посредине

Выделить код

Код:

<?xml version="1.0"?>

<window id="test"
        title="Test"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

	<vbox flex="1">
		<spacer flex="1" />
		<hbox pack="center">

			<groupbox>
			<caption label="Авторизация пользователя" />

				<grid>
					<columns>
						<column />
						<column />
					</columns>
					<rows>
						<row align="center">
							<label value="Имя пользователя:" />
							<textbox id="login" />
						</row>
						<row align="center">
							<label value="Пароль:" />
							<textbox id="pass" />
						</row>
					</rows>
				</grid>

			</groupbox>

		</hbox>
		<spacer flex="1" />
	</vbox>

</window>

Добавлено Wed Sep 5 22:37:12 2007 :
Или

Выделить код

Код:

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css" ?>
...

Полезная информация

№104-09-2007 18:10:59

Как изменить groupbox

Код:

№204-09-2007 18:31:51

Re: Как изменить groupbox

Код:

№305-09-2007 03:58:38

Re: Как изменить groupbox

№405-09-2007 22:34:40

Re: Как изменить groupbox

Код:

Код:

Board footer