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
-
Переменные в CSS
Добрый день. Подскажите пожалуйста как заставить переменные работать в двух браузерах IE 9, 10, 11 и UC ? :root{ --color_a:green; } .test{ background-color:var(--color_a); fallback не вариант
0 votes1 answer -
текст поверх картинки
Доброго времени суток. Подскажите пожалуйста С краю имеются картинки, спозиционированные с помощью стиля #sun { position:absolute; top:100px; right:0px; height:350px; width:250px; background-image:url("images/sun.jpg"); } в тело добавляю его <span id="sun"> </span> Посредине таблица с текстом, если масштабировать окно браузера, то картинка наезжает на таблицу и перекрывает текст... Вопрос можно ли сделать чтобы картинка шла за текстом-таблицей или же может другими способами решить эту проблему? Спасибо
0 votes4 answers -
Выравнивание нескольких таблиц
Есть первая таблица по центру которая занимает 100% ширины. Есть вторая таблица которая располагается слева, ниже и занимает примерно 20% ширины. Теперь мне нужна третяя таблица, которая должна расположися тоже по центру и занять место уже справа от второй таблицы и ниже первой таблицы, но не ниже второй . Когда я третей таблице задаю выравнивание по центру, она располагается слева внизу от второй таблицы... Мне же она нужна по центру правее второй таблицы... Какой параметр задать третей таблице чтобы она выравнялась по центру? Я думал может не заморачиваться и сделать вместо трёх таблиц одну а в ней уже ячейки... Но может кто знает как выравнивать несколько таблиц...
0 votes3 answers -
Лист гипер-ссылок и маркеры
При наведении курсора на лист ссылок должна появлятся в качестве маркера картинка. Как это сделать чистым CSS в IE и Opere одновременно? li:hover {list-style-image: url(2.jpg);} - это работает только в опере =(
0 votes4 answers -
Как убрать бордер при contenteditable
При начале редактирования элемента с contenteditable FF обводит его бордюром. Как убрать?
0 votes2 answers -
Firebug 1.5.4 не работает
Стоит Мозила 3.6, в ней Firebug 1.5.4. Редактирую что-нибудь - на страничке это что-нибудь меняется, как только обновляю страницу - все встает как было до редактирования Сайт локальный.
0 votes7 answers -
Просмотр фотографий
Приветствую! Мне необходимо разместить несколько фотографий на странице и так, чтобы несколько превьюшек, а при клике на превью - большая фото менялась. Реализовала вот так: http://garant-bryansk.ru/service/online-seminar/ <div class="block" align="center"> <a href="#" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/1s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/1.jpg';"> <img name="preview1" src="http://garant-bryansk.ru/img/img-sem/1s.jpg"></a> <a href="#" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/2s.jpg'" onclick="document.preview.src='http://garant-bryansk.…
0 votes7 answers -
кроссбраузерность
Добрый день друзья! У меня, В общем как и у многих новичков в этой области возник вопрос. Как разрешить проблему кроссбраузерности. Нашёл один сайт http://webering.ru/blog/html_css/crossbrowsers/ здесь написаны хаки. Их надо в head html вставлять? И вообще как разрешить эту проблему. Не показывает сайт в опера и IE. т.к. на сайте своеобразный язык другого государства пришлось в голову вставить таг <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> а вот старый код <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> я стёр ибо тогда буквы в тексте не писались бы моей страны.
0 votes9 answers -
Псевдокласс css для вкладок
Сделал вкладки как здесь: http://www.alexilin.ru/web/tabs/ . Теперь хочу, чтобы открытая вкладка отображалась другим стилем. Вопрос: можно ли это сделать средствами css? Нет ли для этого какого-нибудь псевдокласса?
0 votes8 answers -
Как добавить фоновое изображение слева и справа?
Есть заголовок, слева и справа от которого должны быть горизонтальный полоски. Пробовал добавить их с помощью before и after - добавляются только слева, сверху и снизу от заголовка. Нужен кроссбраузерный вариант. Помогите, пожалуйста.
0 votes3 answers -
Кто недавно начал работать?
Сижу... носом пузыри пускаю... срочно нужно выяснить как обстоят дела с работой. Хочу узнать как успехи у недавно окончивших обучение. Есть ли смысл браться за работу? Планирую работать по патенту (или что-то вроде того). https://htmlforum.io/topic/57661-pomogite-vybrat-rabota-po-patentu/
0 votes2 answers -
Выпадающее меню перекрывается нижеследующим блоком
Более опытные товарищи, ай нид ё хелп!) Имеется выпадающее меню с классом .sub-menu__list. При наведении оно выпадает, но перекрывается блоком .page__main. Для наглядности прикрепляю скрин и код. Естественно, нужно, чтобы выпадающее меню было поверх контента следующего блока. Подскажите, как это реализовать? P.S. Если нужно поиграть с z-index, подскажите в каком классе, т.к. я перепробовал свои варианты - результата не дало. HTML <header class="header"> <div class="header__all _container"> <div class="header__image"> </div> </div> <…
0 votes0 answers -
Создание графических кнопок для сайта.
Подскажите пожалуйста, как создать кнопку/и для меню моего сайта. По сути кнопка это изображение которое меняется при наведении на него курсором мыши… ну как реализовать это в HTML? Заранее спасибо!
0 votes4 answers -
Что-то непонятное с line-height
Имеется такой пример: <!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=UTF-8" > <title>Пример</title> <style> DIV { width:100px; height:300px; background-color:#CCC; line-height:12px; } SPAN { color:#F00; background-color:#CC0; font:12px/12px "Lucida Console"; margin:0px; } </style> </head> <body> <div> <span>слова слова слова слова слова слова слова слова слова</span> </div> </body> </html> В мозиле, опере и хроме непонятные промежутки в …
0 votes8 answers -
Как выровнять в ячейке таблицы?
Чё-то не могу понять: делаю форму таблицей, в одной ячейке у меня два объекта input и img (img к тому же является ссылкой, но это не существенно). Когда input один -- он нормально выравнивается по вертикали посередине ячейки, но при добавлении img всё разлетается... Пробовал двигать padding и top -- безрезультатно. Должно выглядеть вот так. Как же их выровнять?
0 votes3 answers -
ссылка PNG.-кой с прозрачным фоном, как сделать чтобы для нее не отображался атрибут hover из CSS
ссылка PNG.-кой с прозрачным фоном, как сделать чтобы для нее не отображался атрибут hover из CSS?
0 votes3 answers -
В css в таблице высота в процентах не работает.
Мне нужно чтоб картинка занимал 100 % от окна браузера по ширине и 60 по высоте. Меню должно находиться в пределах катринки. Вот код: http://jsfiddle.net/J7XLR/ используя проценты используя пиксели
0 votes7 answers -
Исчезают картинки при обновлении страницы
Здравствуйте, ув. форумчане. Столкнулся со следующей проблемой. Есть сайт: http://novaiter.ru/ В браузерах на основе chromium (яндекс браузер и google chrome) при первом заходе на сайт все отображается как и должно, при обновлении страницы (иногда после двух обновлений) часть картинок или все исчезают. После очистки кеша ситуация повторяется - первый заход нормально, остальные как повезет. На iPad`е и в других браузерах я такой проблемы не обнаружил. Движок WP, пытался решить проблему самостоятельно но смог найти только стандартные ответы типа: почисти хеш, перезагрузи ПК, отключи Торрент и т. д. Первый заход: После обновления страницы:
0 votes0 answers -
Проблема с позиционированием блока относительно родителья
Всем привет. При верстке возникла проблема. В header е есть ссылка при ховере на котором появляется выпадашка. У ссылки и выпадашки есть блок-родитель. Выпадашка отпозиционирован absolute ом относительно родителя. Внутри выпашдашки 3 пункта. В каждом пункте-ссылке есть теги i и spam для FA иконки и текста. Проблема в том, что при позиционирование блока смещением на право, после left: 154px текст автоматически переноситься на следующую строку. Вот фиддл. Никак не могу отловить в чем моя ошибка и как решить его. Спасибо заранее!
0 votes5 answers -
position: absolute; и position: relative; для мобильной версии сайта
Добрый день! Жаль что у вас тут темы не удаляются, потому что когда писала, нашла у себя ошибку, а сейчас тему удалить не могу. Но сейчас не об этом. Есть не анимированный слайдер <div class="slider"> <div class="slider_site"> <img src="/images/slider_1.jpg" alt="DSC0604-min.jpg" border="0" class="img_slider"/> </div> <div class="slider_line"> </div> <div class="txt_left"> <h1 class="slider_h">АВТОМАТИЗАЦИЯ<br> КНС</h1> <div class="button"> <a href="#" class="button_a">Подробнее</a> </div&…
0 votes3 answers -
Отмена стилей
Извиняюсь, если задаю глупый вопрос. Не могу решить такую задачу: у странички есть куча стилей, нужно создать слой, в котором отсутсвуют все эти стили. Может есть какое-нибудь свойство для этого.
0 votes4 answers -
Фоновая картинка на кнопке
проблема такая:ставлю фоновое изображение на кнопку(картинкой) в опере и мозиле все ок,в ие7 эта картинка не отображается,если ставить фоном стандартный цвет то везде все отображается это я кривой или так в ие7 и есть? Поиск и .searchButton{ background-image:url(../images/button.gif); border: none; font-size:16px; font-family: Arial, Helvetica, sans-serif; } вот код
0 votes2 answers -
Несоответствие кодировки
Приветствую! У меня есть сайт http://rkp-trans.ru, он сделан в кодировке UTF-8. Я хочу усатановить скрипт каталога сайтов http://rkp-trans.ru/links/ ,он работает только с кодировкой windows-1251. Информация загружаемая скриптом не отображантся. Насколько я понимаю, один из вариантов - изменить кодировку сайта (сделал попытку и решил написать =) в поисках более простого и быстрого решения), второй - изменить кодировку скрипта (это не возможно). Есть ли еще варианты? Что делать, подскажите? =)
0 votes2 answers -
Помогите пожалуйста.
Здравствуйте! Помогите с одной проблемой, которая не дает покоя. Создаю див и внутри текст. По мере возрастания, текст выходит за границы блока, как сделать так, чтобы текст не тянулся как резина?
0 votes6 answers -
Не работает ссылка
Всем привет. Подскажите пожалуйста... Нужно, чтобы нажимаешь на ссылку и она переходит на указазнную страницу, в указанное место. В одном документе прописываю: <a href="../menu/prices.html" class="reklama">Визитки</a> <a name="vizitki"> </a> А в документе prices.html в div-e задаю <div id="vizitki">Визитки</div> Будет такое работать?
0 votes3 answers