Как сделать 'Меню' и 'Поиск' горизонтально? - [VM1] Дизайн, оформление

Подскажите, пожалуйста, если кто знает, как сделать 'Меню' и 'Поиск' в горизонтальном положении и на одной и той же строке?
Делаю вывод стандартными настройками и получается, что 'Меню' на одной строке, а 'Поиск' ниже на другой строке, а мне нужно вывести эти функции, только на одной строке горизонтально.

Скриншот примера:

Скриншот шаблона, который испльзую /?tp=1:

Подскажите, пожалуйста, если кто знает, как сделать 'Меню' и 'Поиск' в горизонтальном положении и на одной и той же строке?
Делаю вывод стандартными настройками и получается, что 'Меню' на одной строке, а 'Поиск' ниже на другой строке, а мне нужно вывести эти функции, только на одной строке горизонтально.

Скриншот примера: http://rghost.ru/12547591/image.png

Скриншот шаблона, который испльзую /?tp=1:
http://rghost.ru/12556451/image.png

а если модуль поиска запихинуть в позицию menu?

вариант1 - поднять поиск с помощью padding
вариант2 - как sinbad13 написал, разместить их в одной позиции и подровнять с помощью CSS

вариант1 - поднять поиск с помощью padding

padding тут лучше не использовать, во всяком случае какой смысл использования отрицательного паддинга?)
лучше все же перенести позицию user3 в index.php рядом с позиции menu, и там уже позиционировать как душе угодно.

а если модуль поиска запихинуть в позицию menu?

получается, что 'Поиск' выводится под меню, т.е. на второй строке

padding тут лучше не использовать, во всяком случае какой смысл использования отрицательного паддинга?)
лучше все же перенести позицию user3 в index.php рядом с позиции menu, и там уже позиционировать как душе угодно.

использую шаблон http://www.virtuemarttemplates.com/sample-templates.html где как бы уже все как требуется мне, но в ряд и горизонтально 'Меню' и 'Поиск' не выводится.

получается, что 'Поиск' выводится под меню, т.е. на второй строке

А вот здесь уже смотрим ширину вывода модулей для меню и поиска

А вот здесь уже смотрим ширину вывода модулей для меню и поиска

template.css

.menu {float:left; width:100%; margin-right:-225px;}

.user-3 {float:right; width:600px; padding-bottom:10px;}

менял ширину и тоже самое 'Поиск' получается под 'Меню'

Ссылку дадите с уже расположенными в одной позиции меню и поиском - поможем, а так... честно говоря, за последние дни мои гадальные способности подистрепались(((

Ну, попробуйте

.menu {float:left; width:в пикселях; margin-right:-225px;}

причем тут лучше уточнить, для какого именно меню, а то у вас все меню поедут


.user-3 {float:right; width:поменьшеpx; padding-bottom:10px;}

Кстати, если вот так

.user-3 {float:right; width:600px; padding-bottom:60px;} - может, только этого хватит?

к сожалению сайт не в сети.

данное решение не помогло, к сожалению, спасибо большое.

'Поиск', только поднялся вверх и на строку.

Вы FireBug поставьте и сами смотрите. там можно в реальном времени пробовать, так сложно

FireBug'ом посмотрите класс формы поиска и поставьте width для нее ограниченную. Там либо 100%, либо что то ну очень широкое. С такими вариантами никакие отрицательные значения не помогут без position: absolute;

я вообще везде убрал ширину и выходит тоже самое 'Поиск' ниже 'Меню',т.е. на второй строке.

Так в этом то и дело, что убрав задание ширины, Вы для каждого из них получили width: 100%

я вообще везде убрал ширину и выходит тоже самое 'Поиск' ниже 'Меню',т.е. на второй строке.

далки-гадалки))сим салябим!
Пробуйте так что ли..
.menu {float:left; width:80%; margin-right:-225px;}

.user-3 {float:right; width:220px; padding-bottom:10px;}

либо уже так кардинально.

.menu {float:left; width:20%; margin-right:-225px;}

.user-3 {float:right; width:220px; padding-bottom:10px;}

Так в этом то и дело, что убрав задание ширины, Вы для каждого из них получили width: 100%

но, я до этого уже выставлял ширину и меньше и больше и делил ровно, а поиск так и продолжал выводиться под 'Меню' может файл index.php отвечает за вывод и сами <div>

далки-гадалки))сим салябим!
Пробуйте так что ли..
.menu {float:left; width:80%; margin-right:-225px;}

.user-3 {float:right; width:220px; padding-bottom:10px;}

либо уже так кардинально.

.menu {float:left; width:20%; margin-right:-225px;}

.user-3 {float:right; width:220px; padding-bottom:10px;}

размеры не подходят, но вывелось все на одной строке, как и нужно, было, только вот в смещенном виде, ну из-за размеров, так думаю...

Скриншот: http://rghost.ru/12585251/image.png

размеры не подходят, но вывелось все на одной строке, как и нужно, было, только вот в смещенном виде, ну из-за размеров, так думаю...

ну ежу понятно - так и задумывалось - кардинальность иногда дает результаты) теперь подгоняйте под нужный размер

ну ежу понятно - так и задумывалось - кардинальность иногда дает результаты) теперь подгоняйте под нужный размер

задумывалось, то да, но не продумывалось разработчиками, если получается, что мы правим коды шаблона. А Ёж думаю, что тоже бы заблудился...

разработчик сам предлагает, что-либо включить в user3 и при этом ставит 100% menu,
это я к тому, что, если я убираю width:100%; из .menu {float:left; width:100%; margin-right:-225px;}, то выводится все на одной строке, а именно 'Меню' и 'Поиск', но если оставить, как у разработчика {float:left; width:100%; margin-right:-225px;}, тогда 'Поиск' выводится под 'Меню' добавляя новую строку.

И не зависимо, какой модуль вставляется, все выходит на второй строке.

оставил такое решение:

.menu {float:left; margin-right:-225px;}

.user-3 {float:right; width:600px; padding-bottom:10px;}

Скриншот и самое главное, чтобы держалось.

Всем огромное спасибо за помощь; ответы, варианты и советы!