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
-
Фильтрация таблицы на JavaScript
Здравствуйте! Имеется таблица с заголовками. Есть к ней фильтр: https://jsfiddle.net/3eqfLb7b/ Фильтрация убирает строки tr, которые не совпадают с искомым значением. Но заголовки th остаются. Подскажите, пожалуйста, как скрыть заголовки, которые не содержат искомое значение? Заранее благодарю за помощь.
0 votes7 answers -
Резиновый сайт
Есть шапка размером 1024Х180px Хочу сделать чтоб шапка при больших разрещениях увеличивалась ,а при уменьшении экрана на 700-800 пикселей ,чтоб появлялась во всех браузерах полоса прокрутки, чтоб нормально показывалось на всю ширину на экранах 15,17,19,22 дюйма. Подскажите как, код пробный. Проблема в том, что у меня не появляеться полоса прокрутки при уменьшении окна браузера на меньше 800 пикселей в браузере ИЕ, там и 900 и 1000 пикселей, полоса появляеться. А в др. браузерах аообще не появляеться при уменьшении на меньше 800 пикселей. Хочу чтоб на всю шрину было в экранах размером 15,17,19,22 дюйма. Подскажите как в моём коде правильно написать. Заранее благодарю за …
0 votes26 answers -
Как научится быстро и качественно верстать?
Как научиться быстро и качественно верстать ? А то я очень долго верстаю. Есть какие то хитрости или помощники - сервисы?
0 votes9 answers -
Как растянуть блок вниз до прижатого футера
Здравствуйте. Подскажите, как можно растянуть блок вниз до прижатого футера, если высота страницы неизвестна ( т.е. чтобы на любых экранах блок касался футера) ???
0 votes3 answers -
обрамленная таблица
Помогите плиз если кто знает, как сделать так чтоб в таблице края были не полоской, а из какогото рисунка например вот как здесь http://pskov-pagan.narod.ru/ Очень нужно!! Спасибо
0 votes8 answers -
Ul Li Display: Inline; - Отступы При Использовании Бэграунда
Здравствуйте! Подскажите по ситуации, имею CSS: #maincontent > .sectionmenu { position: relative; margin: 0px 0px 0px 1px; padding: 0; width: 990px; height: 23px; border-top: 1px solid #000; border-bottom: 1px solid #000; } #maincontent > .sectionmenu.shadowline{ ~height: 9px; margin: 0; padding: 0px 0px 9px 0px; background: #fff url(/shdw3.png) top left no-repeat; } #maincontent > .sectionmenu ul{ background-color: #fff; margin: 0; padding: 0; height: 23px; } #maincontent > .sectionmenu ul li{ list-style: none; ~display: inline; background-color: #dedede; color: #333; padding: 0px 5px 0px 5px; margin: 0; font-size: 11px; line-height: 23px; height: 23px; …
0 votes6 answers -
Фрейми
Всем привет! Помогите пожалуйста, создать страницу с размещенными в ней тремя фреймами. Я уже кое-что создал в приобщенном архиве. Что именно нужно сделать: нарисовал в приобщенном файле struktura.jpg. Сами фреймы я уже создал, нужно толкосделать действия, также приобщаю в архиве frame3.rar. Поскольку на Вашем форуме не нашел как прилепить к посту файл, то пришлось виложить здесь на ифолдере. Результати пожалуйста викладивайте здесь или скидуйте на почту: honda07@ukr.net Заранее всем спасибо!
0 votes8 answers -
В чём отличия открытия php кода <?php от <?
Интересно.
0 votes13 answers -
вертикальное выравнивание в input
Всем привет. Такой вопрос как в ие выровнять по вертикали текст в инпуте. Код такой: <div class="searchResort"> <div style="width:158px; margin:0 auto;"> <form method="GET" action=""> <input type="text" id="searchResort" class="formSearchResort" value="Название курорта" onfocus="this.value = '';" onblur="if (this.value == '' || this.value == ' ') this.value='Название курорта' ; "> </form> </div> </div> ЦСС: .searchResort { background:#e5e5e5; height:33px; margin: 0 auto; } .formSearchResort { width: 138px; height: 33px; background:#e5e5e5 url('../img/formSearchResort.png') no-repeat; padding:0 10px 0 10px; border: none…
0 votes4 answers -
Как спрятать кнопку печать
Здравствуйте! Подскажите, как убрать в таблице стилей кнопку печати? Спасибо.
0 votes7 answers -
как сделать чтоб при измениии размера окно не двигались картинки???
У меня вот еще какая проблема есть сайт все в родебы нормально начальству нравится, но есть одно но при изменении размера окно или разрешения экрана надпись "Главная" и картинка девушьки сильно уползают, как сделать так что они стояли на месте. я еще мало что знаю в деле Web программирования нолько ничинаю, помогите пожалуйста подскажите.
0 votes5 answers -
Как реализовать такой футер?
В общем нужно сделать футер такой как в этом шаблоне Ссылка на шаблон с футером Футер прозрачный на всю длину окна постоянно внизу экрана не зависимо от полосы прокрутки. Спасибо.
0 votes5 answers -
позиционирование формы
Ребят подскажите как отпозоционировать input и option что бы они были на одном уровне и одинакового размера,кучу видосов посмотрел на ютубе но там никто не объясняет толком как и почему <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <form action="#" method="post"> <p><label for="name">Name: <input type="text"></label></p> <p><label for="passvord">Passvord: <input type="text"></label></p> <p><label for="forza">Forza:</label> <select name="nav" id…
0 votes6 answers -
елементарная задача усложненная кроссбраузерностью.
здравствуйте. уже 2 дня занимаюсь любовью с следующей задачей: в шапке сайна нужно поместить горизонтальную полоску определенного цвета которая начинается с координат top:77px, left:200px. и продолжается к правому краю екрана. на полоске должно быть меню. в следующем примере все работает в ИЕ. опера растягивает экран на 200 пикселей в ширину (100% ширины меню + 200 отступ с левого края) доктайп не указан. но его указание делает в опере еще хуже - пропадает цвет фона, тк. высота блока inhead становится равной 0. html <div id="head"> <div id="inhead"> <ul> <li><a href="index.html" class="menu">пунктменю</a></li> <li><…
0 votes5 answers -
не работает background color
Вопрос, когда подключаю к divам, CCS не работает background color, в чем может быть, причина? Вот стили: #line3 { background-color: #5B3403; float: left; width: 100%; height: 5px;}
0 votes18 answers -
Размытый полупрозрачный фон
Пример видел подобное на сайтах, но забыл каких. пытался искать в google, но как-то не получается толково сформулировать запрос. предполагаю, что данную вещь можно сделать полупрозрачной png, или скриптом. интересует как сделать или где скачать такой фон, я к сожалению с photoshop на ВЫ. если кто знает где есть статьи по этому поводу дайте ссылку.
0 votes4 answers -
bootstrap для новичка ?
Доброго времени суток, обитатели этого замечательного ресурса. Я начинающий верстальщик. Меня интересует такой вопрос: Стоил ли учится работать с css frameworkами начинающему верстальщику или же лучше все писать самому без какой либо помощи ? Не хочу что бы это как то отобразилось на моем обучении в худшую сторону...
0 votes4 answers -
Как сделать блок ссылкой?
я создал div блок, которому дал размера 100x100, в который засунул картинку, и ниже неё текст. пример (код html): <div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p> пример (код css): .primer {width: 100px; height: 100px;} как мне теперь сделать этот целый блок (100x100) ссылкой? как я понял, это не подходит: <a href="#"><div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p></a> когда я делаю так как написал выше, то ссылка делается на всю страницу. а мне нужно чтобы ссылка была только для этого блока... думаю суть вопроса понятна... может кто помочь с этим?
0 votes19 answers -
Шрифты, CSS, Google Fonts, Font Squirrel
Знаю, что была уже куча таких тем, но все же. Опять непонятно кое-что со шрифтами. В общем, скачиваю шрифты с Google Fonts, не через просмотр исходного кода, а через стандартную ссылку для скачивания шрифта. В архиве .tff и лицензия. TFF, естественно, при обычном @font-face {font-family: 'Some Font';src: local('Some Font'), url(fonts/Some-Font.tff) format('tff');}не работает, что предсказуемо. Иду на Font Squirrel, обычные настройки, всякое такое, загружаю, редактируется, скачиваю, опять не работает. Иду снова на Google Fonts, просматриваю исходные коды, подмечаю, что при скачивании - TFF, а при подключении типа <link href='http://fonts.googleapis.com/css?family=…
0 votes22 answers -
CSS <input> + <datalist> как избавиться от смены фона при выборе значения?
http://jsfiddle.net/yxhzsk4m/1/ Первая строка таблицы ссылается на datalist. При выборе одного из значений фон меняется на жёлтый. А хочется, чтобы остался серым, ну или тем, которым укажу. Как это сделать? (:valid, вроде в этом случае не действует....) ПС Классно было бы также ограничить ввод в это поле только указанным в datalist списком значений. нельзя ли это сделать через pattern (в общем без JS)??? (В этом случае вроде рекомендуется использовать селект, но отказался от него из-за того, что он всегда ставит margin left и right + 3px, если рядом есть какой-либо элемент. А если нет, то не ставит!!! И красивой таблицы не получается... И высота у селекта меньше на…
0 votes2 answers -
Замена платных шрифтов бесплатными
Такой вопрос. На сегодняшний день занимаюсь практикой верстки. И столкнулся с такой проблемой. На psd-макете подключаются нестандартные платные шрифты. На профи-макетах таких шрифтов немного, на любительских - часто и густо. И вот я начинаю каждый раз перерывать Инет в поисках этих платных шрифтов, которые есть на макете. Естественно, когда нахожу такие, а когда и нет. Если честно, уже поднадоело такое занятие. Может, существует такой инструмент, который может мне подобрать шрифт, который является аналогом платного шрифта? Типа того - я указываю ему искомый шрифт, а он мне предлагает бесплатную альтернативу, максимально приближенную по качеству.
0 votes6 answers -
input vs a href
Можноли кнопку для отправки данных формы заменить на ссылку? <form name="form" action="/form/" method="post"> <input name="tem" type="hidden" value="tem" /> <input type="submit" name="submit" id="submit" value="отправ"> </form> <input type="submit" name="submit" id="submit" value="отправ"> заменить на ссылку можно? если да то как?
0 votes18 answers -
Меню-аккордеон + спрайты
Всех приветствую! Столкнулся с такой проблемой. На сайте будет меню. Меню с подуровнем. Условие - меню-аккордеон, кроме этого используются спрайты (так как шрифт не стандартный и просили шрифт не изменять). Отдельно меню-аккордеон работает и сдвигает вниз следующие пункты меню. Но когда настраиваю спрайты и присваиваю <li> class то выходит фигня какая-то... кто может подсказать в чем проблема? HTML, CSS и скрипт можно посмотреть на http://mysite-demo.narod.ru Да... забыл сказать... второй уровень меню появляется если нажать на "Каталог"
0 votes10 answers -
Раскрывающийся список & Bootstrap
Использую фреймворк Bootstrap. Создал раскрывающийся список при помощи <select> и <option>. Теперь правда не могу понять как в список вставить иконки перед названиями. Т.к. тег <option> понимает только текст . И как сделать так чтобы курсор при выборе пункта из списка прыгал в поле Input, которое находится правее?
0 votes0 answers -
Скрыть сразу несколько блоков (javascript)
Здравствуйте! Скажите пожалуйста как можно с помощью события onclick скрыть несколько блоков div сразу. Допустим есть блоки wind1, wind2, wind3, wind4. Для каждого из них в меню есть кнопка. Нужно чтобы при нажатии на кнопку 1 показывался блок wind1, при нажатии на кнопку 2 скрылся блок wind1 и отобразился блок wind2, то есть при нажатии на кнопку показывался только соответствующий блок, а остальные скрывались. Я решил эту проблему так: wind1: <div id="button1"> <a class="but" href="#" onclick="document.getElementById('wind1').style.display='block'; document.getElementById('wind2').style.display='none'; document.getElementById('wind3').style.display='none'; doc…
0 votes2 answers