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
-
Html кнопка
Здравствуйте! Сам ковыряю сайт, новичок в этом деле, если залез не в ту ветку заранее извиняюсь. К вам с таким вопросом: Есть кнопка, которая открывает новую вкладку с нужным товаром <p align="center"><a href="ссылка на товар" target="_blank" class="btn btn-primary btn-xs" role="button"><i class="material-icons-"></i>Добавить</a></p> Возможно ли сделать что то подобное, только что бы кнопка выполняла функцию "положить товар в корзину" в заранее указанном количестве. Пример: нажимаем на кнопку, указанный товар в кнопке идет в корзину в количестве 2 шт. (или 3, чтобы можно было это прописать в кнопке)?
0 votes3 answers -
не корректное отображение png в ИЕ
Суть проблемы заключается в следующем: Для таблицы прописан следующий бекграунд,который должен тянуться на всю ширину таблицы. В CSS .png { //background-image: none ! important; behavior: url('pngfix.htc'); } В html <td valign="top" width="100%" class="png" style="background-image:url('picture/punkt.png');" > </td> punkt.png-это рисунок 10 на 10 пикселей- маленький кружочек.Эфект пунктирной линии. В фаерфоксе и опере отображается идеально.А в ИЕ тоже отображается только он не тянется (не повторяется),а это точка просто растягивается. Получается размазаная линия. Хотя когла вставляю png не на фон а как картинку то все отображается как надо во всех брауз…
0 votes23 answers -
Разместить таблицу по центру страницы
Здравствуйте! Вопрос следующий. Таблица размещается в теле поста WordPress (копирование из Word и вклейка). Каким образом можно разместить таблицу в центре страницы? Для центрирования стандартно использую тег p с параметром align, но в данном случае, либо прописываю не там, либо он не применим. Какие могут быть варианты решения? Спасибо.
0 votes5 answers -
применение hover к тегу area
Всем известно что псевдо класс hover нельзя применить к тегу area. Передо мной стоит задача при наведении на определенную часть изображения над изображением должна появляться определенная надпись. всякие jquery map hilight не подходят для этого так как они только лишь подсвечивают. Уважаемые, может ето можно сделать с помощью onmousover ? подскажите пожалуйста синтаксис. все должно выглядеть так: мышь наводится на опред участок картинки и чуть выше картинки всплывает <span>. накопал в сети следующее —- <area onmouseover="hover(this);" onmouseout="unhover(this);" href="... <script> function hover(obj) { obj.style.backgroundImage="img/hover.jpg"; } function …
0 votes2 answers -
Bootstrap, вызов модального окна - появляется отступ у body
Здравствуйте! Верстаю сайт. Настраиваю вывод модального окна при клике на кнопку "Мой кабинет". Обнаружилась такая вещь: после появления модального окна у body появляется отступ. Вроде бы не такая уж и проблема, но хотелось бы найти причину. Исходники Bootstrap скачаны здесь: http://getbootstrap.com/ Кстати, для эксперимента, поставила в один из файлов шаблона исходников это же модальное окно - такая же проблема. Хотя на самом сайте в примерах такого нет. Надеюсь на помощь специалистов, которых здесь немало .
0 votes23 answers -
Смена цвета в полосе прокрутки
На некоторых сайтах видел что полоса прокрутки была "нестандартная" разукрашена разными цветами. Я узнал что этого эффекта можно добиться с помощу CSS. Дописал к тегу BODY такой вот код в своем css файле но вот токо ничего не изменяется. body{ font: x-small/1.8 Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px; padding: 0px; background: #999999 url(../img/fon/body_fon.gif); SCROLLBAR-FACE-COLOR: #cc0000; SCROLLBAR-HIGHLIGHT-COLOR: #cc0000; SCROLLBAR-SHADOW-COLOR: #990000; SCROLLBAR-3DLIGHT-COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; } Подскажите в чем дело?
0 votes16 answers -
Горизонтальное меню без использования ul>li
Подскажите, для чего горизонтальное меню оборачивать в ul>li, если можно обойтись только дескриптером '<a>'? Только чтобы меню формально было списком? В чем подвох и почему никто так не делает? Привожу ниже мой код и скриншот готового меню. <!DOCTYPE html><title>Test Page</title><meta charset = "utf-8"><link rel = "stylesheet" href = "style.css"><div> <nav> <a href="#">Home</a> <a href="#">Portfolio</a> <a href="#">About</a> <a href="#">Contacts</a> <a href="#">Forum</a> <a href="#">Support</a> <a href="#">Callback</a> </nav> …
0 votes24 answers -
Занятный глюк IE7
Наткнулся на занятную пакость в IE7, вот минимальный пример: <!DOCTYPE HTML> <html> <head> <title>Пример</title> <style> p { margin: 0; padding: 0; } div { padding: 2px; } </style> </head> <body> <div style="width: 72%; float: left; background: #fcc;"> <div> <div style="margin-bottom: 40px; width: 90%; background: #ccc;"> <p>Отступ задан только здесь, с последующим блоком никак не связан...</p> </div> </div> <div style="width: 60%; float: left; background: #cfc;"> <div style="width: 90%; background: #fff;"> <p>Откуда же в IE7 берется отступ под…
0 votes6 answers -
Невидимый див посередине страницы
Всем хай, как можно сделать невидимый див, который будет лежать поверх всех других дивов, и будет по середине страницы независимо от разрешения экрана, заранее спасибо
0 votes25 answers -
Вопрос про расположение фоновой картинки
есть у меня страница с примерно такой структурой: <html><body> <div id="all"></div> <div id="footer"></div> </body></html> К ней полагается следующий css: html, body { height: 100%; } #all { min-height: 100%; } * html #all { height: 100%; } #footer { clear: both; height: 136px; margin-top: -136px; } Такая схема применена для того, чтобы подвал всегда был снизу, даже если контента на странице мало. Теперь встала задача разместить на странице три фоновых изображения. Одно равномерное текстурное по всей странице, ещ? одно - специфичная текстура для верхнего края документа, и ещ? одно - декоративный элемент в нижнем лево…
0 votes11 answers -
Дочерний DIV на всю длину родителя
Здравствуйте! Не поможете с глупостью, а то что-то застопорился Имеется это: <style type="text/css"> #head { border: 1px solid; margin: 10px; } #left { float: left; width: 200px; border: 1px solid; margin: 10px; } #right { float: right; width: 400px; border: 1px solid; margin: 10px; } #top { border: 1px solid; margin: 10px; } #bottom { border: 1px solid; margin: 10px; } </style> <table border="1" align="center" height="100%" cellspacing="0" cellpadding="10"> <tr> <td> <table border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <td> <div id="head">head</div> …
0 votes10 answers -
картинка и фон в IE
здравствуйте,господа! Извиняюсь сразу если вопрос глупый, но все же.. есть страница с размещенной на ней ссылкой , по которой открывается картинка, но.. в мозиле, опере все нормально... а в IE открывается на белом фоне... что делать?(открывается в том же окне..) спасибо.
0 votes23 answers -
Радиобулки(батоны) в цикле
Я прошу, если кто чуть чуть знает php интересует как сделать так, чтоб при выбранной переменной и обновления страницы все батоны, кроме того, который выбран стали инэктив, а выбранный - cheked??? А проблема в том, что кнопки в цикле.... ( echo "<form action=".$_SERVER['phpself']." method=get>"; ..... .... $counter=4; echo " <font color="#888888"> <li> Select:</font>"; for ($i=1; $i <= $counter; $i++) { echo " <input type="radio" name="columns" value=".$i.">".$i."</input>"; } <input type=submit value=submit> </form>
0 votes8 answers -
Проблема со слайдером slick
Доброго времени суток, возникла проблема при подключении слика , сделал все как по инструкции (Jqwery до slick.js , main.js после slick.js ) но все равно выдает ошибку : Uncaught TypeError: Cannot read property 'add' of null at c.b.initADA (slick.min.js:17) at c.b.init (slick.min.js:17) at new c (slick.min.js:17) at w.fn.init.a.fn.slick (slick.min.js:18) at HTMLDocument.<anonymous> (VM778 main.js:8) at l (jquery.min.js:2) at c (jquery.min.js:2) подскажите решение , уже все перерыл и не у одного меня такое , но решения так и не нашел .
0 votes1 answer -
option selected и IE9
Простенький код: <span> <label for="cmp_sort">Sort by</label> <select id="cmp_sort"> <option value="original" selected="selected">original</option> <option value="name">name</option> </select> </span> Во всех браузерах, включая IE7-8 работает корректно(при загрузке страницы в select появляется "original"), в ие9 при загрузке страницы - в select показывается пустая строка(если на нее нажать, там и появляются "original"/"selected"). Пробовал засунуть $("#cmp_sort").val("name"); При загрузке выполняется, но значение в select все равно не устанавливается. Хотя если вы…
0 votes3 answers -
как внедрить видео?
Здравствуйте. Люди, помогите, пожалуйста... Мне нужно вставить видео на сайт - - в каком формате будет правильно? - может быть кто-то подскажет код, который бы работал во ВСЕХ популярных браузерах? (скриптов не нужно: я пока в них непонимаю) - элемент понимает только IE и Navigator, а есть ли какой ?правильный? элемент, который включ?н в состав спецификации HTML? Спасибо заранее.
0 votes20 answers -
полупрозрачный фон div'а
Хочется, чтобы под фоном div'a был виден фон body Как такое сделать? Следующий код не работает нигде, что тут не так? html: <body> <div class="opacity_div"> ... </div> </body> css: body { background: url(/img/bg.jpg); } .opacity_div { background: #FFF; opacity: 0,3; }
0 votes30 answers -
тег "потенциального" переноса слова
Помнится когда-то давно попадался мне тег, позволяющий совершать перенос слова, в том случае, если оно не помещается в строку. Пишешь типа: Десять синхро<teg>фазатронов И в браузере соответственно если слово укладывается в строку, то оно пишется сплошняком без дефисов, а если не укладывается то переносится: Десять синхро- фазатронов. Подскажите, пожалуйста, что это за тег... Или он мне приснился?
0 votes18 answers -
Текст как у star wars
Здравствуйте уважаемые, подскажите пожалуйста, возможно ли реализовать средствами html, css, js текст как вот на этой картинке: http://lexxcrazy.narod.ru/starwars.gif Наклон шрифта не нужен, это я могу сделать свой шрифт в принципе, с эффектом наклона, хотя наверняка есть такой, если поискать, но нужно создать что то вроде div блока в форме трапеции (либо не делать трапецию, а просто использовать центрирование, хотя это немного неподходящий вариант, так как хочется сделать именно трапецию, что бы текст был в формате text-align: justify) и что бы в каждой новой строке ниже font-size был на 2% меньше верхней строки например. Разумеется это всё надо как то запихнуть потом в …
0 votes12 answers -
В чем отличие # и . в css?
Когда писал код в css при изменении знаков с # на . код не переставал работать, но он и наоборот работает для отдельных случаев. В чем их разница и для чего используются?
0 votes36 answers -
Как оформить полосу прокрутки в overflow
Собственно как оформить в цветовой гамме полосу прокрутки? .box { overflow: scroll; width: 450px; height: 200px; padding: 3px; border: 1px solid rgb(20,20,20); }
0 votes11 answers -
Как отрегулировать ширину 3х ячеек в таблице?
У меня 3и ячейки в таблице фиксированной ширины... Не могу млин грамотно их выровнять. Ширина таблицы 400 пикселей. Вот как должно быть: |<—-ячейка1 (ширина зависит от длины текста в ячейке) —->|<—-ячейка2 (заполняет оставшуюся область таблицы) —->|<—-ячейка3 (фиксировано 100 пик) —->| Подскажите, как корректно добиться поставленной задачи?
0 votes26 answers -
html +css ссылка на ехе файл
Мне необходимо, чтобы с html страницы запускалась программа, заранее установленная на стационарный ПК. Как создать ссылку на ехе-файл программы?
0 votes15 answers -
Что значит тег <n>
<div class="option"> <input type="checkbox" id="saveHistory"> <label for="saveHistory" i18n="opt_func_opt7">TEXT_locale</label><br> <br> <span i18n="opt_func_opt8">OTHER_Locale</span><br> <input type="range" min="50" max="600" step="1" value="" id="numLimit"> <n id="numLimit-value" class="number"></n> <! Тут отображается цифра, которая будет на ползунке> </div>Где прочитать про синтаксис тега <n> (<n id="numLimit-value" class="number"></n>) ?
0 votes3 answers -
Растягивающийся DIV
Есть простой html: http://infosite.org.ua/divs/ Это - один див-оболочка (#main) , и два дива внутри (#main #left,#main #right). Хочу добиться, чтобы внутренние дивы были _таки_ внутри, причем были по высоте одинаковы, в зависимости от высоты вложенного текста. Вот как хочется, чтобы было: помогите...
0 votes8 answers