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
-
Подчеркивание между словами
Как заверстать так чтоыб между ценой и надписью было такое подчеркивание? Чего-то не сображу. Как бы вариант давать подчеркивание всей строке и обернуть фразу и цену в спан с белым фоном и падинг сделать вниз чтоыб перкрыть пунктир.
0 votes2 answers -
Плавный полупрозрачный фон с затуханием
У меня есть блок фиксированных размеров с ссылками и простым текстом. Подскажите пожалуйста как сделать: - что бы только фон блока (в примере - желтый цвет) был полупрозрачный, а всё что в самом блоке (ссылка и текст) были нормальные БЕЗ прозрачности - чтобы фон блока справа плавно затухал, например 10-30 пикселей плавного затухания, причём и при наведении и без наведения его правая грань плавно затухала (растворялась). Вот только что я сумел сделать - http://jsfiddle.net/kn4k4bqh/
0 votes11 answers -
Интересный поиск на сайте
Доброй ночи всем. Зашёл тут на webref.ru и заметил, что при полном вводе html тега или css свойства в поисковую строку "Введите HTML и CSS" происходит автоматический поиск. То есть не нужно нажимать клавишу Enter. Можете подсказать как такое можно осуществить. Стало очень интересно)
0 votes6 answers -
Адаптированный шаблон
Добрый день. Подскажите в чём проблема? Когда просто сужаю браузер всё работает как надо, когда начинаю тестировать через device toolbar, то сайт замирает и ничего не меняет. У меня сейчас бошка лопнет, до этого с адаптацией не работал и ошибок найти тоже не могу. Разместил пока тут. Скрытый текст http://f.xmp3.su/22/index.html Помогите пожалуйста, что тут не так
0 votes1 answer -
Проблемы с мозилой.
Подскажите, как надо задать фон (цвет) ячейки таблице, что бы он в мазиле нормально отабражался?
0 votes1 answer -
Выравнивание слоя по центру
Прочитал в этой статье про выравнивание страницы по центру, однако, для того чтобы сохранить статическую ширину подходит только один вариант <style type="text/css"> #centerLayer { width: 400px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background: #fc0; /* Цвет фона */ padding: 10px; /* Поля вокруг текста */ text-align: left; /* Выравнивание содержимого слоя по левому краю */ } </style> Всё хорошо, только как сделать чтобы этот код работал в IE?
0 votes3 answers -
Большой блок как ссылка
Сталкнулся с проблемой что не могу сделать ссылкой весь блок. Имеется блок с картинкой, текстом и ссылкой, хочу сделать ссылкой не последние две строчки а всю площадь блока с текстом. Вставлять весь текст как ссылку не хотелось и я придумал задать ссылке позицию абсолют и размер в размер дива. И как бы всё работает, но правда только в фаерфоксе, в IE и Opere на том месте где под ссылкой расположен абзац ссылка не работает. Собственно как это лечится? Вот мой пример http://jsfiddle.net/DeaDrash/PWx8R/ Или если вариантов нет, подскажите может как через яваскрипт сделать весь див ссылкой и чем это плохо?
0 votes3 answers -
Макет сайта
Здравствуйте! Сделал сайт Там архитектура следующая: Контейнер, у него BG стоит внизу - имитация Footer. Header, у него фон - верхняя картинка. И "Content" - фон белый и отрицательный margin сверху. Сам понимаю, что не очень... всё это делалось в блокноте и очень хотелось что б "Content" как бы накладывался на фоновые изображения. А ничего лучше придумать не смог. Сейчас решил переделать, но опять не пойму как сделать так, что б всё было правильно и красиво. Подскажите пожалуйста способ реализации этого макета.
0 votes13 answers -
Кликабельная иконка справа сайта
Добрый день добрые люди. У меня появилась неприятная проблема. Мне нужно сделать справа сайта иконку для перехода на английскую версию сайта. Я использую следующий код: <a href="http://parohia.md/en/" align="right"><img src="http://parohia.md/en/wp-content/themes/biserica_WP/images/Romania.png" align="right" width="50" height="50" style="padding-top:10px; padding-right:10px"></a> Но из за того что я поставил картинке align="right" она становится некликабельной. Как только ставлю её в див она смещает сайт вниз (следующие дивы). <div align="right"> <a href="http://parohia.md/en/" align="right"><img src="http://www.saprgrazia.com/gb.png" w…
0 votes8 answers -
Выравнивание текста по вертикали
Добрый день, у меня проблема с выравниванием текста пишу так display: table-cell ; vertical-align: middle; текст выравнивается, но у меня становится 2 ячейки которые идут горизонтально,а мне надо чтоб одна была под другой, и никак не могу это исправить
0 votes4 answers -
Резиновый или фиксированный сайт?
Делаю верстку интернет-магазина по аналогии с интернет-магазином http://www.medtechnika.com.ua/ Не понимаю, резиновый сайт или фиксированный?! До определенного увеличения сайт работает как резиновый, затем как фиксированный. Подскажите пожалуйста, каким образом верстали этот интернет-магазин?
0 votes9 answers -
Дивы в стоку
Знаю, что проблема обсуждалась миллион раз, но решения не могу найти. <div id="main"> <div id="col1"></div> <div id="col2"></div> <div id="col3"></div> </div> Первые 2 колонки должны выравниваться влево, при этом у обоих ширина 25%. третья - вправо, ширина - по контенту. Высота у всех трех фиксированная. Так вот, никак не могу добиться того, чтобы третья колонка не вываливалась вниз. #main{overflow:hidden}, #main>div{display:inline-block}, задание высоты у всего что можно, добавление <br clear="all"> - ничего не помогает
0 votes6 answers -
Как загрузить в одном html файле несколько других html файлов?
Как загрузить в одном html файле несколько других html файлов? Мои знания в html позволили осуществить это с помощью фреймов, но есть одна накладка, страница выводящая фреймы ограничена размером экрана и все что выходит за рамки экрана не отображается или отображается частично. Требуется решение.
0 votes7 answers -
Хайд
Здравствуйте. Подскажите как можно сделать данную вещь: Есть html сайт, вот его меню: А вот хайд (или хз как его назвать): при нажатии на него открывается карта. Каким кодом можно сделать так что бы при нажатии на пункт меню, открывался сам хайд? В данный момент на кнопке стоит такой код: <a href="#karta">Районы бесплатного выезда мастера</a> А на хайде такой: <a name="karta"><h2 class="receiving_centers" style="background: #e1eaf0; cursor: pointer;"> <span style="font-size: 16px; color: #000;">Карта районов Москвы с бесплатным выездом мастеров!<br /> <span style="text-transform: uppercase;">(Нажмите, чтобы …
0 votes6 answers -
:hover на элементах сквозь блоки
Вот на сайте http://tankist10.hosting-test.org.ua/ при наведении на картинку альбома должно появляться описание. Вот как в Firefox А вот как в Google chrome Этого не должно быть, но вот в том же Хроме когда навожу на шапку нет висняков Как исправить?
0 votes2 answers -
относительная ссылка неработает
Изза чего может неработать относительная ссылка на внешние директории?
0 votes16 answers -
Не изменяется высота строки
Если у элемента <a> указать размер шрифта 14px, то line-height перестает изменятся при ввода значений, меньших размера шрифта. HTML: <ul class="someClass"> <li> <a href="#">SometextSometextSometextSometexSometextSometextSometextSometexSometextSometextSometextSometexSometextSometextSometextSometex </li> </ul> CSS: .someClass li a { font-size: 14px; line-height: 4px; } Подскажите, пожалуйста, по какой причине не изменяется высота строки?
0 votes2 answers -
input type
http://storage7.static.itmages.ru/i/13/1206/h_1386327783_2014189_6ff63f9c3a.png Там где : "Название ингредиента", "мл". Какой input type применять ? У text нет справа стрелки. PS Как средствами форума вложить картинку с жесткого диска сюда ?
0 votes10 answers -
Убрать подложку сайта под кнопками
Друзья,всем добрый день! Помогите пожалуйста разобраться. Имеется фоновое изображение и подложка сайта на которой размещены кнопки. Необходимо чтобы за кнопками отсутствовала подподложка, а рядом где кнопки отсутствуют она осталась. Хотелось бы чтобы было вот так: http://hkar.ru/HHwR Сам код вот здесь: http://codepen.io/Ivan545/pen/reGdQe
0 votes6 answers -
Ширина элементов li
Добрый день! Имею такой список на этой странице http://teplogid18.ru/uslugi/montazh-otopleniya. Как мне сделать чтобы фон элементов li был не на всю ширину страницы а лишь до конца строчки текста?
0 votes2 answers -
Не работает калькулятор
Добрый день, уважаемые завсегдатаи форума. Есть такой калькулятор http://tg.seodacha.ru/index2.html. На этой странице все работает. Вставляю тот же самый калькулятор через админку сайта и калькулятор не работает. Вот сейчас тут http://tg.seodacha.ru/content/kalkulyator При клике на "Необходимость котла" http://joxi.ru/XEA4wkPfLaEB2b не появятся этот список http://joxi.ru/Y82Q8Y6TYRxBmd При вводе исходных значений здесь http://joxi.ru/LVm6wQPfO7pZ2Z не происходит расчет, а тут http://tg.seodacha.ru/index2.html все нормально работает Дело в верстке?
0 votes1 answer -
Display none
Друзья, подскажите пожалуйста, использую плагин JScrollPane для стилизации скроллбара. Всё настроил, работает хорошо, но... проблема в том, что этот скроллбар должен быть в выпадающем окне, и открываться по клику на ссылку. Как только я задаю блоку display: none, и открываю его по клику ссылке, скролл исчезает и блок себя ведёт как при свойсте overflow: hidden, простыми сломави контент просто обрезается. Если display: none убрать, и нажимать на ссылку блок открывается и закрывается при этом скроллбар на месте. Подскажите хотя бы в какую сторону смотреть. Возможно что-то нужно изменить в скрипте. window.onload= function() { document.getElementById('toggler')…
0 votes3 answers -
Таблицы и изменение фона через псевдокласс :hover
<div class="selectors"> <table class="table"> <thead> <tr> <th>Teams</th> <th>Capitains</th> <th>AWPers</th> <th>Riflers</th> <th>Riflers</th> <th>Supports</th> </tr> </thead> <tbody> <tr> <td class="navi">Na'Vi</td> <td class="gambit">Nafany</td> <td class="vp">Jame</td> <td class="gambit">Axile</td> <td class="spi…
0 votes1 answer -
Использование распорок
Нашел на сайте http://htmlbook.city.tomsk.net вот такую информацию: Использование распорок Распоркой называется прозрачный рисунок, как правило, размером 1 на 1 пиксел, предназначенный для контроля пустого пространства. Распорки вставляются в ячейки таблиц, чтобы они не меняли свой размер при изменении окна браузера или разрешения монитора. Не понял зачем нужны эти распорки и где они используются. Кто-нибудь может объяснить и привести пример их использования?
0 votes1 answer -
png в ie
вот что-то не получается вывести в ие <img src="png.png"/> возможно в <head>?</head> надо какой-то скрипт прописать? прописываю: <img src="img/png.png" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=’img/png.png’, sizingMethod=’scale’)";/> и не фурычит
0 votes5 answers