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
-
Теоретический вопрос по приоритетам псевдоэлементов
Добрый день! Наткнулся на интересную ситуацию. Собственно, суть: имеем такой вот мелкий код c first-letter, first-line: https://jsfiddle.net/pwvek2qn/ И я не пойму почему первая буква все равно закрашена в красный. Ведь, как я предполагал, если код выполняется последовательно и строка должна захватывать первую букву, то вся первая строка должна быть синей. То есть, получается что у first-letter что-то вроде !important?
0 votes2 answers -
не присваивается div
создал кнопку в div <div class="obrvz"> <img src="http://xn—--7kcag1bbpfehfr6ajrl2v.xn--p1ai/wp-content/uploads/2018/03/-1-e1520153199397.png" class="popmake-326"/> </div> в файле style.css дописал .obrvz img { cursor: pointer; position: fixed; left: 0; top: 30%; } @media (max-width: 768px) { .obrvz { display: none; } } но стиль не применяется ( в чём может быть дело ? подскажите пожалуйста извиняюсь, перезагрузил note+++ браузер , подчистил кэш и всё заработало
0 votes1 answer -
Почему нельзя переправить свойство через класс, если оно задано для всех элементов?
Проблема такая, для всех div задано свойство рамки, то есть вот так без никаких классов div {border: 1px solid #000;}. Однако в коде есть такие дивы, которым рамка не нужна и этих дивов подавляющее меньшинство. Между тем, когда им пишешь border: none, ноль реакции. Как я понимаю, это происходит из-за того, что рамка задана для всех div глобально. Это можно как-то обойти, потому что иначе придётся писать уйму ненужных строк, чтобы ввести классы, где нужна рамка? А так как их большинство, то код увеличится на немалое количество строк типа class="див с рамкой". А между тем, зачем это делать, если можно только пару раз указать, где рамка не нужна. Или при глобально заданной р…
0 votes1 answer -
Вопрос по резиновой верстке
Здравствуйте! Подскажите пожалуйста, каким образом можно сделать в резиновом дизайне, чтобы текст доходя до края страницы, перескакивал на следующую строку, а не растягивал таблицу в ширину текста. <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table width="100%" height="100%" border="1" cellspacing="1" cellpadding="1"> <tr> <td align="left" valign="top"><div id="content"> <p>Текст,текст,текст,текст,тек…
0 votes6 answers -
Выпадающее меню
Криво работает вот здесь http://test1.xenot.ru/ КОгда нажимаешь на главный пункт то подменю наезжает на следующий пункт!
0 votes3 answers -
С мена надписи в кнопке
есть кнопка с поиском файла: <input class="review" title="аааа" size="20" id="file_8" name="file" type="file" /> В этой кнопке написано "обзор", подскажите как сменить в ней надпись. Через value не получается.
0 votes2 answers -
Выпадающий список
есть выпадающий список вида: <div class="txt2"> <table><tr> <td> <div class="side_rub"> <div class="entry"> <a class="plus" href="#" onclick="return switchRub(this,'rub1')"></a> <a href="/doc/pidr/BPD01.html" class="lst1">Безпека життєдіяльності та охорона праці</a> </div> <div class="rub_child" id="rub1"> <a href="/doc/pidr/BPD11111.html" class="i">Безпека життєдіяльності та підтримання психосоматичного здоров’я молоді</a> </div> <div class="entry"> …
0 votes0 answers -
В FF 14.0.1 блоку над видео с youtube ломает углы.
Есть вот такой блок с border-radius'ом , когда она появляется над вставленным видео с youtube то в FF 14.0.1 ломаются углы( в других браузерах всё ок)! Может кто знает в чем проблема? Помогите пожалуйста.
0 votes3 answers -
Скрипт оплаты услуг
Во первых хотел бы сказать спасибо сайту, узнал очень много нужного, и он помог сделать мне сайт. Ситуация: имеется интернет магазин, и нужно сделать форму для оплаты с помощью банковских карт(мастер кард или виза) Чтобы при нажатии купить пользователь переходил на страницу с формой заполнения, нажимал "оплатить" и деньги с его карты шли на карту владельца. Так вот несколько вопросов: нужно ли регестрироваться в каких либо сервисах- посредниках проведения платежей? Как создать данную кнопку? Как происходит данная оплата? Досьаточно ли иметь банковскую карту для получения платежей? Если тема была, извините, я не нашел. Спасибо
0 votes2 answers -
Как закруглить углы у ссылки?
Я считаю что этот вопрос когда-либо появлялся ранее, но, поискав на форумах и погуглив я ничего не нашел. Идея в том, что при наведении на ссылку, у нее появляется фоновый цвет (условно у "блока" <a>) , и этот цветной "прямоугольник" должен иметь скругление углов. Уверен что это часто используется, но инфы я нигде не нашел (может плохо искал, ведь искать как следует я не умею). Было три способа, первый - просто приписать бордер радиус для <а> а при наведении курсора, но не сработало. вторая идея это воспринимание <а> как блока, но в этом случае фон при наведении продолжался слишком далеко у коротких слов, поэтому не подошло. Третья идея - это загружать …
0 votes1 answer -
Как же сделать такую таблицу
рисуно прилагается
0 votes1 answer -
Зафиксировать тень изображения с переменной высотой
Всем доброго дня! Необходимо зафиксировать тень (отдельная картинка) снизу изображения с переменной высотой (в разных материалах высота картинок колеблется). Сейчас вот так (зафиксировал высоту): Когда значения height убрал: css: .viewn_full .viewn_screen {overflow:hidden; width:387px; height:175px; margin:10px auto 10px auto; background:url(/design_104/viewn_screen.png) no-repeat center bottom;}.viewn_full .viewn_screen img {width:387px; height:149px; display:block; border-radius:16px;} Как сделать так, чтобы тень фиксировалась? Спасибо.
0 votes2 answers -
селектор атрибута
В учебнике написан код [href^="http://"]:not(a[href^="http://www.sdcvoy.ru/"])Но почему он заработает только после того, как убрать тег a? http://cssdeck.com/labs/yvkzolue
0 votes7 answers -
Проблема в кириллице подключаемых шрифтов
Проблема c кириллицой, семейство helvetica cyrillic condensed, белка не справилась, какой костыль придумать?
0 votes4 answers -
Слайдер на CSS
Мучаюсь со слайдером. Почему, при сужение окна браузера, у обёртки пропорционально не изменяется высота, как у самой картинки? Как исправить? http://www.cssdesk.com/grrW4
0 votes1 answer -
всплывающие окна в android
помогите пожалуйста советом на ноуте тестирую сайт для андроид-устройств, использую встроенный в браузер chrome эмулятор. как известно андроид добавляет всплывающие окна с какой-то информацией. я их позакрывал но теперь мне они снова понадобились. пробовал закрыть chrome и открыть заново, пробовал сбрасывать кеши, историю и т.п. не помогает, всплывающие окна больше не всплывают, а мне нужно чтобы всплывали. посоветуйте пожалуйста способ их вернуть
0 votes3 answers -
Проблема с формой
Прошу помощи у опытных посетителей данного форума. Необходимо сверстать форму которая сочетает в себе поля select и input текста. Каким образом лучше объединить два данных элемента? И каким образом лучше стилизовать select? На чистом СSS это практически не возможно, насколько я поняла. Пробовала ставить плагин JQuery (selecter), но сразу возникает проблема с выпадением select'a из родительского div'a, то есть он фактически отображается под формой, а не в ней. Запихнуть его обратно не удалось, так как элементы находящиеся рядом начинали вести себя аналогично select'у и также выпадать из формы. Понимаю, что возможно задаю странные вопросы, но это моя первая серьезная верстк…
0 votes4 answers -
Что не так?
Я только начала изучать HTML и СSS, создала свою первую web-страничку (по книге), но некоторые правила не работают. Валидатор выдает такую ошибку 36h2Ошибка разбора p { font-size: .90em; text-indent: 3em; } ul {font-weight:bold; } .nav { font-weight: bold; font-size: 1.25em; } .feature { color: #ff0000; } #footer { color: #333333; font-size: .75em; font-style: italic; } .companyname { font-weight: bold; font-family: Georgia, "Times New Roman", serif; font-size: 1.25em; } 36h2Ошибка разбора [empty string] Что не так? Что значит ошибка разбора? Подскажите, пожайлуста embedded3.html
0 votes4 answers -
Вертикальное центрирование текстовых блоков, относительно друг друга..
Доброй ночи. Народ. Такой вопроc: https://yadi.sk/i/_ckH-oDYrYz9h без джаваскрипта реально как то заставить первые 2 блока(со стрелками) центрироватся вертикально в зависимости от кол-ва набитого текста в третьей колонке? P.S. На сколько я помню нет - но хотелось бы удостовериться наверняка..
0 votes2 answers -
проблема
Я пишу в HTML разные языки допустим я пишу на Латышском и некоторые элементы в интернете проявляются как знак вопроса (?) я пишу в простом блокноте и мне посоветовали вставить это - <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1257"> всеравно не получается . Скажите что сделать?
0 votes2 answers -
Опять или снова, проблема с IE6.
Размножение контейнеров это по части ie6 Контейнеров <div id='b'> насчитывается 12 через ctrl-u, как и полагается, так от куда берутся дубликаты снизу? Слева скрин из ie6: А справа скрин из остальных браузеров. Я знаю, что тут обитают опытные верстальщики. Пожалуйста, поделитесь мудростью борьбы с этим чудо ie6. Больше всего меня убило то, что левый div в первом контейнере расположен нормально, а в остальных нет. Контейнеры посторяются в цикле, черезе PHP. Это контейнеры окантовки: #top {width:89%;height:10px;position:absolute;top:-11px;left:11px;background:url(i/b/t.png);repeat-x 0% 0%;} #bottom {width:89%;height:10px;position:absolute;bo…
0 votes2 answers -
Разная высота в блоке
В ие6 и 7 блок с красной заливкой имеет большую высоту чем в других броузах! лайн хейт испробовал не помогло, не могу понять что забыл ссылка
0 votes1 answer -
DIV родитель
CSS: .project{clear: both; border: 1px solid #ccc; } .pr-photo{position: relative; float: left;} .pr-description{position: relative; float: left;} HTML: <div class="project"> <div class="pr-photo">текст</div> <div class="pr-description"> <span class="name">Название</span> <p>Описание</p> </div> </div> Получается так, что div с класом project не растягивается по высоте вложенным дивом. Как быть? Прошу прощения за создание темы, поиск помог. overflow: hidden
0 votes0 answers -
Поместить в центр карусель
Как мне поместить вот такую карусель по центру страницы? Я уже 2 день бьюсь с этим и вроде как по уму пробовал сделать и наугад шаманил что-то. Не могу допереть. Никогда просто не адаптировал уже готовое что то на сайт. Вот и застрял. В общем что я имею. Я сделал фоновую картинку по середине, по клике на мелку это фоновая меняется. Она у меня стоит чётко по середине и при удалении или приближении ничего не меняется. Вот скрин: http://sharepix.ru/94698ia29/ . В шапке мини навигация, тоже располагается по центру, как мне надо. Вот код как я сделал это: <body> <div id="navgalery"> <a href="../../index.php">Главная</a>| Моменты из ж…
0 votes0 answers -
Обтекание картинки текстом
На сайте идёт картинка с style="float: right;" потом текст. Вот только обтекание картинки начинается с четвёртой строки текста, а как сделать чтобы сразу? Когда смотрю превью в WP то всё отображается корректно, т.е. скорей всего на это влияет что то из CSS в шапке, но не могу найти что именно. http://www.travelsolutionsireland.com/irel...nd-ladies-tour/
0 votes3 answers