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
-
Подключение шрифта helvetica neue cyr roman
Добрый день, верстаю один дизайн, а тут вот такой шрифт, как его подключить в css? для нестандартных шрифтов я использовал google fonts, а там его нету, как его подключить?
0 votes2 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 -
подсветка input style=image
Доброго времени. <input type="image" src="i/file0.gif" / class="over"> как применить :hover ? как поменять file0.gif на file1.gif?
0 votes57 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 -
checkbox ссылка
Добрый день форумчане! Столкнулся с такой вот проблемой. Делаю кустарный фильтр по категориям товара. Т.е. есть список (скажем 5 брендов), на против каждого бренда имеем квадратик клацнув по которому появляется галочка в квадратике (стандартный checkbox). Задача стоит в следующем, хочу сделать так, что бы при клике по квадратику появлялась галочка и в то же время происходил переход по ссылке на другую страничку с нужным брендом. Отображение квадратиков в которые вставляется галочка я сделал, но не понимаю и не могу найти в инете как сделать ее активной что ли, что бы сразу происходил переход по указанной ссылке. <form action="http://www.tepliydom.org.ua/nagrevatelny…
0 votes18 answers -
Убрать прозрачность дива
Здравствуйте такая вот проблема. Есть основной див залитый цветом на котором стоит: opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); Сверху идет следующий див но уже с ПНГ на которой тоже переходит прозрачность. Скажите как убрать прозрачность с дива в котором ПНГ. Спасибо
0 votes12 answers -
Что лучше для верстальщика iMac или MacBook ?
Всем привет. Хотел бы узнать у профи, что лучше из них для верстки ? В дальнейшем планирую работать удаленно, сейчас изучаю верстку, далее буду потихоньку жс переходить (основы знаю, просто для начала, говорят нужно стать верстальщиком). Кто что посоветует ?
0 votes22 answers -
Установил Денвер, хочу локально установить форум - такой как здесь
К сожалению PHP совсем не знаю, установил Денвер, хочу локально установить бесплатный форум ( не знаю - такой как здесь подойдет или нет ) и не зню что дальше делать, подскажите пожалуйста
0 votes12 answers -
Автоматическое растягивание по ширине пунктов выпадающего меню
Всем добрый вечер. Вот уже реально крышу несёт не могу разрешить проблему. В общем есть горизонтальное выпадающее меню. Надо сделать так, чтобы выпадающие пункты по ширине растягивались в зависимости от величины названия пункта меню. То есть, чтобы общая ширина выпадающего меню бы соотв ширине самого длинного назв пункта. Уже мучаюсь целый день никак не могу въехать, как это сделать. Вот пациент: http://verstku.narod.ru/trablmenu/index.html Получается в две строки почему-то идут выпадающие пункты и хоть ты тресни (((. Уже просто чувтсввую, что мозг близок к взрыву. Помогите, плиз. Спасибо.
0 votes28 answers -
Как сверстать меню?
Дорогие Камрады, у меня возник вопрос, а точнее мне интересно услышать варианты и идеи по-поводу того, как бы Вы сверстали вот такое меню: , дело в том, что Оно полностью Пнг-формата, и сам каркас с фоном, ссылки и текущая страница тоже, как видите выделяется(в данном случае это страница "Авторизация").. А проблема в том, что: 1) Нужно, что-бы это меню прекрасно отображалось в ИЕ6, один в один, как и везде 2) Почему то ссылки не кликабельны после того, как я назначаю даже фон этому меню в ИЕ6, почему так происходит, я не могу понять? 3) Хотелось-бы узнать у Вас, как-бы кто сверстали такое меню, какими бы свойствами и действиями оперировали?
0 votes56 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 -
Кликабельная иконка возле ссылки
Хотелось бы узнать как ПРАВИЛЬНО делать это. Т.е. нужно чтобы конечный пользователь просто писал ссылку, а в документе она появлялась с иконкой, причем на иконку также можно было бы нажимать, подчеркивание было бы только у текста ссылки. Как делать? Методом тыка добрался до вот такого, не ругайте сильно) <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 -
OnMouseOver смена стиля на другой
в stylesheet.css описаны, допустим, два стиля для DIV #lefttextdiv { ... } #lefttextdiv_ { ... } как при наведении на div поменять текущий стиль "lefttextdiv" на "lefttextdiv_"
0 votes26 answers -
перенос строки в <option>
Добрый день. Возможно ли делать перенос строки в тегах <option> select'a? Вариант <option value="">my_text<br />my_text</option> не работает В выпадающем списке появляется вся строка с <br /> \n\r тоже не работает ( заранее спасибо.
0 votes2 answers -
Смена цвета текста при наведении на него курсора
Я перепробовал много способов, но все неудачны, как это можно реализовать, что бы выглядело похоже на ссылку что ли, может кто подсказать?
0 votes10 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 -
Что такое Полифилл?
Что за термин Полифилл?? касательно JS
0 votes8 answers -
Генерация рандомного значения на Javascript
Есть большое число значений переменной Х. Допустим это 4 000 456 000 (значения - числа от 1 до 4 000 456 000). Можно ли сделать, чтобы переменная рандомно принимала любое из 4 000 456 000 значений?
0 votes20 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 -
автоматическая ширина для input
помогите пожалуйста решить проблему есть поле input со строкой текста внутри. не получается сделать так чтобы ширина поля подстраивалась под количество текста(длину строки). фиддл могу использовать js, но хотелось бы на css
0 votes3 answers -
Облегчим труд верстальщика! (из word в html)
Вопрос возник в результате кропотливой верстке, здаровеных таблиц, настока это муторно, скорость работы просто падает! Подскажите пожалуйста, возможно ли из Worda или Excel, прекенуть таблицу в документ HTML? (может прога какая есть) з.ы. использование "сохранить как web-страницу" меня не устраивает! 1. дохрена ошибок 2. прописывает стали в таблице, и многое другое (попробуйте, сами увидите) Хотелось бы толко получить таблицу, с данными! Без какого либо оформления! Спасибо!
0 votes19 answers -
Горизонтальное меню с разделителями картинками
Как сделать горизонтальное меню я знаю. А как стандартные разделители заменить изображениями? Если языком CSS, то вот что нужно: ul.plinks li { border-left: url(images/border.gif); } Спасибо. Вот стандартный 1px solid black: А нужны такие разделители:
0 votes13 answers -
Абсолютное позиционирование и IE6
Вопрос в следующем. Если в ЦСС задать примерно такое: position:absolute; top:10px; bottom:10px; left:10px; right:10px; , то 7й эксплорер и мозила "растянут" див таким образом, что он будет "не доставать" до края экрана по 10 пикселов с каждой стороны. 6й эксплорер не видит одновременно параметров left и right для одного элемента - читает только первый. Его можно от этого вылечить?
0 votes52 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 -
В?рстка меню слоями
Всем доброго времени суток. С использованием таблицы эта задача решается очень просто, интересно можно ли е? решить также просто без использования таблиц. Задача состоит в создании меню со следующими условиями: 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