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
-
Не работает overflow
Добрый день. Есть фиксированный div, растянутый на весь экран (аля модальное окно). А на нем есть таблица. Она может быть совершенно разного размера как в высоту, так и в ширину, и в том числе быть больше окна браузера. Подскажите, как правильно сверстать, чтобы появился горизонтальный скрол, если она не помещается в ширину? Вот в высоту почему-то все работает нормально, а в ширину - нет (таблица начинает ужимать ячейки, чтобы вместиться). Фиксированному диву я поставил overflow: autoМожет там еще какой контейнер-обертку надо... Или в css какое свойство задать?
0 votes9 answers -
Прозрачный текст с тенью в Chrome
Всем привет! Наткнулся я на странный баг в браузере Chrome (может есть и в других браузерах, но я заметил в этом). Вот суть бага: если сделать текст с тенью прозрачным цветом, то прозрачный цвет текста будет считаться не от фона, а от чёрного цвета. То есть как будто текст лежит на элементе с чёрным фоном. Вот пример. Без тени и без прозрачности всё ОК. Чем можно объяснить такое поведение, может это вовсе и не баг, вы с этим сталкивались, и как это обойти?
0 votes8 answers -
Не работает <audio>
Вряд ли это проблема вёрстки, но я не знаю, куда ещё написать. Пробую добавить на страницу звук с помощью <audio>. В Firefox работает, а в Opera нет. Нет звука в Opera 36.0 для Windows и Opera 47 для Андроид. Добавил controls - плеер появился, но кнопки неактивны. Испробовал все возможные варианты синтаксиса - нет звука, хоть тресни. Хотя на других сервисах типа Youtube звук в Opera есть. Давал слушать другим людям - у большинства звука нет, но опроса насчёт браузеров не проводил. Ссылка
0 votes2 answers -
Как вставить видио?
У меня есть видио файл, мне нужно вставить его в страницу, та там не только одно, а несколько видио, как можна их вставлять? где ставить код и какой он? говорю сразу, мне нужно только окно прогирывателя, перекрутка и звук
0 votes4 answers -
Замена атрибута align через CSS
Здравствуйте. Есть блок с картинкой и текстом. <div class="primer"> <img src="1.gif align="left"> <p> text text text text text </p> </div> Как в стиле для блока заменить через CSS параметр align=left для изображения?
0 votes2 answers -
Убрать переход на новую строку у div
собсно сабдж
0 votes2 answers -
Открыть ссылку в новом окне
Читал на сайте статейку про Атрибуты ссылок. Меня интересует target="_blank" _blank — загружает страницу в новое окно браузера. Но я решил, чтобы буду верстать по строгому стандарту DOCTYPE (string). А в статье написано: Каким образом тогда открыть ссылку в новом окне?
0 votes9 answers -
Кернинг
Я в шоке, неужели в CSS нет поддержки ручного кернинга между определенными буквами в слове?
0 votes1 answer -
Вертикалное направление текста в таблице
Добрый день. Как стандрартными стредствами html и css кроссплатформенно перевернуть текст в таблице? Есть способ переворота с помощью transform: rotate(-90deg); transform-origin: left top 10; но текст вылазит за пределы ячеек таблицы. существуют другие рациональные варианты??
0 votes2 answers -
Помогите пожалуйста добавить кнопку отправки даных формы
Здравствуйте. Я только разбираюсь с HTML и хочу сделать "обратную связь", форму как бы сделал вот: <table border=0 cellspacing=0 cellpadding=0> <tr> <td width=144 height=56 valign=top><p>Имя</p> </td> <td width=656 valign=top><p><input name="senders_imya" size=30 maxlength=255></p> </td> </tr> <tr> <td width=144 height=56 valign=top><p>Ваш E-mail:</p> </td> <td width=656 valign=top><p><input name="senders_adres" size=30 maxlength=255></p> </td> </tr> <tr> <td width=144 height=56 valign=top><p>Ваш телефо…
0 votes5 answers -
Проблема с hover в браузере Chrome
Добрый день. Столкнулся со странной ситуацией: В главном верхнем меню сайта aviado.ru, при наведении мышкой на выпадающее меню, значение hover (background: #be1d1d url(images/back_menu_hover.png) repeat-x top left;) не до конца заполняет область раздела (см. скриншот). Любопытно, что в других браузерах (Firefox, Yandex, Opera) всё работает корректно, включая мобильные браузеры. Собственно и в Chrome все работало корректно, до версии 45.0.2454.85 m. Нюанс: такой косяк происходит только с выпадающим меню, т.е в тех областях, где меню не выпадает, а просто кнопка, заполнение происходит нормально. Проблема была диагностирована на 5 компьютерах под управлением Wi…
0 votes4 answers -
Прозрачность a:hover в IE6
Пытаюсь заставить реагировать ИЕ6 по наведению мышки на картинку. По идее, одна должна становиться частично прозрачной, что и происходит во всех броузерах кроме ИЕ6. Что делать? #rr a:hover { color: #fff; border: 1px solid blue; background: url(images/ru.jpg); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; padding:0; } Ну и html <div id="rr" ><a href="ru.html"></a> Спасибо за помощь
0 votes4 answers -
Почему не работает z-index
css: #content_top { position: relative; top: -200px; width: 800px; min-height: 400px; background-image: url('web/content_top.gif'); background-repeat: no-repeat; background-color: #01140d; z-index: 1; } #content { width: 800px; z-index: 3; } #content_bottom { width: 800px; height: 200px; background-image: url('web/content_bottom.gif'); position: relative; top: -200px; z-index: 2; } html: <div id="content_top"> <div id="content">этот текст должен быть поверх картинок!А он бяка такая закрывается content_bottom</div> <div id="content_bottom"></div> </div> ну что скажете…
0 votes2 answers -
META-COD
У меня к вам просьба; какой мета-код надо поставить на страничке для старорусской букве "ять"? Я пробовал эти... 1) <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=Windows-1251"> 2) <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8"> 3) <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=KOI8-U"> НЕ ПОЛУЧАЕТСЯ. Почему? mac-condor@mail.ru
0 votes11 answers -
INPUT type="radio" Нестандартное оформление
Вот такая ситуация, первый раз с ней сталкиваюсь, оформить элементы формы типо текст можно, а вот как быть с радиокнопками и чеками? По заказу я должен сделать радио чтоб внутри при выборе точка была красная, как это сделать подскажите пожалуйста
0 votes4 answers -
svg шрифт
Хочу сделать логотип сайта в формате svg, но не получается сохранить картинку с нужным шрифтом, браузер выдает стандартный times new roman вместо muriad pro. Это вообще возможно, сохранить svg картинку с нестандартным шрифтом? Пользуюсь adobe illustrator
0 votes6 answers -
Текст отображается, как ссылка
Здравствуйте. При изучении HTML я столкнулся с проблемой. Я пытался сделать маркеры на странице и ссылки на них. Однако из-за этого весь текст выглядит, как одна большая ссылка. А если быть точнее, то начиная с "Глава 1 под линией и до конца, ссылка ведет на "el2". Помогите, пожалуйста разобраться с этим. Что тут не так?
0 votes3 answers -
Проблемы с htaccess
Не подключается файл .htaccess( закинул его на хостинг, но гугл спид так и не показывает что файлы кэшируються - вот сам код htaccess <ifModule mod_expires.c> # Add correct content-type for fonts AddType application/vnd.ms-fontobject .eot AddType application/x-font-ttf .ttf AddType application/x-font-opentype .otf AddType application/x-font-woff .woff AddType image/svg+xml .svg # Compress compressible fonts AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml ExpiresActive On ExpiresDefault "access plus 5 seconds" # Cache Images ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access…
0 votes5 answers -
Откуда берется картинка, когда даешь ссылку на сайт?
Извиняюсь, если вопрос не в том разделе. Когда в каком-нибудь чате — например, ВК или инстаграме — даешь ссылку на сайт, то автоматически подцепляется картинка. Вот, например http://joxi.ru/L210ZGMI8Kpj1m Я должна ее поменять, но не пойму, как? Или как вообще это называется, по каким запросам гуглить? Когда ищу по запросам со словом "сниппет", в результатах речь только о сниппете из поисковой выдачи.
1 vote2 answers -
Помогите с отступами
помогите, кто может. не могу увеличить отступ от текста до формы. если же отступ увеличивается, то возникает проблема: текст и форма находятся на разном уровне (как бы на разных строках). как этого избежать? спасибо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title> New project </title> <style type="text/css"> .layer1 { padding-left: 80px; /* Отступ слева */ background-image:url(topfon.jpg); color: lightblue; /* Цвет шрифта */ } .ots { margin-left: 80px; /* Отступ слева */ pa…
0 votes7 answers -
Псевдоэлемент под родителем - возможно?
https://jsfiddle.net/a8s1yxeq/ хочу сделать угол у переключателей с тенью, но псевдоэлемент получается над основным и тень видно слева. А запихнуть ниже не удается. Это возможно?
0 votes6 answers -
По разному выглядят шрифты в разных браузерах, в Opera, FF у меня все ок, в IE6 проблем
Здравствуйте. Объясните где может быть проблема: Сделал разметку, в Opera, FF у меня с шрифтами все ок, везде одинаковые, в IE6 проблемы, шрифт какой-то тонкий, смотрю на другой машине, в FF, IE7 -все ок, в опере этот же противный тонкий шрифт. Вот описываю подробно ситуацию: index.htm <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="css/style.css" media="screen, projection" /> <title></title> </head> <body> <div style="font: 1.6em Tahoma, …
0 votes3 answers -
Есть ли возможность убрать скролл в IE
Поставил текстарею с такими стилями textarea{ float: right; border: 1px solid #C6C6C6; margin: 15px 15px 5px 0; width: 350px; height: 90px; font-size: 18px;} В опере скрола справа нет, а в IE 8 есть. Подскажите как убрать.
0 votes1 answer -
Назначение каждому заголовку h1 картинки перед ним
Возможно вообще назначить заголовку картинку бэкграундом? Нужно чтобы на всех страницах у каждого заголовка h1 перед ним была картиночка(страниц очень много). Я через стили и так пытался, и так, но никак не выходит - не появляется картинка и все тут. Просто назначить ее беком не выходит; если сделать заголовок блочным элементом, назначить ему высоту и т.п., то тоже картинка не появляется и т.п. Это вообще возможно сделать только через стиль? Или как еще можно картинку перед каждым заголовком расположить?
0 votes6 answers -
Привязка элемента к окну браузера
Здравствуйте! Нужно сделать отображение скрытого элемента (таблицы с текстом) по клику. Если делать "свободно позиционируемую таблицу" с привязкой XY к границам браузера - единственный приемлемый для меня вариант это привязать ее посередине горизонтального края браузера (но я не знаю как). Другой вариант - жестко привязать этот элемент к другому элементу на странице, например какому нибудь тэгу или маркеру, тоже не смог найти как. Идеальный вариант бы был - плавное выезжание ровно посередине браузера сверху из-за границы браузера таблицы с нужной мне информацией. Кто сталкивался - помогите плз!
0 votes5 answers