HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Выравнивание содержимого по центру
Как выровнять содержимое сайта по центру, то есть сайт должен быть в полный экран, при изменении размеров окна браузера не должно появляться полос прокрутки, а содержимое "уходило" за окно браузера в одинаковых пропорциях. Пример: 1 2 3 4 5 <body style="width: 100%; height: 100%"> <section style="width: 100%; height: 100%"> </section> </body> Пусть окно браузера имеет ширину/высоту 100%, при уменьшении его ширины/высоты на 10% тег <section> и его содержимое должно "уходить" влево/вверх на 5% и вправо/вниз на 5%. Яркий пример реализации - http://www.blacknegative.com Нечто похожее есть у Лебедева, но его способ не работает при задани…
0 votes9 answers -
я не лодырь, просто не знаю
Доброго времени суток! есть форум на бесплатном сервисе (все сделано до нас), в движке есть такая функция как "система очков" - начисляются очки за активность на форуме, за посещение, за сообщения и т.п. задался я идеей сделать возможность обмена этих очков на какие-то презенты, ну например скидку. а именно сделать кнопку со ссылкой на страницу под названием "бонусы" (это вот я сам могу), где будет панелька с выбором обмена... ну и все на этом. помогите пожалуйста реализовать идею (саму страничку "бонусы" голую сделал http://www.spokupkami.com/h1-page)
0 votes6 answers -
Подскажите как сверстать этот слайдер новостей
Вот картинка как реализовать тени?? Дайте ссылки на такие примеры Где взять JS сценарий прокрутки slidera в браузере нажмите CTRL+0 два раза такого увеличения хватит для нормального просмотра картинки Нужно сделать 1. Скругленные углы у блоков 2. Тени на границах блоков 3. Тень под блоками по нижней границе 4. И как оживить слайдер на javascript Для меня задачка не тривиальна, я еще начинающий верстальщик, дайте ссылки с примерами подобного, или напишите код на jsfiddle.com
0 votes1 answer -
Как выравнять блочный элемент?
Расположить по центру получилось а вот выравнять нет, подскажите?
0 votes9 answers -
iframe и javascript
Привет, если возможность как-либо запретить дочернему фрейму воздействовать на родительское окно, например вот так if (window.self != window.parent) { window.parent.location.href="http://test"; } но чтобы при этом содержимое фрейма отображалось корректно и работали ссылки
0 votes7 answers -
про таблицы
Все ли браузеры корректно поймут Два дива (два обычных слоя) - один table, другой table-cell (display) - то есть когда мы не вставляем row (tr), который по идее должен быть в таблице. Никто не "заглючит"?
0 votes6 answers -
Картинка всегда внизу
Здравствуйте! Подскажите как сделать что бы картинка всегда была внизу блока, вне зависимости от количества контента?
0 votes6 answers -
HTML препроцессоры
Подскажите html препроцессоры для локальной вёрстки, с возможностью инклюдить другие файлы с указанием параметров.
0 votes2 answers -
Как в конкретном случае всё уместить в окно
Пациент: http://demo.imatte.us/fomru/messages.html Необходимо, чтобы чат по высоте был максимум до нижней границы браузера как в VK/FB. Подскажите, как это сделать?
0 votes1 answer -
Как узнать шрифт по картинке
Ребят, выручайте. Дали задание переверстать шапку. Изначально там одна большая картинка. Как узнать какой шрифт используется на картинке. Разные сервисы использовал, ни один не дал положительного результата.
0 votes4 answers -
Iphone. верстка в iphone 6, 7. Кнопку перекрывает navbar iphone
Добрый день, имеется кнопка прижатая к низу контейнера (контейнер зеленого цвета с ценой и кнопкой заказать), (контейнер flex, кнопка прижата через margin-top: auto), все хорошо только в iphone 6, 7, кнопку перекрывает навигационная панель iphone. Пробовал js, через detect-mobile определяю что это ihpone, и добавляю кнопке margin-bottom: 70px; теперь на iphone 6 все хорошо а на 7 с виду margin больше (появился отступ снизу между кнопкой и навигационной панелью iphone 7) Подскажите пожалуйста способы возможного решения данной проблемы Изображение снизу это iphone 6, на iphone 7, marginb-bottom у контейнера два раза выше, может ли это быть связано с pixel-ra…
0 votes0 answers -
Принудительное разрывание строки в таблице
Как добиться принудительного разрывания строки в ячейке таблицы, если текст не влазит в ячейку? Знаю только, как избежать его (((
0 votes1 answer -
3 diva и IE
есть сайт vip.directgifts.ru в нем боковые модули имеют окантовку которая образуется с помощью 3 дивов: но почему то в IE ( 6 i 7 ) верхняя шапка то появляется то исчезает. И если повыделять файл то шапка появляется. Подскажите почему?
0 votes3 answers -
Как правильно сделать CSS для фрмы
Здравствуйте! подскажите как правильно сделать CSS для формы на сайте Есть вот такая строка <input type="submit" name="make_login" value="<?=$lang[sendform]?>"> Я хочу что бы Кнопка "Отправить данные" была не стандартная а в виде изображения и делаю CSS вот такую input[type=submit] { background:url(images/form.jpg) no-repeat #62B0FF; border:0; height:20px; width:150px;; } При этом в Лисе, Опере, Хроме все отображается нормально, а IE не хочет воспринимать мой код, вот сайт. Подскажите кто знает что надо ему написать что бы он заработал?
0 votes2 answers -
Помогите Useru
Всем привет! Создаю свой сайт, ну точнее пробую, подскажите пожалуйстачто нужно пропичатать на HTML, для того чтоб на сайте пользователи могли осставлять коментарии/сообщения. Заранее спосибо!
0 votes4 answers -
Что бы ссылка в html вставляла вместо картинки текст ?
Доброго времени. Пожалуйста подскажите как быть. Как можно прописать ссылку чтоб она вставляла на страничку текст из какого-нибуь отдельного документа? Чтобы текст самой странички можно было изменять не залазя В сам index.html, а изменяя текст этого отдельного документа. P.S. Попросила знакомая сделать сайтик в одну страничку, конечно, я не отказал, сделал все красиво. Но дело в том что она хочет сама его обновлять. Казалось бы что бело плевое,- открыл index.html блокнотиком поменял текст, да и все! Ан нет! Это ж надо чтоб еще и кодировка на месте осталась!!! Такое простое дело , а как быть не знаю! Те CMS которые с нета можно скачать весят больше самого сайта, а после "а…
0 votes3 answers -
Как центрировать отображение страницы?
во всех браузерах кроме 8 ишака центральный див прилегает вправо
0 votes2 answers -
приоритетный стиль
к примеру: есть таблица главная у шаблона style1.css и таблица у какого нить расширения style2.css и так у расширения в таблице style2.css есть стиль .test {border: #111 solid 2px; margin: 10px 0 5px;} меня не устраивает и я хочу изменить в главной таблице(к шаблону) style1.css я указываю такой же стиль и изменения .test {border: none; margin: 0;} все норм работает, но для верности в таблице style2.css я этот стиль закоментировываю и записываю в блокнот для update. так вот вопрос может и не надо закоментировывать и есть какое то правило что точно во всех браузерах сработает стиль который в главной таблице, а то постоянно после обновления расширения если там изменен стиль…
0 votes4 answers -
Помогите type="imege" сделать текстом
Помогите <input type="image" src="/buy.gif" name="go" alt="В корзину" class="subm" /> сделать обычной ссылкой типа <a href="">. Мне подсказали что это стилями можно сделать, только я не знаю как, очень надо
0 votes5 answers -
Резиновый макет с контентом в центре с полосой прокрутки
Подскажите как реализовать такой макет правильнее? Этот неправильно отображается в старых IE, мобильных браузерах, возможно где-то ещё.. http://jsfiddle.net/QeW7E/ <!DOCTYPE html> <html lang="ru" > <head> <meta charset="utf-8" /> <style> * { margin:0; padding:0} body { width:100%; height:100%; background:#CCC;} #wrapper { width:1000px; height:100%; margin:0 auto;} #header { width:100%; height:200px; position:absolute; top:0; background:#EEE;} #content { width:1000px; position:absolute; top:200px; bottom:200px; background:#999;} .sidebar-left, .sidebar-right {float: left; width: 200px; height: 100%;} #center { width:600px;…
0 votes3 answers -
нужна помощь
есть изображение линии с абсолютными координатами, как ее можно размножить до определенной точки. у меня получается вот такой вариант, но тут он ее просто растягивает на заданную длину, а не копирует. <div style="background-image: url('line_1.gif'); height: 2px; width: 550px; position: absolute; top: 46px; left: 585px;"></div>
0 votes9 answers -
CRON
Мне нужно, чтобы каждый день в полночь cron переходил по ссылке. Подскажите, пожалуйста, как это сделать?
0 votes1 answer -
Горизонтальная менюшка
Здравствуйте! Формирую менюшку следующим образом: <div class="menu"> <ul> <li><a href="#123.cshtml">123</a></li> <li><a href="#124.cshtml">124</a></li> <li><a href="#125.cshtml">125</a></li> <li><a href="Default.cshtml">126</a></li> </ul> </div> Как сделать, что бы она была не вертикальным списком а горизонтально располагалась (как здесь)? в заранее спасибо.
0 votes7 answers -
Добавить выпадающее меню
Пожалуйста, помогите добавить выпадающее меню, в уже имеющуюся панель. Вот css #navigation { width: 1000px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 50px; margin: 0px auto; background-color: #D6E2E8; background-image: -webkit-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -moz-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -ms-linear-gradient(top,#D6E2E8,#bccbd3); background-image: -o-linear-gradient(top,#D6E2E8,#bccbd3); background-image: linear-gradient(top,#D6E2E8,#bccbd3); box-shadow: rgba(0, 0, 0, .2) 0 4px 16px; -moz-box-shadow: rgba(0,0,0,.2) 0 4px 16px; -webkit-box-shadow: rgba(0, 0, 0, .2) 0 4px…
0 votes3 answers -
Впервые использую border-image - не получается
Имеется блок div. Имеется кусочек рамки вырезанный из фотошопа размером 4x3 пикс. Цель:Сделать бордер картинкой. Подскажите как правильно нужно сделать? http://cssdeck.com/labs/x6m69b43
0 votes6 answers