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
-
Резиновая кнопка оригинальной формы
Я недавно начал заниматься версткой и столкнулся с небольшой проблемой. Нужно сделать кнопку, растягивающуюся в зависимости от ширины текста. Кнопка имеет необычную форму. Растягивание кнопки с обычными закруглениями выполняется просто. Здесь нужно сохранить форму кнопки: левый и правый края, а растягивать только середину. Я нашел решение, но в нем кнопка становиться длинной с большими отступами текста. Нужно сделать кнопку как можно короче. Кто сталкивался с подобной проблемой, надеюсь на вашу помощь. Заранее благодарен. Кнопка: http://webfile.ru/5469334
0 votes3 answers -
Выпадающая строка поиска на бутстрапе 3
Добрый день. Скажите можно ли и как можно сделать на бутстрапе 3 поле поиска, которое видно на больших экранах, а на маленьких представляет собой иконку с лупой, кликая по которой снизу раскрывается строка на всю ширину для ввода искомого текста? Функционал иллюстрируется главной страницей М-Видео - сначала поиск раскрыт на широком экране, а на узком представляет собой иконку, клик по которой раскрывает поле поиска
0 votes5 answers -
Навигационное меню созданое с помощью CSS
Как создать навигационное меню через CSS, ссылки должны быть не в виде текста, а в виде картинки, которая при наведении на нее мыши меняется на другую картинку. И потом, каким образом ее внедрить в html-код. Может мне кто-нибудь помочь???
0 votes12 answers -
Какими тегами можно сделать штмл в штмл
Какими тегами можно отобразить страницу штмл в середине тела другого штмл документа??
0 votes7 answers -
Очень нужна Ваша помощь!
Всем доброго времени суток! Возникла такая проблема с сайтом (Мой сайт): в FireFox всё отображается отлично: , а в ИЕ текстовое поле съезжает примерно на пиксель: и я не понимаю из-за чего Уже второй день сижу над этим. Суть в том, что картинка разбита на три части: 1я находится в шапке (называется menufon2.jpg) 2я находится в таблице с текстом (textback2.jpg) 3я - в "подвале" (nogi_luk2.jpg) все они (кроме 3) сделаны как background таблицы. Я сделал так чтобы при большом кол-ве текста второй рисунок красиво растягивался без верхней и нижней части (а можно растянуть целековую картинку, но только по середине?). Это мой первый сайт, так что не судите очень строго За л…
0 votes14 answers -
Проблема с меню
Создаю меню в виде таблицы ,состоящей из 5 колонок и 1 строки. table align='center' class='div_1_table'> <tr align='center'> <td width='120' class='div_1_table_td' > 1 </td> <td width='120' class='div_1_table_td' > 2 </td> <td width='120' class='div_1_table_td'> 3 </td> <td width='120' class='div_1_table_td'> 4 </td> <td width='50' valign='top' align='right' class='div_1_table_td_language'> 5 …
0 votes28 answers -
Отступ снизу у inline-block элемента
Добрый день, столкнулся с вот такой штукой, вот допустим меню <section class="menu"> <ul> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> <li><a href="#">item4</a></li> </ul> </section> .menu{ text-align: center; overflow: hidden; } .menu ul{ display: inline-block; } .menu li{ float: left; } .menu li a{ display: block;…
0 votes2 answers -
Как повесить ссылку на элемент списка li ?
Здравствуйте подскажите пожалуйста такую штуку: Есть список (тут показан только первый элемент списка) <div class="we_offer clearfix">Основные конкурентные преимущества работы с нами <ul> <li class="analyze fist_child"> <div class="thumbnail clearfix"><span><em> </em></span> </div> <h3>Тут текст</h3> <div class="block_content">Тут текст</div><a class="Readmore" href="/informatsiya-o-materiale"> Подробнее </a> </li></ul></div>В css прописана картинка, вот можно ли как-нибудь эту картинку сделать ссылкой?? .we_offer ul li.analyze span {background: url(a…
0 votes3 answers -
Не растягивается сайт на всю ширину экрана на мобильных устройствах
Добрый вечер. Никак не могу решить проблему. На мобильных устройствах (в частности iphone) на сайте присутствует непонятный зазор справа где-то 5-6 мм. Может кто сталкивался с подобным? Сайт http://www.blushbride.ru/ Кстати, на этом ресурсе зазор тоже виден: http://mobiletest.me/iphone_5_emulator/#u=http://www.blushbride.ru/
0 votes4 answers -
в IE6 просвечивает выпадающее окно
есть див с рейтингом в виде рисунка. при нажатии на этот рисунок, java скриптом поверх выводится див для ввода коммента к рейтингу. но в IE6 див для коммента оказывается под дивом с рейтингом, и все кнопки неактивные. у дива для коммента и у дива с рейтингом пробовала указать и z-index, и position в разных комбинациях, но не помогает в IE7, Mozilla Firefox и Opera все работает. Заранее спасибо за помощь! <style> .user_soft { margin:0px 15px 5px 20px; } .user_soft a { color: #2786A8; margin:0px; text-decoration:underline; } .user_soft a:hover { color:#4864d6; } .user_soft img { margin:0px 2px -4px 0px; } .user_soft p { color:#181919; margin:5px 15px 0px 23…
0 votes11 answers -
IFRAME в IE6 не работает
На сайтах www.realt.info и www.anapa.in установил почтовую форму с помощью IFRAME Во все браузерах она смотрится нормально, но в некоторых версиях IE6 не открывается и выдает ошибку, причем иногда с первого раза откроется, но при перезагрузке страницы не работает. Поставил IFRAME на пустую страницу http://realt.info/a_mail.html В Opera, FireFox, IE7 все нормально, а в IE6 "Невозможно отобразить страницу" Причем на локальной версии (на моем компьютере) все нормально работает и в IE6 Спросил хостера, он ответил "не знаю, тут дело в оптимизации кода" Не можете ли подсказать в чем дело.
0 votes5 answers -
Можно ли изменить размер ползунка скролла?
В общем, нужно сделать модный скролл. Использую скрипт FleXcroll. Но все его вариации идут с автоматически меняющейся (в зависимости от кол-ва контента) длиной бегунка. А мне надо фикс размер этого бегунка. Можно вообще как-то установить размер этому бегунку?
0 votes5 answers -
Равное расстояние между DIV
Ка сделать также: Не подходит: overflow, display table и просто table.
0 votes16 answers -
Имитация консоли
Делаю небольшую имитация консоли и появилось несколько вопросов: 1) Как убрать у textarea полосу прокрутки, сохранив саму прокрутку? 2) Как сделать, что бы прокрутка textarea была в самом низу, после вывода скриптом? 3) Что не хватает консоли до уровня киношных консолей из фильмов про хакеров? 4) Как добиться свечения текста в опере? 5) Сейчас консоль полностью резиновая, как ограничить ширину только до 1280 пикселей, чтобы до этого тянулась, но больше не растягивалась? Сама консоль: http://tmin10.net.ru/console.html
0 votes3 answers -
Окупаемость сайта
Всем привет. Пару месяцев уже изучаю связку HTML и CSS. Уже начал изучать JS. И тут наткнулся на книгу "Прохоренок Н. А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера". И вот в последних главах написано про то, как зарабатывать на сайте. И тут я задумался, а ведь сайт то в конечном счёте должен окупать себя. Как я понимаю вначале создатель сайта вкладывает в него деньги, но потом сайт, так сказать, должен кормить сам себя. Искал инфу в интернете и понял, что реклама В общем-то не окупает даже оплату хостинга. И мне стало интересно, как вообще окупаются сайты? Через какое время можно будет оплачивать расходы на сайт с заработка, получ…
0 votes7 answers -
Запрет на копирование картинки
Как с помощью CSS запретить копирование и перемещение на странице картинки?
0 votes11 answers -
Текст в div наезжает на предыдущий div.
Итак, сделал маленький макет используя bootstrap. Одно текстовое поле(input) в своем div'e, под ним текстовый логотип в своем. При этом логотип наезжает на input. Как исправить? Демо: http://onto.su/test/ Пример в архиве. http://rghost.ru/43606857
0 votes11 answers -
hover в div'e действует на вложенные блоки
Подскажите как решить следующую проблему, есть li в нём div, при наведении мыши к диву должен применится hover, но он применяется только к вложенным блокам а не к родительскому диву! то есть бэкграунд меняется например у 'news_title_header' когда мышка находится на нем, а у всего 'news_parent' не меняется. такая конструкция <li> <div class="news_parent"> <div class="news_title_header"> <a data-post="5" href="news/novost-3">Новость 3</a> <i class="c_time">01.11.2014</i> </div> <div class="news_short"><p>краткое описание</p></div></div></li>стиль: #news li {margin-botto…
0 votes4 answers -
Как реализовать не обычную кнопку?
Добрый день. Подскажите как правильно реализовать такую кнопку? Сложности возникли с этими углами( Подобные кнопки встречаются на сайте во многих местах и с разными размерами!
0 votes2 answers -
Бегущая строка Хелп!
Привет народ Есть вот такая бегущая строка из картинок: Как сделать так что бы после последней картинки сразу шла первая (без промежутка)? Зарание спасибо...
0 votes8 answers -
Полосатая рамка
Здравствуйте! Мне очень надо сделать посредством css рамку. Во времена СССР были почтовые конверты, а по краям у них была рамка из наклонной полосатой зебры, где чередуются белый, красный и голубой. Пожалуйста, подскажите, как мне сделать такую рамку средствами CSS. Эта рамка будет вокруг блока, содержимое которого может меняться, то есть зависит от наполнения текстом, так что рамка тоже должна изменяться в соответствии с размерами блока.
0 votes4 answers -
position:absolute; и ie
здрасте, не хочет работать position:absolute; в ie, что делать? заранее спасибо
0 votes12 answers -
Проверка верстки в различных браузерах
У мя такой вопрос: "Какие браузеры стоит установить для проверки кросс-браузерности верстки. Может есть какие-либо секреты облегчающие эту проверку?" И еще. Поделитесь опытом. Кто как достигает эту самую кросс-браузерность? У мя всё
0 votes4 answers -
Автоматическое заполнение атрибута title у тега <a>
Добрый день, уважаемые форумчане. Есть сайт. У всех имеющихся на нём ссылках атрибут title не указан. Недавно заметил странную вещь. А именно то, что атрибут title автоматически заполняется. Причём везде по разному. Где то он просто дублирует текст ссылки, где то дополняет его словами, как связанными так и не связанными с темой ссылки. А где то вообще выходит фигня типа: "порно скачать". Заполняется этот атрибут именно при отображении сайта в браузере. В самих файлах атрибут по-прежнему остаётся не указанным. Конечно, это легко исправить путем заполнения атрибута title во всех ссылках. Но хотелось бы понимать суть происходящего.
0 votes19 answers -
помогите выровнять FRAME
Есть необходимость сделать сайт с двумя фреймами (один над другим) причем дизайн (не резиновый) предполагает, что между фреймами не должны быть заметны границы. Поэтому в верхнем фрейме не должно быть горизонтального скроллинга. Нижний фрейм всегда больше видимой части страницы - поэтому всегда есть вертикальный скроллинг. Основные блоки страницы должны быть выровнены по центру. Тк нижний фрейм всегда имеет вертикальный скроллинг для выравнивания верхнего тоже пытаюсь включить ему вертикальный. В результате в Мозилле все ок, в Експлорере скроллинга нет и блоки при изменении размеров окна съезжают пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/…
0 votes6 answers