Delat

Как на сегодняшний день общепринято верстать таблицы под маленькие разрешения устройств? Какие существуют техники верстки адаптивных таблиц?

Почему :not не срабатывает для последнего td ? То есть в последней ячейке не должно быть текста. https://jsfiddle.net/Delat/4s7sjh80/

У покупателей есть возможность подкреплять файл с реквизитами при оформлении заказа. Но файлы перестали находиться, серверная ошибка - http://prntscr.com/dp6e37 Ссылка на закачку идет с панели управления - http://prntscr.com/djr4ny Ссылка на файл с реквизитами - https://site.ru/uploads/files/Карта партнера Виктория.doc И что ещё интересно, на самом сервере файл именуются по другому http://prntscr.com/djr3bo (нет первого слова в названии "Карта")

Если сделать границы (border-left и border-right) не зелеными, а transparent, то виден фон. Почему виден фон? Background разве не закрашивает только область основного содержимого (до границ)? https://jsfiddle.net/kipes/nzy9mhnf/3/

На Фонтелло иконка с названием "menu" есть. Попробовать посмотреть в другом браузере... - надо будет попробовать.

Вот странно, когда уменьшаешь окно браузера на ноутбуке - иконка есть, если смотреть в браузере Opera на мобильном устройстве, то её нет. Спасибо, буду разбираться.

Иконка class="icon-menu" не отображается в мобильной версии сайта, использую fontello. Должны ли отображаться иконки, когда просматриваешь сайты на мобильном? Или это моя ошибка в коде?

К слову о работе. У нас в городе заметный спрос на администраторов интернет-магазинов разработанных на bitrix. Если пройти курсы Bitrix, то можно получить сертификат - "Контент-менеджер", "Администратор". Плюс навыки верстки и прочие вещи можно указать в резюме. Если позиционировать себя как человека знающего этот движок, да с таким резюме, то вас 100% возьмут на работу. В результате одни плюсы, вы продолжаете изучать верстку, понимаете лучше самый распространенный движок, если голова работает хорошо, приступаете к изучению серверных языков, ну а там... Но, один минус. Как правило работодатели хотят от вас чтобы вы умели делать всё, да быстро! Еще бы, при з/п 30-35 тыс. Чаще всего, в их понимании администратор сайта - человек который может и дизайн сделать, верстку, программировать. А также заниматься SEO.

Олег, если интересно, то решите вот эту задачку http://htmlforum.ru/index.php?showtopic=51075 Сделайте по максимум кроссбраузерно. Об оплате напишите мне в личку.

в последних версиях Opera и Chrome при наведении появляется дрожь, только сейчас это заметил, не подскажете в чем причина?

Да, я смотрел, только там для меня очень по хитрому проставлены стили, например, эта строка непонятно что означает .clearfix:before, .clearfix:after { content: " "; display: table; } За помощь спасибо

Как сделать аналогичную галерею? http://coffee61.ru/ Кое-что я сам сверстал, но работает не корректно. http://jsfiddle.net/kipes/a9dhwgjt/1/

в принципе да, только вот никак не думал что с JS будет, на CSS такое можно реализовать?

А заключается он вот в чём: При наведении цвет ссылки желтый, если убрать курсор, цвет ссылки становится первоначальным (белым). А что можно придумать, чтобы после отвода курсора цвет ссылки был например синим? http://jsfiddle.net/rrz9ugm8/ Предполагается что пример выше по ссылке, это меню - вот типа такого плана: http://jsfiddle.net/22cf2n82/

При переносе с хостинга на хостинг или на Денвер, перед тем как делать дамп БД всегда необходимо очищать кеш.

Как исправить чтобы рабочее пространство в дополнительном меню было строчным. Дело в том, что ссылки становятся блочными при размещении в дополнительном меню. http://joxi.ru/2i01VIwyTJDHAqv8LFs http://jsfiddle.net/kipes/cwuuu05u/

всё получилось, спасибо вот ещё статья http://htmlbook.ru/faq/kak-sdelat-knopku-vnutri-polya-dlya-poiska

не пойму как кнопку (он же рисунок "лупа") разместить внутри поля http://jsfiddle.net/rmbnpyr4/

Как верстаются такие кнопки: http://joxi.ru/yYwqVIwyTJBgeQmmPUE http://joxi.ru/y40qVIwyTJDVAvBqhbk <div id="search" class="form-box"> <form action="/search/"> <input id="form" type="text" name="q" placeholder="Поиск товара..." value="" maxlength="50" autocomplete="off"> </form> </div><input name="s" type="submit" value="jr" id="submit">div.form-box { position: relative; z-index: 2; left: 20px; top: 20px;/*22px;*/ margin: 0; padding: 0;} #form { position: absolute; height: 30px;/*24px;*/ margin: 0; padding: 0 7px; width: 270px; border-top: transparent; border-bottom: transparent; border-left: 1px solid #000; border-right: 1px solid #000; }#form:focus { box-shadow: inset 0 0 2px #DB9900; -webkit-box-shadow: inset 0 0 2px #DB9900; -moz-box-shadow: inset 0 0 2px #DB9900;}

http://atexn.ru/ правда здесь не ваш код, а мой, но проблема та же с футером. разрешение моего монитора 1366х768

при небольшом количестве контента появляется scroll http://joxi.ru/aqwjVIwyTJBxeed-4DM Первоначально при загрузки страницы футер не видно

Разобрался с header, но вот с футером не получается, прошу помощи )) ! Футер прижал, но получается полоса прокрутки (разрешение экрана - 1366х768) http://joxi.ru/KIQiVIwyTJDrAoIef04 http://jsfiddle.net/mg1oqkmh/ <!DOCTYPE html><html><head><meta charset="Windows-1251"><title>C</title><meta name="description" content=""><meta name="keywords" content=""><link rel="icon" href="favicon.ico" type="image/x-icon"><link rel="stylesheet" media="all" href="style/css.css"><link href='http://fonts.googleapis.com/css?family=Exo+2:400,900&subset=cyrillic' rel='stylesheet' type='text/css'></head><body> <div id=container> <header> logo </header><section class=content> 123<br> 123<br> 123<br> 123<br> 123<br> 123<br> 123<br> 123<br> 123<br></section><footer> footer</footer></div><!-- end container --></body></html>html, body {height: 100%; margin: 0; padding: 0}header, section, footer {display:block}#container { height: 100%; position: relative; max-width: 1200px; min-width:980px; margin: 0 auto;}header { border-top: 3px solid green; border-bottom: 3px solid green; max-width: 1200px; width: 100%; min-width: 980px; position: fixed; z-index: 1; height: 105px; background-color: #fff;}section.content { min-height: 100%; padding-top: 105px; position: relative; background-color: green; padding-bottom: 100px; /* Высота футера*/}footer {height:100px;margin-top: -100px;position:relative;background: #6cf;}

с основным содержимым тоже беда выходит за границы http://joxi.ru/p6EeVP3JTJAjXQhQtfA

нет, тогда выходит почему-то за границы "родителя" http://joxi.ru/Hp0eVIwyTJDmAtLuJ78

да, убрал, футер стал как надо, только вот шапка с свойством position:fixed не растягивается до ширины родителя http://joxi.ru/_HYeVIwyTJDoAlje7QU