библиотека, позволяющяя создавать различные web-компоненты типа combo box на основе xml или json. огромное количество полезных функций  



что скажете? 

05.02.09: последнее обновление до версии 2.7 - добавлена поддержка браузеров Safari, Google Chrome и Konqueror.

Это сообщение отредактировал(а) Alx - 5.2.2009, 09:25

Не работают клавиши pageUp, pageDown, home, end.
Селекты лезут один под другой. Если выбран первый пункт, то при наведении мыши сразу на следующий пункт, подсвечиваются синим и тот и тот. (см. изображение).
А в целом прикольно, сам тоже делал такое на работе.

Присоединённый файл ( Кол-во скачиваний: 134 )
 select.gif 2,10 Kb

а должны? я и не знал  как-нибудь сделаем 


хз.. это только в этом месте и только в Эксплорере.. Обновляешь страницу, все ок.. глючит определение zIndex при прорисовке.. есть идейка, попробую


а как иначе? помоему это логично.. почему при передвижени мышке выделение выбранного пункта должна спадать?


мм, а не покажешь, что получилось? 

я так то в FF 2.0.3 смотрел.



попробуй посмотреть поведение обычного селекта, там всегда подсвечено только 1 пункт, а текущий выбранный значит в самом поле ввода.

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

Пасматреть тут можно http://video.sky.ru/combo.php

п.с. кстати памучийте, может баг обнаружите, буду благодарен )


Это сообщение отредактировал(а) alex77 - 14.5.2007, 13:48

исправлено. вроде   


"исправлено" (только при выключенном мультивыборе)


home и end сделал, на page* забил  лень)

а вообще у тебя конечно немного другой скрипт  цель другая, наверно)
у меня-то главным было - ajax-функции и удобное создание, настройка, стилизование, понятное для всех. лишь бы хоть html и сss знать.
автоподстановка, мультивыбор и все остальное, это как доп. фичи   

AJAX-функции теперь работают во всех браузерах, кроме Opera 8.

кто может потестить в IE 5,7, Safari и Konq, буду благодарен.

версия 2.0, пока beta - http://alx.vingrad.ru/fwc

главное нововведение : теперь можно создавать комбобокс всего одной строкой (JS или PHP метод FWC.newSmartSelect()), который возвращает HTML-код. теперь не обязательно использовать XML: список пунктов, а также все необходимые настройки и атрибуты передаются в формате JSON в двух параметрах этого метода.

также оптимизировал AJAX функции, отказалася от JsHttpRequest в пользу Prototype.Ajax и добавил возможность также подгрузки не только XML, но и JSON.

ну и остальное, всего понемногу.

кх.. хоть кто-ниубдь что-нибудь скажет?  

Это сообщение отредактировал(а) Alx - 21.6.2007, 16:07

Возвращася обратно c Prototype.Ajax в JsHttpRequest, а то прототиповский почему-то не показвает ошибки в onSuccess функции, а посто перестает выполнять скрипт. И в FF и в IE.

И еще бы я посоветовал оставить только JSON и избавиться от громоздкого XML   

там все максимально автоматизировано, ошибка может быть только одна: неправильное составление XML-кода или JSON-строки, передающейся с сервера. достаточно просто быть внимательным, всё остальное сделается само. переход на громоздский JsHttpRequest себя не оправдает.
а если все таки хочется использовать JsHttpRequest вместо встроенной loadOptions_PHP (и loadOptions_JS), можно просто передавать какой угодно XML/JSON первым параметром прямо во внутреннюю функцию appendOptions(). например так:



зачем убирать? разве это кому то мешает? 
у XML больше плюсов: он нагляднее, его легче редактировать, он проще для понимания новичкам, знающим HTML, и, самое главное, только через XML-файл можно использовать возможность HTML-форматирования внутри списка. JSON же удобнее использовать для AJAX-подгрузки или для создания небольших стилизованных списков, без особых HTML-наворотов.

кроме того скрипт все равно строит меню на основе XSL-верстки, а следовательно даже при использовании пользователем JSON, он перегоняет его в XML формат сперва, а затем пропускает через  XSLT.


хотелось бы услышать общее впечателение от скрипта, а также какие реальные баги были обнаружены, и что бы выпосоветовали добавить. 

Я бы пооветовал сделать не только один селект, а целый набор виджетов - кнопок, текст-инпутов и т.д. чекбоксов, чтобы их можно было бы красиво оформлять по 9-ячейной матрице, лучше всего исходник - фотошоповский psd, деленный слайсами (впрочем, ты наверное так и делаешь, да?). Вот тогда бы я действительно использовал бы твое творение (просто сам щас такое пишу   ). А один селект - маловато! 

Но реально впечатляет твой селект, хорош. Малюсенький недочетик - при экспанде выезжает как-то криво - сверху чтоли, даже не разберешь  . Лучше уж пусть просто появляется.

А, еще касательно сайта...
При переходе меж страницами, в урле появляется #path , это хорошо. А почему при нажатии Back меня не возвращает на предыдущую страницу? Это плохо 

а цель какая? только скины? 3 встроенных скина это 5% возможностей моего селекта)


воот ниииче не понял) у меня даже фотошопа нет) объясни про все эти слайсы и все такое 


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

пока аналогичных невоплощенных идей нет..)

Добавлено через 1 минуту и 10 секунд

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

Добавлено через 3 минуты и 50 секунд

спасибо, я уж думал никого не впечатлит )


да, есть такой баг. это только в Firefox. все никак руки не доходят пофиксить, там довольно солидный дебаг получается...) если раздражает, пока можно просто отключить анимированное раскрытие, задав атрибут showspeed="0".

  

новая версия! [2.5]
добавлено много новых возможностей, например создание простых текстовых полей с автоподстановкой с сервера (аналог Google Suggest). пример тут: http://alx.vingrad.ru/fwc/ru/smartselect#doc-autofill

Итак, сперва надо разобраться почему виснет браузер (кстати, какой)? и в какой момент он виснет? при загрузке или только в момент автоподстановки? например вот тут - http://turbaza.ru/test/ при выборе страны Италия, загружается около 1500 отелей и никаких подвисаний, за исключением небольших тормозов. единственной возможной причиной подвисания при большом количестве пунктов может быть использование вложенного HTML. об этом посмотрите тут - http://alx.vingrad.ru/fwc/ru/smartselect#doc-skindesign

теперь касательно вашего вопроса: чтобы сделать задержку в три секунды после окончания ввода (хотя, как это может помочь от глюков?), добавьте атрибут ontype с таким содержимым:

и создайте такую JavaScript функцию:

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


однако лучше делать ограничение не по времени, а по количеству введенных символов. для этого существует специальный атрибут. просто добавьте fillstart="4" и подстановка начнется только тогда, когда юзер введет 4 или более символов.

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

Это сообщение отредактировал(а) Alx - 17.7.2007, 00:59

Скажи пожалуйста как ты это исправил ) Я тут пишу одну штуку и тоже Select'ы почему-то лезут наверх.. z-index не помогает. 

ЗЫ Сорри за офтоп )

rcdimon, 
стандартные select`ы windows лезли и будут лезть выше всего. можно юзать хак с iframe, но проще использовать этот тулкит, т.к. он специально делался для замены убогому тегу <SELECT>!
этот тулкит может создавать не только комбобоксы, но и обычные селекты (вернее их "двойников"), а также текстовые поля с автоподстановкой. для этого есть атрибут [font=courier]mode[/font]!

Народ, помогите плз новичку!

Ситуация такая:

Если в списке срабатывает автоподстановка, то значение этого поля по submit не передается (Opera 9.22). В IE и FF все работает нормально.



  

Помогите плз.   


Это сообщение отредактировал(а) Alco - 7.8.2007, 15:23

что-то ничего не понимаю.. с одной стороны функция value4form() срабатывает, input:hidden`ы добавляются, с другой стороны, как элементы формы они не объявляются почему-то и Prototype.Form.serialize() не срабатывает..
http://alx.vingrad.ru/fwc/smartselect/offs...st_suggest.html
будем думать..

Открываем новый сайт 
http://alx.vingrad.ru/fwc
вместе с тем  - новая версия: 2.6!
спасибо за помощь Endeveit`у.

добро пожаловать 

я пока присматриваюсь, но пару соображений выскажу

что явно портит впечатление:
в момент открытия и закрытия компонента 
- мышка меняет курсор на часики, из-за этого нет четкости работы элемента
- в статус баре мелькают сообщения о загрузке рисунков

остается ощущение, что компонент что-то загружает, весь "дребезжит" и дергается


что хотелось бы увидеть в примерах:
работу компонента с многоуровневой БД
есть подобный пример с xml, а вот как заполнить те же 3 компонента зависимой друг от друга информацией из БД - такой пример был бы полезен
особенно, если еще будет автоподстановка 

спасибо

Это сообщение отредактировал(а) pphornet - 2.9.2007, 23:28

ничего себе..  браузер, система?


по поводу БД: как таковой встроенной функции для работы с БД в тулките нет (уж слижком сложно выработать какой-то стандартный механизм, т.к. БД и запросы очень и очень разные). встроенный AJAX-подгрузчик (точнее их два - JS и PHP) предназначены для выборки из XML файлов (на основе значений атрибутов или XPath, см. статью).
для выборки из БД вы должны через PHP-подгрузчик (loadOptions_PHP) подключать собственный PHP файл, передавая ему необходимые параметры, в котором будет запрос к БД, возвращающий JSON или XML. вот, как работает подгрузка функций PHP (пример): при вводе срабатывает PHP-подгрузчик, вызывающий этот файл, и передающий ему 2 GET-парметра: name (первые буквы имени) и limit (max возвращаемых строк, по умолчанию - 10), что в принципе равно вызову этого файла так: http://alx.vingrad.ru/fwc/sources/ex/db.ph...ob&limit=10. как видите, он возвратил JSON строку в формате SmartSelect (о JSON и XML в тулките). далее эта строка автоматически обрабатывается падгрузчиком и подставляется в список для которого был вызван подгрузчик.
все очень просто.вам нужно только задать в loadOptions_PHP своему php-файлу нужные параметры, чтобы он сделал правильный запрос к вашей БД и вернул правильный для SmartSelect`а JSON или XML. всё остальное тулкит сделает сам.

а сделать зависимые списки в SmartSelect - это вообще не проблема. достаточно просто по событию выбора (onchange) на одном списке вызвать AJAX-подгрузчик для другого списка.

например так:



вот и всё. теперь создаем любой компонент second, и смотрим результат: в него будут загружаться первые 20 имен функций PHP из БД MySQL, начинающихся на букву выбранную в первом списке.

вот пример: http://alx.vingrad.ru/fwc/_demos/cascade_db.html

Это сообщение отредактировал(а) Alx - 3.9.2007, 00:41

спасибо за ответ
у меня система Windows XP, браузер IE 6

еще проверил на опере 8.54 - примеры с DOM (компоненты даже не отображаются), а примеры без DOM визуально работают хорошо

pphornet, 
8 Опера не поддерживает XML DOM. так что - только 9-ка..
возможно в скором времени появится решение и для 8-ки (а также Safari и Konqueror).

Добавлено через 17 секунд
странно, что у вас глюкает в ИЕ...

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

а это для Китая поправил:

<?xml version="1.0" encoding="utf-8" ?> 
<fwc:options xmlns:fwc="http://alx.vingrad.ru/fwc">
  <fwc:option world="2">Beijing</fwc:option> 
  <fwc:option world="3">Shanghai</fwc:option> 
  <fwc:option world="1">Harbin</fwc:option> 
</fwc:options>

pphornet, странно..

ага, спасибо, все руки не доходили 

Прива,

кто может дать внятный пример подключения к SmartSelect MySQL списка? На сайте я ничего не нашёл   
Очень хочется использовать такую полезную вещь   

VasyaMalevich, по разному. либо через JSON, либо через XML.
в чем конкретно вопрос?

Честно говоря, не знаю что такое JSON, а XML-файл не хочется при каждом запросе создавать. Вопрос вот такой: где найти пример на PHP чтобы можно было его себе скопировать, подправить под свою БД и не заморачивать "а как там это всё работает"   

VasyaMalevich, готового примера нет, но и заморачиваться особо не надо.
однако дело в том, что SmartSelect воспринимает 2 формата данных - JSON и XML (см. док-цию на сайте).
соответственно, чтобы опции из базы оказались в списке, PHP должен привести их в надлежащий формат и вернуть JSON или XML.
в случае XML совершенно не надо создавать какойто файл, достаточно в методе newSmartSelect() просто вызывать php скрипт, генерирующий XML из БД.
с JSON вообще все проще. если у васидет выборка из бд по одному полю, подойдет примерно такой код:



Это сообщение отредактировал(а) Alx - 15.10.2007, 01:16

Используй XML Source Version 3.3 должно получиться

Привет ещё раз! Получилось у меня правда не совсем так как хотелось бы и с огромными тормозами:

в пхп файле создаётся переменная $pacients, в которую посредствам цикла из MySQL добавляются имена и id пациентов: $pacients.='[$name],[$pid]'; потом переменная $pacients вставляется на вызов смарт селекта. Пациентов в базе больше 2000, поэтому создаются аццкие тормоза и я опять не могу использовать этот замечательный скрипт   

Вот мой запрос к базе:



В ИДЕАЛЕ ХОТЕЛОСЬ БЫ чтобы было текстовое поле, когда оператор начинает набивать фамилию пациента ему как в Экселе выходил бы подходящий вариант.   

json использовать не могу, помоему не поодерживает сервер (Денвер)       

VasyaMalevich, 
фто-то я не понял. все неправильно  судя по тому, что у вас в $pacients, у вас даже переменные не должны значениями заменяться.. кавычки одинарные.

попробуйте так:




Это сообщение отредактировал(а) Alx - 27.10.2007, 00:02

Спасибо, всё работает, код-то правильный. Проблема в том что когда весь этот массив из 2000 юзеров и 2000 id грузится в смарт селект через переменную $pacients такие аццкие тормоза что просто   

Не могу понять проблемы. На одном хостинге все работает (http://uralpress.katz.ru/), а на другом (http://ural-press.ru) в FireFox и Опере выдает ошибку "FWC:Error -> XSL-file '/js/FWC/design/design.xsl' loading error". Все проверил - файлы идентичные. Провайдер тоже ничего не может сказать... Help!

И еще по ходу вопрос. В FireFox стрелочка выпадающего списка отображается, а вот в IE - нет.

scorply, проверьте, правильно ли задана переменная window.fwcpath



в каком скине?


VasyaMalevich, ну вообще-то это и неудивительно.. 2000 записей это даже для простого html много...

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

вот пример

перед отправкой формы надо выполнить value4form и скрипт сгенерит нужные input:hidden`ы с именем равным id списка
соответственно переменная будет такая же

Алекс прошу пример можно ???

Пробую так



Добавлено через 52 секунды
но ни хрена не получается((((((

ashenemy, value4form Это метод объекта списка!! в документации же все написано!

Хоть убейте не вижу 
можешь на моем примере показать плз

http://alx.vingrad.ru/fwc/ru/doc-methods

onsubmit="a.value4form();b.value4form();"

где a и b -  id списков

проблема с русскими буквами

suggest.xml






[*]db.php'[B][/B]



работает нормально если в слове латиниуа, как только слова русские работать перестает((((

не удивительно

все файлы точно в utf-8? без bom? 

не все в кирилице только этот файл в юникоде

ну тогда делай все в кириллице..

Я ПРОБЫВАЛ , не получидлось ожскажэи где что подправить?

а блин... там же тока Unicode в xsl.. ну блин юзай iconv короче на выходе
проверяй что выходит из echo, это должен быть валидный (для тулкита) json-array в кодировке utf-8 вот и все.

в данный момент на выходе в пхп у меня русские слова выводит, мне их надо к чему то приводить или полученные от пользователя приводить в юникод?

Кто-нибудь, кому не лень помочь - сделайте мне на этой библиотеке вып. список со ссылками на страницы, только со скином ss_alx. Я в этой библиотеке и вообще в JavaScript ничего не понимаю. А очень-очень надо. Help me!!!
Если кто-то захочет помочь:
Нужно сразу вставить скрипт в html и послать мне со всеми ресурсами.

ashenemy, то что сервер выводить должо быть в UTF-8 !! причем "без BOM"!


quoro, этого никто делать не будет.

1) подключаешь prototype и smartselect (такой файл уже есть в архиве в папке templates)
вообще, качай 1й архив, открывай папку templates, бери файл template.xml, открывай в блокноте и правь на такой код:



Добавлено через 6 минут и 38 секунд
вот так - http://ajaxy.ru/fwc/_demos/linker.html

День добрый. 
Столкнулся с проблемой при использовании этого селекта.

У меня таблица, в одной ячейке вставляю такой селект. Но при его открытии почему-то неверно отображается выпадающий список - не в том месте. Не срабатывается position:relative для выпадающего списка. Он вылезает так, как буд-то select в левом верхнем углу страницы...
Использую последнюю версию библиотеки (вчера скачал)
Глюк и в ИЕ и в  ФФ
Временно решил проблему, попиксельно подогнав выпадающий список через position:absolute

Помогите пожалуйста разобраться.

Undefined index: name  line 8 ($name   = mysql_real_escape_string($_GET['name']);)
Fatal error: Call to undefined function mb_internal_encoding() 


Что мне нужно исправить? Откуда передается $_GET['name']?

db.php



suggest.xml

Во-первых хочу выразить признательность автору) Ну ооочень навороченный получился контрол) Долго выбирал между этим и dhtmlxCombo от DHX... Уж очень мне понравилась там функция формирования контрола на основе стандартного селекта... Но как оказалось это вариант мне не подходит.. Все равно придется генерить и стандартный и dhtml селект (для вывода криентам без поддержки яваскрипт). Поэтому выбор стал очевиден) В общем в любом случае решил использовать ваш замечательный компонент)

Однако есть небольшой вопрос. У меня задача настроить контрол следующим образом:

Допустим мне надо выбрать 6 картинок (картинки могут повторяться)
В неактивном состоянии отображается только картинка
При клике на картинку открывается список с описаниями картинок

Для наглядности я нарисовал как это в идеале должно выглядеть (во вложении)

Ну и было бы совсем замечательно если бы при наведении на уже выбранную картинку всплывала подсказка что это)

Возможно ли при текущем функционале контрола организовать такой выбор?

Заранее спасибо за ответ)

 

Присоединённый файл ( Кол-во скачиваний: 14 )
 exmpl.jpg 24,89 Kb

МНЕ ОЧЕН ПОНРАВИЛАС СПАСИБО ХОРОШО ПОТРУДИЛИСЬ ТОЛКО НЕЗНАЮ У МЕНЯ В СПИСКЕ ЕСЛИ ЭЛЕМЕНТ СПИСКА ПРЕВОСХОДИТ РАЗМЕР ПРИ НОВЕДЕНИЯ МИШИ НА ЭЛЕМЕНТ ОСТАВШУЮ ЧАСТ ТЕРЯЮ ТО ЕТЬ НЕ ВИДНО ЕСЛИ НЕТРУДНО ИСПРАВТЕ ЭТО ПОТОМУ  ЧТО НАДО ДАТЬ ВЗОЖНОСТЬ ПОЕТИТЕЛЮ УВИДЕТЬ ТЕКСТ.

ПОДСКАЖИТЕ ПОЖАЛУСТА КАК ВИВЕСТИ ЕЛЕМЕНТ СПИСКА В HTML ТО ЕСТ КАК ПОЛУЧИТ ДОСТУП К ЭЛЕМЕНТУ

Это уже было в векте раньше

Добавлено через 6 минут и 42 секунды
У меня другой вопрос. Он так же был в теме выше, но ответа так и не было (вернее был, но он не исправляет ситуации). Подключил компнент, все нормально, работает в ИЕ , и Опере, а в мозиле и Safari  - нет . В мозиле выдает сообдение "FWC:Error -> XSL-file '/js/FWC/js/design/design.xsl' loading error."" Переменная window.fwcpath установлена:  <script type="text/javascript">window.fwcpath = '/js';</script>  Путь правильный.  В чем может быть проблема ???

где было?

gotoks, проблема в том, что подгрузка xml и xsl идет через метод load (dom xml), кот не поддерживается Safari (хотя рекомендуется как универсальный на w3schools).
решается либо использованием php-подгрузчика, либо перепиской метода load_file объекта dom в файле FWC/js/sselect.js с использованием XMLHttpRequest`а. если перепишите и пришлете мне - буду благодарен  потому что мне этим заниматься некогда..(

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

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

Использование серверного варианта помогло. Правда пришлось немножко изменить класс SmartSelect в php, поскольклу у меня стояла версия php 5.1.6 а , для работы ф-й json_decode / json_encode нужна версия не меньше чем 5.2.1. Поскольку в прэкте уже использовался Zend Framework аналогичные ф-ии были взяты из него. Если такие изменения кому надо , то могу скинуть.  

Но возникла другая проблема. В опере, мазиле , и сафари не появляются scrollbar- ы в выпадающих списках,  параметр "maxheight" работает только в ИЕ (версия компонента 2.6, недавно скачанная с сайта). 
Может кто сталкивался с такой проблемой ?

Получаю такую ошибку:

Fatal error: Class 'RuntimeException' not found in /home/apeman/data/www/***/js/FWC/php/SmartSelect.class.php on line 123

Я так понимаю что нужно установить разширение для PHP "SimpleXML"
В новых версиях оно долждно быть подефолту. следовательно возникает вопроса, какая версия ПХП ?

PHP Version 5.2.5

Возможно ли при пхп-подгрузке сделать сообщающиеся списки (генерация xml на пхп)?
На джаваскрипте получилось отлично. Как только перевел на пхп - перестало работать. 
Я проследил - запрос на скрипт, который генерит xml отправляется, скрипт отрабатывает все как надо. Вот только ответ не обрабатывается.

Народ обнаружил такую ошибку

Пишу вот такую вещь



Выкладываю на jsp шку 

в итоге - все работает - 
НО!

1) под оперой не поялвяется скролл при длинном списке не появляется скролл
2) ВНИМАНИЕ ! под мозиллой 1.5 и 2.+ на сервак приходит дублированный запрос под другими бразверями все работает корректно 

я так покопался вроде это связанно с функцией 

evalSmartSelectTags

а конкретно со строчкой 

 eval(sss[i].getElementsBySelector("script."+_id+"_script")[0].innerHTML);

но я могу ошибаться ))

Просьба разобраться! ))
Для меня проблема весьма критичная...

PS: Виджет просто супер - лучше всех что я видел (yahoo, dojo - отдыхают)

Это сообщение отредактировал(а) LeMen - 30.1.2008, 18:49

появилось немного свободного времени, на днях покопаюсь со всеми этими проблемами.

еще одна проблема - ну это наверное может быть и не проблема виджета поскольку firefox 3 все еще в бете

но под Firefox/3.0b2 - не работает виджет - походу проблема в том что там не определяется xslt процессор

у меня проблема ребята помгите пожалуйста некак не могу сообразить я использую $php_self и при повторной 
загрузке хочу чтоб была позиция ранее вибранная мною я посилаю форму методом valu4form() и получаю переменную
но в виде php переменной например $a но мои списки на javascript и ету $a не могу исползовать. заранее спасибо.

Artak81, см атрибут oninit и метод selectOption()

Скачал-попробовал — вроде фурычит. Вставил в собственный код — форма разъехалась. Причём так, что поле ввода в середине экрана, а выпадуша вверху. Оказалось критичен доктайп. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ага.
и почему это - не понятно :(

Как убрать  перенос строки перед меню?
пишу так:


не помогает.......

надо табличку юзать..

Пробовал.... не помогло.......

дай пример пожалуйста.