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 votes6 answers -
Как убрать пунктирную обводку input'ов в firefox?
Помогите решить проблему с кнопками в Firefox. При нажатии у кнопки появляется пунктирная обводка. Похожая проблема есть со ссылками, но она решается с помощью: outline:none; Но проблема с кнопками вышеуказанным способом не решить. Подскажите есть ли способ решить проблему пунктирной обводки кнопок в Firefox. З.Ы. Кстати проблема пунктирной обводки у ссылок есть и в IE6, и она тоже не решается с помощью outline:none.
0 votes10 answers -
footer внизу страницы
когда на станице мало информации, footer не остается в самом низу страницы, а располагается в том месте, где закончилась таблица, даже если таблица в середине странички заканчивается.. можно ли "привязать footer" к низу страницы, зафиксировать его там?? и ещ? вопрос по теме: как фон разместить вплотную к нижней части страницы??
0 votes1 answer -
Как сделать выпадающее меню при нажатии (не при наведении)
Как сделать выпадающее меню при нажатии, а не при наведении? То есть, вот пример, меню: http://cssor.ru/examples/cssmenu/cssmenu.htm здесь меню выпадает при наведении. А мне нужно, чтобы нажав на пункт меню отобразились подпункты и так и оставались.При наведении не надо. Ставила свойство active, но оно при нажатии появляется и тут же исчезает.
0 votes9 answers -
Не работает @font-family
Попробовала использовать подключение нестандартных шрифтов через @font-family, но ничего не получилось. Экспериментировала с разными вариантами шрифтов. Несколько качала с fontov.net и еще один взяла из встроенных по умолчанию в Photoshop. Вопрос заключается в следующем, какие могут причины нерабочести? Ни в одном браузере (Opera, Firefox, Google Chrome) изменения не отображаются. Текст, к которому применяю @font-family, вообще не отображается либо отобржается стандартным (кажется, это Arial). Кто-нибудь сталкивался с подобным? Может дать совет какой-нибудь или объяснить, в чем может быть проблема? Да, кстати, вес шрифта не более 70КБ был, формат ttf, кириллицу поддержив…
0 votes10 answers -
вертикальное выравнивание div'а внутри div'а??
снова вопрос.. есть что то типа такого кода: <div class="one"> <div class="two"> <a href="boo.htm"><img src="boo.gif" /></a> </div> <div class="three"> <ul><li>boo</li></ul> </div> </div> и к нему CSS .one {width: 600px; height: 85px;} .two {width: 180px; height: 85px;} .three {height: 85px;} Меня интересует как картинку и список выровнять вертикально по центру (их габариты не известны)..
0 votes12 answers -
Прошу помощи по кросс-броузерной верстке
Привет всем. Делаю сайт на заказ. Движок - Джумла 2.5, дизайн - заказной от стороннего разработчика, преобразование дизайна в шаблон джумлы - от меня. При просмотре готовых страниц в разных броузерах обнаружились проблемы. Некоторые страницы выглядят очень по-разному. Для примера - страница http://test.psy-actual.ru/team/persons Файрфокс версии 23.0.1 - все выглядит идеально. В точности как задумано. (Что не удивительно - это мой основной рабочий инструмент) Хром версии 29.0.1547.76 - почти все хорошо, только последняя фотография почему-то съехала на следующий ряд. Это странно, поскольку для ее вывода используется тот же класс, что и в других рядах из 3 фотографий. Единс…
0 votes15 answers -
Как отобразить background-image за пределами блока
Здравствуйте! Есть блок шириной 390px и высотой 100px, который является ссылкой. .div { background-image: url(bg_1.png); height: 100px; width: 390px; } .div:hover { background-image: url(bg_hover.png); } <div class="div"> <a href="#">Текст</a> </div> <div class="div"> <a href="#">Текст</a> </div> Можно ли сделать так, чтобы при наведении на блок фон менялся на bg_hover.png и при этом стрелка слева картинки выходила за пределы блока??
0 votes12 answers -
Кроссбраузерность line-height или как правильно центровать текст по вертикали
Всем здравствуйте! Столкнулся с проблемой и никак не могу найти рабочее решение. Помогите неучу, пожалуйста! Вот ссылка на JSFiddle и пример кода: HTML: <div class="lineHeight"> HELLO // line-height method </div> <div class="padding"> HELLO // padding method </div> CSS: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); div { font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100px; background: lightgreen; margin: 5px; padding-left: 10px; box-sizing: border-box; } .lineHeight { line-height: 100px; } .padding { padding-top: 42px; /* (100px - 14px) / 2 - 1px */ } Ситуация следующа…
0 votes8 answers -
Что лучше для верстальщика iMac или MacBook ?
Всем привет. Хотел бы узнать у профи, что лучше из них для верстки ? В дальнейшем планирую работать удаленно, сейчас изучаю верстку, далее буду потихоньку жс переходить (основы знаю, просто для начала, говорят нужно стать верстальщиком). Кто что посоветует ?
0 votes22 answers -
Подключение шрифта helvetica neue cyr roman
Добрый день, верстаю один дизайн, а тут вот такой шрифт, как его подключить в css? для нестандартных шрифтов я использовал google fonts, а там его нету, как его подключить?
0 votes2 answers -
TABLE
Вопрос к Модератору и остальным участникам форума; на одном сайте я захотел скопировать код таблицы, если то можно так назвать а вот и адрес сайта; ( http://www.rusbible.ru/ ), но код "TABLE" не дается, почему? И как создать такую вот "TABLE" с узорами?
0 votes14 answers -
Что такое Полифилл?
Что за термин Полифилл?? касательно JS
0 votes8 answers -
Убрать прозрачность дива
Здравствуйте такая вот проблема. Есть основной див залитый цветом на котором стоит: opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); Сверху идет следующий див но уже с ПНГ на которой тоже переходит прозрачность. Скажите как убрать прозрачность с дива в котором ПНГ. Спасибо
0 votes12 answers -
Обрезать строку в ячейке таблицы
Добрый вечер. Подскажите, пожалуйста, как обрезать строку в ячейке таблицы? Пробовал делать с помощью text-overflow: clip и overflow: hidden, но таблица растягивается и никакого обрезания, конечно же, не происходит. Вот код таблицы (прошу не пинать за указание ширины прямо в HTML): <table class="logs_list"> <tr> <td style="width: 20%">IP</td> <td style="width: 10%">Время</td> <td style="width: 5%">Запрос</td> <td style="width: 60%;">Страница</td> <td style="width: 5%">Ответ</td> </tr> <tr> <td>140.206.155.127</td> <td>00:54:00</td> <td>GET<…
0 votes4 answers -
Смена цвета текста при наведении на него курсора
Я перепробовал много способов, но все неудачны, как это можно реализовать, что бы выглядело похоже на ссылку что ли, может кто подсказать?
0 votes10 answers -
Кликабельная иконка возле ссылки
Хотелось бы узнать как ПРАВИЛЬНО делать это. Т.е. нужно чтобы конечный пользователь просто писал ссылку, а в документе она появлялась с иконкой, причем на иконку также можно было бы нажимать, подчеркивание было бы только у текста ссылки. Как делать? Методом тыка добрался до вот такого, не ругайте сильно) <a class="savelink" href="#"><div class="save_xl">ССЫЛКА</div></a> .savelink { display: inline; height: 20px; line-height: 20px; font-size: 12px; margin-left: 20px; text-decoration: underline; } .save_xl { background: url("icon_excel.jpg") no-repeat; } .save_word { background: url("icon_word.jpg") no-repeat; } .save_file { background…
0 votes4 answers -
Опустить картинку чуть ниже текста
у меня несколько таких блоков, где есть иконка и текст заголовка, но как сделать так, чтобы иконка была ровно по середине, т.е. она сейчас и так вроде бы по середине, а мне надо иконку чуть опустить вниз при этом чтобы текст оставалс на своем месте, или наоборот чуток поднять текст. КСС код для иконки простой, просто отступ и тексто тоже просто по центру #write-story .container .box h1 img{margin-right: 4px;} #write-story .container .box h1{color:#994f2e; font-size: 16px; font-family: Georgia; text-align: center; font-weight: normal;} Помогите пожалуйста правильно отцентрировать. И еще вопрос, как сделать всю область ДИВ контейнера ссылкой? Так чтобы при наводе на обл…
0 votes3 answers -
Облегчим труд верстальщика! (из word в html)
Вопрос возник в результате кропотливой верстке, здаровеных таблиц, настока это муторно, скорость работы просто падает! Подскажите пожалуйста, возможно ли из Worda или Excel, прекенуть таблицу в документ HTML? (может прога какая есть) з.ы. использование "сохранить как web-страницу" меня не устраивает! 1. дохрена ошибок 2. прописывает стали в таблице, и многое другое (попробуйте, сами увидите) Хотелось бы толко получить таблицу, с данными! Без какого либо оформления! Спасибо!
0 votes19 answers -
перенос строки в <option>
Добрый день. Возможно ли делать перенос строки в тегах <option> select'a? Вариант <option value="">my_text<br />my_text</option> не работает В выпадающем списке появляется вся строка с <br /> \n\r тоже не работает ( заранее спасибо.
0 votes2 answers -
Установил Денвер, хочу локально установить форум - такой как здесь
К сожалению PHP совсем не знаю, установил Денвер, хочу локально установить бесплатный форум ( не знаю - такой как здесь подойдет или нет ) и не зню что дальше делать, подскажите пожалуйста
0 votes12 answers -
Фиксированая ширина каркаса с резиновыми боками
Здравствуйте, целый день промучался с версткой на дивах, цель такая: Есть дизайн, фиксированая ширина 1000 пикселов по центру браузера. Но в дизайне есть слева и справа дополнительные блоки вокруг центра, ширина каждого блока 300 пикселов. Но они должны обрезаться слева и справа соответственно от ширины браузера. Горизонтальная прокрутка должна появляться только тогда, когда ширина браузера меньше 1000 пикселов. Должно быть валидно (XHTML), работать во всех браузерах (IE 6-8, Firefox, Opera, Safari, Chrome, Netscape Navigator) одинаково. Без использования JavaScript. Вот что есть на данный момент: http://vws.com.ua/projects/test/
0 votes70 answers -
загадочное поведение @media screen (max/min width/height)
Дамы и господа, добрый, последний мартовский день! Столкнулся с следующей траблемой: в <meta /> HTML index: <link rel="stylesheet" type="text/css" media="screen and (max-width: 800px) and (max-height: 600px)" href="css/800x600.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1024px) and (max-height: 768px)" href="css/1024x768.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1152px) and (max-height: 864px)" href="css/1152x864.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1280px) and (max-height: 600px)" href="css/1280x600.css" /> <link rel="stylesheet" t…
0 votes9 answers -
В?рстка меню слоями
Всем доброго времени суток. С использованием таблицы эта задача решается очень просто, интересно можно ли е? решить также просто без использования таблиц. Задача состоит в создании меню со следующими условиями: 1. ширина пунктов в явном виде не зада?тся; 2. меню должно плавать по центру родительского контейнера; 3. каждый пункт меню должен заключаться в отдельный контейнер, в котором можно будет задать отступы текста от его кра?в. Если изложил не понятно, прилагаю код решения с применением таблицы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"…
0 votes29 answers -
Допоможіть із перекладом
Доброго вечора! Допоможіть перекласти цей кусок коду на smarty: foreach ($hotel as $key=> $naz_hot) { foreach ($naz_hot as $nazv=> $data) { // echo $nazv." "; foreach ($data as $data=> $nazva) { //echo $data." "; foreach ($nazva as $nazva=> $cina) { //echo $nazva." "; if ($value==$nazva) { echo "<td>".$cina."</td>"; } //else {echo"</tr>";} } } } } наперед вдячний
0 votes16 answers