Добрый день, мне надо в меню в <li >сделать 2 ссылки для переключения языка. <а> - строчный элемент, но браузер ставит <a href="#"> RU</a> под <a href="#">DE /</a>, то есть как бы 2 элемента, один над другим. Почему и как сделть чтобы было одно поле с содержимым. Спасибо. ....................................... <li><a href="#">Tab four</a> <ul > <li><a href="#">Link one</a></li> <li><a href="#">Link two</a></li> </ul> </li> <li> <a href="#">DE /</a><a href="#"> RU</a> </li> ...................................
поместить их в контейнер достаточной ширины юзать флексбокс выставить им корректный display флоаты на худой конец выбирайте, что вам по ситуации ближе
Thanks, но вот так не работает: <li> <a style="display:inline" href="#">DE /</a><a href="#"> RU</a> </li> то есть все по-прежнему. Так тоже без изменений: <li><div style="size:200px"> <a style="display:inline" href="#">DE /</a><a href="#"> RU</a></div> </li> И все же принципиальный вопрос.<а> строчый? если "Да", то почему???
<a> - строчный, но в твоем случае скорее всего отрабатывает какая нибудь css, нажми f12- выбери вычислено и посмотри откуда и что
Спасибо. 1. Код (Text): [LIST=1] [*]ul#horizontal-list li { [*] display: inline; [*]} [/LIST] не помогает. Что такое f12 не понял, делаю в Notepad++..... Вот ссылка, http://jsfiddle.net/y1zku2vn/ все в одном файле, пока заготовка, основное меню по центру. и еще не врубаюсь: если вставить меню в <div>, в которoм class="header" то оно все равно идет вниз, то есть опять же после <а>, в которoм <img src="" функционирует как блочный элемент <div class="header"><a href="#"><img src="" alt="Foto" name="Insert_Foto" width="20%" height="300" id="Insert_Foto" style="background-color: #8090AB; display:inline;" /></a> <div id="centeredmenu"> <ul> <li><a href="#">Tab one</a> <ul> <li><a href="#">Link one</a></li> </ul> </li> <li class="active"><a href="#" class="active">Tab two</a> <ul> <li><a href="#">Link one</a></li> <li><a href="#">Link two</a></li> < </ul> </li> <li><a href="#">Big tab three</a> <ul> <li><a href="#">Link one</a></li> </ul> </li> <li><a href="#">Tab four</a> <ul class="last"> <li><a href="#">Link one</a></li> <li><a href="#">Link two</a></li> </ul> </li> <li> <a style="display:inline" href="#">DE /</a><a href="#"> RU</a> </li> <!--<li> <a href="#"> RU</a> </li>--> </ul> <!-- END centeredmenu --></div> <!-- END .HEADER --></div>
я же написал inline должен быть в li https://css-tricks.com/centering-list-items-horizontally-slightly-trickier-than-you-might-think/
Хм... Возможно я идиот или мало виски выпил, но: 1. In <style> </style> Код (Text): #horizontal-list li { display: inline; } 2. В <body>: Код (Text): <li id="horizontal-list"> <a href="#">DE /</a><a href="#"> RU</a> </li> вот здесь: http://jsfiddle.net/y1zku2vn/2/ Где ошибка не понимай.....
#horizontal-list li значит <ul id="horizontal-list"> для всех li внутри или делай без li #horizontal-list {} но тогда не логично. Тогда нужно #horizontal-list-item {} обзывать плюс id больше 1 на странице быть не может. Соответсвенно не id а class
Cпасибо за науку. 1. Выяснил, что от количества виски никак не зависит. 2. Упростил(укоротил) файл для обозримости. 3. Сдалал класс .horizontal-list-item { display: inline; } - строка 228 4. строка 272 <li class = "horizontal-list-item"> <a class = "horizontal-list-item" href="#">DE /</a> <a href="#"> RU</a> 5. Один черт, 2 этажа. удаление класса из <li> или из <a> естественно ничего не меняет. File : http://jsfiddle.net/y1zku2vn/4/ Воможно следует виски заменить коньяком.....
@Vladchucha У тебя там вообще хаос я думал ты список создаешь в твоем случаи нужно делать один <a>RU / EN</a> если хочешь извращаться с инлайн тогда так http://jsfiddle.net/y1zku2vn/5/
@Vladchucha, в css Код (CSS): #centeredmenu ul li a убери Код (CSS): display:block , и будет в линию, или переназначь стиль более явно. F12 - это вывод инструментов в браузере, можешь просто правой кнопкой мыши нажать и выбрать просмотреть код, если в chrome, или исследовать элемент, если FF
Всем большое спасибо, вроде разобрался. Но вы не расслабляйтесь, медленно, но делаю дальше, а CSS оценивает мой интеллект крайне низко.
Много мусора в коде пока, но все придет. Немного советов от старого версталы: 1. Старайтесь соблюдать порядок вложенности: К примеру у вас родительский объект - <div id="..." а в нем уже может идти вложенность подобное (в данном случае) <ul class="...", <li class="...", и уникальность классов предусматривать только в случае необходимости, иначе пишите просто ul, li в псевдоклассе можно указать путь от родительского id до вложенного элемента 2. Старайтесь не писать style="..." напрямую в коде, а выносите в отдельный файл стилей с расширением .css Все это приведет к удобочитаемости кода в первую очередь для себя, а равно отслеживание связей + правки "на лету" в браузере в Firebug (F12). В таком случае верстка Вам покорится и очень быстро, даже понравится)))