prowoke
-
Posts
151 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by prowoke
-
-
22 часа назад, MadSandwich сказал:
Один вопрос, как нам поможет html код, без CSS, собственно того что нужно вам поправить. Я не вижу тут ни ссылки на сайт, ни созданного на подобие этого блока на другом сайте.
Ну bootstrap это. Ну а так нету какого то готового решения для этого? Задача вроде распространнёная. Ну так, вот css:
#menu { background-color: #840d55; background-image: linear-gradient(to bottom, #9a176d, #840d55); min-height: 77px; box-shadow: 0 0 5px; border-radius: 10px; } #menu .nav > li { background-image: url(../image/liseparate.png); background-repeat: no-repeat; background-position: right 18px; text-transform: uppercase; height: 100%; } #menu .nav :last-child { background-image: none; } #menu .nav > li > a { color: #fff; font-size: 13px; height: 100%; background-color: transparent; width: 138px; height: 77px; text-align: center; } #menu .nav > li > a:hover, #menu .nav > li.open > a { background-color: rgba(0, 0, 0, 0.1); } #menu .dropdown-menu { padding-bottom: 0; } #menu .dropdown-inner { display: table; } #menu .dropdown-inner ul { display: table-cell; background-color: #840d55; } #menu .dropdown-inner a { min-width: 160px; display: block; padding: 3px 20px; clear: both; font-size: 13px; line-height: 20px; color: #333333; font-size: 12px; color: white; } #menu .dropdown-inner li a:hover { color: #FFFFFF; }
-
Здравствуйте. Мне нужно выровнять по вертикали текст в теге <li>. Сложность в том, что текст во-первых двухстрочный. Во вторых содержится в bootstrap меню. Вот такая структура:
<nav id="menu" class="navbar"> <div class="navbar-header"><span id="category" class="visible-xs">Категории</span> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="dropdown"><a href="http://neosakura/index.php?route=product/category&path=59" class="dropdown-toggle" data-toggle="dropdown">Букеты</a> <div class="dropdown-menu"> <div class="dropdown-inner"> <ul class="list-unstyled"> <li><a href="http://neosakura/index.php?route=product/category&path=59_68">Второй вид (3)</a></li> <li><a href="http://neosakura/index.php?route=product/category&path=59_67">Первый вид (1)</a></li> </ul> </div> <!--<a href="http://neosakura/index.php?route=product/category&path=59" class="see-all">Показать все Букеты</a>--> </div> </li> <li><a href="http://neosakura/index.php?route=product/category&path=60">Горшочные изделия</a></li> <li><a href="http://neosakura/index.php?route=product/category&path=61">Композиции</a></li> <li><a href="http://neosakura/index.php?route=product/category&path=62">Корзины</a></li> <li><a href="http://neosakura/index.php?route=product/category&path=64">Новогодняя флористика</a></li> <li><a href="http://neosakura/index.php?route=product/category&path=66">Оформление мероприятий</a></li> <li><a href="http://neosakura/index.php?route=product/category&path=65">Свадебная флористика</a></li> <li><a href="http://neosakura/index.php?route=product/category&path=63">Траурная флористика</a></li> </ul> </div> </nav>
Тема популярная, но то, что я нахожусь в сети, обычно не работает, либо не подходит.
-
Скажите, что уточнить надо и я уточню.
Ну написали же, что нужен код. Дайте ссылку на ваш сайт или сделайте на codepen'е или еще где.
Вот сайт на хостинге - http://bazaodon.ru/
Вот эмулятор iPad'а - http://ipadpeek.com/
-
-
Данная проблема не известна не данному сообществу, и никакому другому в нашем тысячелетии. Возможно она будет интересна нам, т.к. ни кто не слышал о таком поведении элементов ранее. Я лично свяжусь с разработчиками веб кита если это потребуется мне. Хотя с такой же вероятностью данная проблема найдет своё заслуженное место в папке "спам".
Не понимаю, что я не так объясняю. Скорректируйте, что ли. На ноутбуке сайт растягивается на всю ширину монитора, на iPad'е - нет. Скажите, что уточнить надо и я уточню.
-
Чего именно нехватает? Весь код же я не буду скидывать.
У меня сайт растягивается на всю ширину экрана. Но из за того, что некоторые блоки больше, то на iPad'е появляется горизонтальный скроллинг, как на скриншотах. Вроде бы понятно, объясняю.
Ну и что теперь, по картинкам гадать, что ли? Есть тысячи способов показать свой код, о которых на форуме уже говорили миллионы раз.
Так может это известная проблема и есть уже готовый ответ на неё. Ну я могу и код кинуть на форум, мне не сложно.
-
Вы себя ведёте не неправильно, а странно. Прошлая тема на месте: http://htmlforum.ru/index.php?showtopic=54857&hl=. Но и сейчас вы допускаете те же ошибки, что и в первой теме. Не думаю, что кто-то захочет помогать, принимая во внимание всё это.
Чего именно нехватает? Весь код же я не буду скидывать.
У меня сайт растягивается на всю ширину экрана. Но из за того, что некоторые блоки больше, то на iPad'е появляется горизонтальный скроллинг, как на скриншотах. Вроде бы понятно, объясняю.
-
На персональном компьютере сайт-лендинг растягивается у меня во всю ширину экрана, а на iPad'е происходит вот такая вот штука:
Код структуры лендинга:
<div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>
Прошлую тему почему-то удалили. Я не понял почему. Я как то неправильно на форуме себя веду? Или что?
-
Здравствуйте. Не могу понять почему в iPad вёрстка не растягивается по всей ширине экрана, т.е. там есть горизонтальный scroll и за границами этого скролла блоки не растягиваются, а становятся фиксированными. Это лендинг и есть такой вот код:
<div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>
Так вот, например блок section3 шире, чем другие и из за этого получается горизонтальная прокрутка в iPad'е. На персональных компьютерах такой проблемы нету, т.к. остальные блоки подстраиваются под самый длинный.
-
Здравствуйте. Вот есть сайт. Там есть надпись в главной "Звоните!". И в этой надписе пропала буква "З" (В IE9). В других браузерах всё хорошо. Я не могу понять, куда буква то делась?
Вот сайт:
-
Здравствуйте. Вот сайт есть:
Хозяин сайта попросил уменьшить фотоаппарат, чтобы он влазил в браузер. Чтобы всё было пропорционально, я выставил масштабирование сайта по умолчанию, вот так:
$("body").css({ zoom: 0.65, transform: "scale(0.65)", transformOrigin: "0 0" });
document.body.style.MozTransform="scale(0.65)"; // для FireFox
if ($.browser.opera) {
$("body").css("marginTop", "-150px");
document.body.style.OTransform = "scale(0.65)";// Для Opera
}И появилась забавная проблема, которую я не знаю как решить. Из за масштабирования, сама область документа выравнивается по левому краю в 2 браузерах, в IE и в Firefox. И из-за этого сайт перестаёт быть по центру. Я думал узнать общую ширину окна браузера с помощью $(document).width(), $(window).width(), screen.width, document.body.clientWidth и через вычисления выравнить. Но всё это выдаёт не рабочую область браузера, а область документа. Вот не знаю, как решить проблему. Может подскажете что?
-
Надо просто для боди 1 раз прописать мин-видт.
Еще мне очень не нравится что бирка делает непонятным меню на маленьких разрешениях.
Прописал, теперь не едет. Хороший совет.
-
Вот сайт:
Хочу научиться верстать резиной. Вот как в этом сайте - это правильно?
-
Здравствуйте. Сам я кодер и никогда не интересовался раскруткой сайта и SEO. Но вот у меня один знакомый, который владеет небольшим сайтом-хобби спрашивает советов по раскрутке. Говорит, посоветуйте мне что-нибудь. Что можно посоветовать то? Я знаю только, что:
1) Должен быть title на каждой странице свой.
2) Каждая страница должна иметь понятное и описательное содержание description тега
3) На сайте должны быть грамотно заполнены keywords
4) На сайте должен быть уникальный контент, как картинки так и текст.
5) ЧПУ
6) Побольше ссылок на сайт с других сайтов. И чтобы другие сайты были положительными для поисковика.
7) Кроссбраузерность и валидность сайта.
ЧТо ещё посоветуете? Как вообще сайт можно раскрутить? У поисковиков ещё как то можно покупать популярность да? В общем, кому не жалко инфы, сделайте краткий ликбез для меня и моего друга. Просто при гуглинге я на какие то "имхи" натыкаюсь, написанные неизвестно кем и противоречащие друг другу. SEO - не точная наука)
-
И то, и другое сделано с помощью jQuery.
В первом случае у меню меняется position на fixed, когда оно достигает края окна браузера.
Во втором - анимируется скроллинг к нужным элементам.
Очень понравился, кстати, сайт.
А где оно там вещается?
-
-- удалил --
?
-
Здравствуйте. Вот сайт: http://foodstudio . no/
Не понимаю, как сделанно, чтобы меню тянулось за скроллом вниз? А также такой плавный переход к ссылкам? Я смотрел исходный код, но так и не понял как и где это вообще подключается?
-
Ссылки в боковой навигации лучше сделать блочными.
Чем?
display: block;
Я понял, спасибо.
-
Ссылки в боковой навигации лучше сделать блочными.
Чем?
-
По сравнению с другими попытками составить обобщённые критерии хорошей вёрстки статья выглядит вполне сбалансированной, но сам автор не зря оговаривается, что многое зависит от конкретного случая. Например, работоспособность с отключённым JavaScript для обычной веб-странички с текстом — это одно, а вот Rich Internet Application без JS в принципе работать не может))
Я не понимаю зачем нужна работоспособность без JS? Вы, на самом деле, когда-нибудь видели пользователей, которые отключают js в браузере?
-
Я хотел бы спросить, как вообще понять качественно ты верстаешь или нет?
1.Отображение в браузерах. Во всех браузерах должен выглядеть почти одинаково, c ie7-8 graceful degradation.
2.Валидатор проходит без ошибок, при html. На css как добиваться валидности я не представляю. Без хакков не могу верстать.
3. При масштабированние сохраняются пропорции.
А какие ещё есть критерии проверки качества вёрстки?
-
Футер "едет" при сужении. Вы ему забыли задать min-width: 1000px;
Хммм, как интересно у вас задано значение атрибута href у ссылок.
Что именно такого с href?
-
Здравствуйте. Вот сверстал резиновый сайт. Практическая первая моя резина. Вот ссылка:
Я хотел бы спросить, как вообще понять качественно ты верстаешь или нет? Вот сайт по этой ссылке кроссбраузерный с изящной деградацией. Валидатор проходит без ошибок. При масштабированние масштабируется вроде нормльно. А какие ещё есть критерии проверки качества вёрстки?
-
ну тогда display: table-cell; vertical-align:middle
2) Очень странно центрирует. Где одна строка- там правильно. Где две строчки - там как то странно центрирует (выравнивает 1 линию по центру, а вторая линия вниз уходит).
Заключи каждый пункт списка в блок
Заключил в div элементы, т.е. получилось
<li><div><a href="">text</a></div></li>Div'у задал vertical-align: middle; display: table-cell;
В итоге, где 1 строчка, там всё центрируется нормально, а где 2 строчки, то там центрируется только 1, а вторая сьезжает вниз относительно первой.
Частный случай вертикального выравнивания.
in HTML Coding
Posted
Очевидно, что это явно не для случая с 2 строчками.