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
-
Вставка ссылки с SVG-объекта
Добрый день. Объявлен объект: <object data="images/software.svg" type="image/svg+xml">Ваш браузер не может отображать SVG-изображения.</object> Надо сделать с него ссылку. Оборачивание в <a href></a> не помогает. Помогите, пожалуйста.
0 votes0 answers -
margin у элемента который касается границы браузера
http://www.resultime.ru/ Вот страница. В ФФ футер маргин боттом отступает от нижнего края страницы. В ие7 + даже это происходит. А вот в хроме и опере футер плотно прижат к нижней части браузера. Такое ощущение что у элементов которые выходят за 100 процентный размер боди и хтмл и упираются в края браузера нельзя задавать маргины которые бы отодвигали эту границу. Есть решение добавить невидимый блок с прозрачным фоном и отодвинуть футер от прилипания к границе браузера. Но возможно вы мне подскажете решение без добавления лишнего элемента. Весь код в примере вынес в 1 файл что бы и стили и разметка была рядом.
0 votes4 answers -
Border у фигуры
Раньше не юзал фигуры, решил попробовать, ну тут какие-то грабли)) div { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } получается красный треугольничек, но мне надо цвет #F7F7F7, меняю, и о чудо, у треугольника появляется border, что за странность?
0 votes8 answers -
Почему padding вокруг текста в разных браузерах ведет себя по-разному
.one { padding: 0.3em; } <span class="one">Hello, everyone</span> Почему в разных браузерах по-разному рисуется плашка (верхний отступ скачет)? И как сделать, чтобы она располагалась, как в Safari (центр по строчным буквам, а не прописным)?
0 votes1 answer -
Collapsible список на HTML без JS
Добрый день! Как на HTML сделать список со скрывающимся содержанием? Допустим, есть следующее: Заголовок1: Пункт1.1 Пункт1.2 Пункт1.3 Заголовок2: Пункт2.1 Пункт2.2 Пункт2.3 Из этого нужно получить следующее: Заголовок1: Заголовок2: При этом нужно, чтобы заголовки можно было открывать/закрывать независимо друг от друга. Нужно реализовать без использования JS, CSS, только на HTML.
0 votes6 answers -
White-space и лишние пробелы
Доброе время суток. Пациент. Это вывод некоторого кода, изменять который у меня нет привилегий (только изменение CSS). Вы, наверное, заметили, что между таблицей и второй рамкой есть промежуток в виде лишних пробелов, которые выдает код. Возможно ли как-то их убрать?
0 votes9 answers -
Какие бывают меню (навигация)
Здравствуйте! Вопрос может показаться странным и специфическим, просто я делаю одну вещь на РНР, которая должна будет принимать данные со стороны и на основе их делать меню, как-то так, по этому мне надо разобраться какие "типы" ссылок в меню бывают, что я подразумеваю под словом "типы", типы в моем случае разделяются исключительно только по заданному у них атрибуту class и стилям (которые через этот class и задаются), допустим есть меню из 3-х элементов: "Главная", "Контакты", "О сайте". Мы находимся на странице "О сайте": - простое меню, все ссылки имеют одинаковый стиль (один class), "О сайте" ни как не выделяется. - меню посложнее, тут уже ссылка "О сайте" выделена ц…
0 votes3 answers -
Сложности при верстке навигации
Здравствуйте. Нужно сделать навигацию такого типа Что я сделал на данный момент codepen Если вы наведетесь на "Шкафы-купе", то увидите подкатегории, что появились снизу, а нужно справа. Я мог бы их расположить там с помощью позиционирования, но тогда они будут вываливаться с белого блока (.nav-wrap), если будут больше по высоте. Как мне решить эту проблему?
0 votes3 answers -
bg-blend-mode в действии
Доброго времени суток. Уже давно мучает вопрос, который связан со свойством background-blend-mode и градиентом. Суть вопроса в том, что при вёрстке сайта с макета psd, я часто попадаю на фоновое изображение, которому задана функция с наложением градиента с целью частичного затемнения. Так вот у меня не получается реализовать это в самом проекте. Хотелось бы получить толковый ответ по данному вопросу. Пример кода для наглядности: body { width: 100%; background-image: linear-gradient(to top, rgb(0,0,0), rgb(255,255,255)), url(Surfers/src/img/bg-about-us.jpg); background-blend-mode: normal; }
0 votes4 answers -
Проблемы с входом в админку
Ребята подскажите плз...в чем может быть проблема... Вобщем есть сайт, который я залил на хостинг, и 2 недели назад все прекрасно работало, а вот вчера приехал и немогу зайти в админку, которая блокируется вот таким кодом.. <?php include("blocks/bd.php"); if (!isset($_SERVER['PHP_AUTH_USER'])) { Header ("WWW-Authenticate: Basic realm=\"Admin Page\""); Header ("HTTP/1.0 401 Unauthorized"); exit(); } else { if (!get_magic_quotes_gpc()) { $_SERVER['PHP_AUTH_USER'] = mysql_escape_string($_SERVER['PHP_AUTH_USER']); $_SERVER['PHP_AUTH_PW'] = mysql_escape_string($_SERVER['PHP_AUTH_PW']); } $qu…
0 votes3 answers -
Тэг h увеличивает размер строки таблицы по вертикали
...<td><h1>текст</h1></td>... увеличивает вертикальный размер строки таблицы, т.е. сверху и снизу от текста появляется много пустого места. Можно как-нибудь этого избежать?
0 votes7 answers -
DIV уезжает вниз.
Почему <div class="working_panel"> уезжает вниз! я не могу понять почему! <body> <form id="form1" runat="server"> <div class="pre_working_panel"> <div class="event_promo_panel"> <div class="header">Event Promo</div> <div>eventpromoby@gmail.com</div> </div> </div> <div class="working_panel"> <div> <img class="image" src="3f0ad3de.png" /> </div> </div> </form> </body> *{ margin: 0; padding: 0; outline: medium …
0 votes2 answers -
Текст в центре div'а (по горизонтали и вертикали).)
Привет window.onload = function () { var wheight = (window.innerHeight) ? window.innerHeight : ((document.all) ? document.body.offsetHeight : null); document.getElementById("center_v").style.height = (document.getElementById("content").scrollHeight - 50)+"px"; document.getElementById("center_v").style.width = (document.getElementById("content").scrollWidth)+"px"; } #content { width:56%; min-height:500px; margin:0 0 0 0; padding:50px 2% 0 2%; float:left; } * + html #content { width:55%; } #center_v { width:100%; height:100%; min-height:500px; display:table-cell; vertical-align:middle; } #center_h { width:100%; height:auto…
0 votes1 answer -
Проклятый height: 100%
Столкнулся с такой проблемой как блоки внутри таблицы. Как сделать блок #second высотой в 100% от родителя? http://jsfiddle.net/rDfgW/
0 votes11 answers -
Помогите с Меню =)
Всем здрасте! Помогите пожалуйста начинающему web-деятелю =) сделать менюшку, пытался сам но что то ничего не получается сдизайнил вот такую нехитрую менюшку должно выглядеть именно так а вот что получается при наведении мыщи тоже фигня какая то. Вот сам код SCC: <style> /* Главное Меню Начало */ ul.menu li{ display:inline; paddin: 10px; margin: 10px 10px 10px 10px; color:#FFF; /*Цвет текста*/ background:#060; font-family:Arial, Helvetica, sans-serif; } ul.menu li a { padding: 10px; margin: 10px 10px 10px 10px; text-decoration:none; color:#FFF; } ul.menu li a:hover { background:#090; } </style> А вот HTML: <!-- Меню начало …
0 votes7 answers -
Растягивание меню
В общем ситуация такая. Есть горизонтальное меню, при структуре с фиксированным расстоянием между кнопками(padding), вроде влазит, но кроме андроида и мазилы. (последний пункт выползает во 2 ряд) Хочется чтобы оно автоматически растягивалась по ширине, сделал это с помощью div -display: table; ul- table-row; li- table: cell; Появилась другая проблема, раньше, при наведении на элемент он выдвигался (hover {padding-top: +5px;}), а с таблицей это не работает, отодвигаются все элементы.
0 votes1 answer -
отображение текста на ховере
добрый вечер, при наведении на картинку посредине картинки должен появиться текст. изначально задаю display:none; при наведении :hover{ display:block; } текст не отображается. вот ссылочка http://jsfiddle.net/mrfrunze/wg8ntajy/ в чем может быть подвох? спасибо.
0 votes8 answers -
как сделать такой бордер?
всем привет как можно реализовать такой бордер чтоб слева сверху такой был? http://jsfiddle.net/d8L9oj8n/19/ или эт надо картинкой прикручивать уголок этот ?
0 votes4 answers -
при масштабировании меняется положение элементов!
Добрый день! Почему при увеличение экрана меняются элементы???...сьезжают на лево!!! http://jsfiddle.net/y0qwatzL/
0 votes4 answers -
Статья: типы верстки
На сайте htmlbook.ru видел статью про все типы верстки: резиновая, адаптивная, гибридная... Не могу найти. Дайте ссыль.
0 votes3 answers -
Вертикальное позиционирование текста внутри блока
Уважаемые мастера, подскажите: div.TempDv{ width:35px;height:35px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; margin: 60px 0 0 10px; position: absolute; background-image:url(prib2.jpg); text-align: center; vertical-align: bottom; } По горизонтали текст выравнивается, а по вертикали нет. Нужно чтобы текст был по середине снизу.
0 votes4 answers -
рендеринг шрифтов в Chrome на Mac
www.zebra-tara.ru использован шрифт Roboto, подключенный через Google Fonts. проблема - в Chrome на PC нормально подгружается и отображается шрифт, а на Mac - нет, ощущение, что вообще шрифт не загружен. Шире - это на Mac, видно, что шрифт другой: Притом в Safari - нормально: Предположил, что локально установлен Roboto без кириллицы, проверил - нет. Куда копать?
0 votes3 answers -
доктайп и js, как подружить?
имеется следующий код, на замену iframe: <script type="text/javascript"> function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } addLoadEvent(function() { showPage1(); }); var baseUrl = ""; function showPage1 () { showPage (document.getElementById ("indexx.html")); } function showPage(el) { var div = document.getElementById("textDiv"); page = baseUrl + el.id; div.innerHTML = "<iframe src ='" + page +"' width='100%' height='100%' scrolling='auto'>"; } </script> продолжение:…
0 votes6 answers -
Добавление ICQ
Не знаю как это называется точно, видел много раз на сайтах в контактах вписывают асю, причем с логотипом самой аси, который меняется в зависимости от того в online-е или в offline-е сейчас UIN. Подскажите как это назвается и как это реализовать у себя?
0 votes3 answers -
Счётчик посещаемости
Ситуация интересная! На сайте есть два счётчика посещаемости - liveinternet.ru и от специлизированного ресурса по тематики моего сайта. Показатели счётчиков всегда совпадали, бывало в редких случаях расхождение на 1 хост. Сейчас же стал замечать что расхождение доходит до 20 хостов... То есть liveinternet показывает 90 а другой 110... В чём может быть проблема? Может ли быть такое, что трафик кто-то ''уводит''? Как мне быть и разобраться с этим.
0 votes3 answers