Форма авторизации в одну строку

[Fatality]

Доброго времени суток, уважаемые форумчане.
Буквально на днях решил осваивать пакет Joomla!. Перескочил с DLE, поэтому возникло много трудностей с настройкой внешнего вида. Тем более, шаблон писал сам с нуля.
Собственно, проблема заключается в следующем. Не могу настроить внешний вид блока Авторизации пользователей. А именно, мне требуется сделать её в одну строку (поверх тонкого (размер) бэкграунда).
Вот, что у меня на данный момент:



Ну, и как Вы понимаете, мне надо прийти к такому виду (фотошоп):

(до авторизации)

(после авторизации)


CSS абсолютно пустой (кроме настроек body и .inputbox'а), поэтому, если Вам не трудно, прошу выложить готовый вариант кода, или подробно объяснить, как сделать. Пробовал качать другие дизайны (где по скриншотам форма настроена должным видом), но только еще больше запутался в *.css и кодах. Поэтому, прошу данный пункт не предлагать. Только из-за этой проблемки и встала работа над порталом.  

ЗЫ: Использую Joomla 1.5.17

Заранее спасибо, с Уважением Fatality

[Fatality]

Никто не поможет?

[danik.html]

display: inline, display: inline-block или float: left;
скрина чет не вижу

[Fatality]

Эм, извиняюсь за дотошность. А подробнее можно?

ЗЫ: Скрины в первом посте, работоспособные.

[danik.html]

посмотрел скрины(в другом браузере открылись)
Создай в папке своего шаблона папку HTML, закинь туда файл default.php из modules/mod_login/tmpl и подредактируй его под себя.

В частности там все обернуто в абзацы (<p></p>), поудаляй их нах и будет тебе все в строку. также убей <br /> если попадется и <div>, и еще там ссылки для склеротиков и другие сделаны ввиде списка, можно поудалять теги <ul>  и <li> , а можно в CSS написать
#form-login ul,
#form-ligin li{
    display: inline; // так мы говорим браузеру чтоб он отображал блочные по своей природе ul и li как строчные
}

В общем выучи какие элементы блочные а какие строчные, чуток CSS и сможешь сам все сделать. А если лень самому - жди, мож кто добренький напишет тебе готовый код

[Fatality]

Спасибо, большое. Попробую. О результате сообщу.

[Fatality]

danik.html, еще раз, большое спасибо. В одну строку запихнуть смог. Но, возникла новая проблемка. Формы ввода укатились вправо, а весь текст слева.

Скрин:


Не подскажите, как исправить?

[danik.html]

без ссылки на сайт  ни как.
Порядок следования может быть только изменен через float: right или float: left

нужно либо использовать флоуты либо не исплользовать.
любой элемент, если присвоить float , "уплывет" влево или в право до упора, или до другого такого же плавающего, а все остальные будут его "обтекать". тут можно обойдись без флоутов полностью. так как тут всего одна строка.

[Fatality]

Портал на Денвере торчит. Могу скинуть код default.php модуля авторизации

Код:

<?php // no direct access
defined('_JEXEC') or die('Restricted access'); ?>
<?php if($type == 'logout') : ?>
<form action="index.php" method="post" name="login" id="form-login">
<?php if ($params->get('greeting')) : ?>
<?php if ($params->get('name')) : {
echo JText::sprintf( 'HINAME', $user->get('name') );
} else : {
echo JText::sprintf( 'HINAME', $user->get('username') );
} endif; ?>
<?php endif; ?>
<input type="submit" name="Submit" class="button" value="<?php echo JText::_( 'BUTTON_LOGOUT'); ?>" />
<input type="hidden" name="option" value="com_user" />
<input type="hidden" name="task" value="logout" />
<input type="hidden" name="return" value="<?php echo $return; ?>" />
</form>
<?php else : ?>
<?php if(JPluginHelper::isEnabled('authentication', 'openid')) :
$lang->load( 'plg_authentication_openid', JPATH_ADMINISTRATOR );
$langScript = 'var JLanguage = {};'.
' JLanguage.WHAT_IS_OPENID = \''.JText::_( 'WHAT_IS_OPENID' ).'\';'.
' JLanguage.LOGIN_WITH_OPENID = \''.JText::_( 'LOGIN_WITH_OPENID' ).'\';'.
' JLanguage.NORMAL_LOGIN = \''.JText::_( 'NORMAL_LOGIN' ).'\';'.
' var modlogin = 1;';
$document = &JFactory::getDocument();
$document->addScriptDeclaration( $langScript );
JHTML::_('script', 'openid.js');
endif; ?>
<form action="<?php echo JRoute::_( 'index.php', true, $params->get('usesecure')); ?>" method="post" name="login" id="form-login" >
<?php echo $params->get('pretext'); ?>

<label for="modlgn_username"><?php echo JText::_('Username')?></label>
<input id="modlgn_username" type="text" name="username" class="inputbox" alt="username" size="18" />
<label for="modlgn_passwd"><?php echo JText::_('Password')?></label>
<input id="modlgn_passwd" type="password" name="passwd" class="inputbox" size="18" alt="password" />
<?php if(JPluginHelper::isEnabled('system', 'remember')) : ?>

<label for="modlgn_remember"><?php echo JText::_('Remember me')?></label>
<input id="modlgn_remember" type="checkbox" name="remember" class="inputbox" value="yes" alt="Remember Me" />
<?php endif; ?>

<?php
$usersConfig = &JComponentHelper::getParams( 'com_users' );
if ($usersConfig->get('allowUserRegistration')) : ?>

<a href="<?php echo JRoute::_( 'index.php?option=com_user&view=register' ); ?>">
<?php echo JText::_('REGISTER'); ?></a>

<?php endif; ?>
</ul>
<?php echo $params->get('posttext'); ?>

<input type="hidden" name="option" value="com_user" />
<input type="hidden" name="task" value="login" />
<input type="hidden" name="return" value="<?php echo $return; ?>" />
<?php echo JHTML::_( 'form.token' ); ?>
</form>
<?php endif; ?>

[danik.html]

CSS нужен, тут все гуд

[Fatality]

danik.html, CSS пуст)) только боди настроен

[danik.html]

ну прям мистика какаято. ставь FireBug , смотри, он те все покажет

[Fatality]

Думаю, что все таки в дефолте трабл. Ибо, если разделять коды логина и пароля - то формы встают как надо. Но в две строчки. Т.е. обрамлять в тэг <p></p>