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
-
ScrollTo
Здравствуйте уважаемые форумчане! Помогите, пожалуйста , разобраться как сделать панель меню чтобы при заходе на сайт она была посередине экрана, а только когда прокручиваешь ниже его оно прилеплялось к верху экрана, как на этом сайте - http://hochu-tuda.ru/1/
0 votes2 answers -
Проблема с clip-path: url(#foo)
Нужна помощь! Начал разбираться со свойством 'clip-path'. Оно пока мало поддерживается браузерами. Полноценно только -webkit-браузерами. Поддержка Firefox имеется, но только через "external-link" - clip-path: url(#foo) и описании svg в html. У меня возникла проблема реализации именно последним способом: Вот реализация через clip-path в css (работает только на -webkit-): Захотел сделать тоже самое только через external-link для поддержки Firefox, описал те же polygon в svg и меня ничего не работает, в чем именно я допустил ошибку? Знаю, что будут проблемы с transition со второй реализацией, но это лучше чем ничего! Заранее спасибо за пом…
0 votes1 answer -
Подчеркивание текста так же, как на макете
Здравствуйте! Помогите, пожалуйста, реализовать подчеркивание текста в соответствии с примером, показанным на макете. Фрагмент макета - Вот, что получилось у меня https://asyntrail.github.io/project/ при изменение масштаба страницы полоса подчеркивания пропадает !?
0 votes5 answers -
Помогите решить проблему
Есть у меня значит полоска с меню и лого h-line и блок description(We love foinni polapain...). Решил добавить h-line position: fixed и получилась такая вот картина. Задал верхний отступ от descripton, в итоге header уехал вместе с description. Подскажите как это можно исправить? Код тут
0 votes2 answers -
div with arrow
Добрый день. Подскажите как создать блок с таким зубцом как показано на рисунке. Спасибо
0 votes2 answers -
Дочерние селекторы и таблицы
Имеется HTML-код: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Заголовок страницы</title> <link media="all" rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <table class="my"> <tr> <td> Col #1 </td> <td> Col #2 </td> </tr> </table> </body> </html> и CSS-код: table.my > tr > td { color: red; } Не могу понять, почему данная конструкция не р…
0 votes4 answers -
Проблема с перегрузкой стиля класса
Доброго все времени суток. Сделал тут фичу, дабы сэкономить место и более организованно его запользовать http://www.beavers-net.narod.ru/arch_news.html Само оно работает, если нету вложенных блоков, но вот стили к вложенным блокам перегрузить не могу. Итого задача: Есть уже настроенные стили заголовка (.part, .part: hover - http://www.beavers-net.narod.ru/style_arch.css), которые у меня применяются на остальных страницах. Есть список в списке, в котором этот стиль должен поменяться( p.inner_out p.part, p.inner_out p.part:hover ). Суть проблемы - не работает(. Уже и так и эдак - ничё не помогает. Жую сапог непонятной консистенции, вобщем. Я, конечно, могу просто сделать …
0 votes5 answers -
xquery
Извините меня за глупые вопросы, но вот я решил тут начать изучать XQuery, XPath и всё такое... но не знаю куда выражения этих языков надобно помещать? Их можно в скрипты на странице включать, в отдельные файлы или вообще только программно и парсером каким-нибудь? Вот например, у меня есть файл xml и файл html, как мне в html получить результат работы XQuery, который роется в файле xml? Везде куча мануалов по этой штуке, а самого главного - где это всё надо писать и нужны ли какие-либо инструменты - нет.
0 votes3 answers -
scrolling для блока
как сделать чтобы логотип не прокручивался только жанры фильмов прокручивались http://codepen.io/lybrook/pen/rvDlw/
0 votes8 answers -
Чёртов <!DOCTYPE> всё портит!
Сверстал себе обычную, ничем не примечательную страничку. В ней есть таблица. Для этой таблицы выставлено CSS-свойство: height: 100%;То есть, высота таблицы выставлена "на полную мощность" - на всю высоту документа. Вся эта благодать работает ровно до того момента, как я добавляю в начало документа тег: <!DOCTYPE HTML>который просто-напросто обрезает мне высоту таблицы до высоты содержимого. И теперь, чтобы изменить высоту таблицы, я должен объявлять её абсолютными величинами (в пикселах, дюймах, метрах или километрах – как угодно, но уже не в процентах). Объясните мне, пожалуйста, что происходит?
0 votes1 answer -
Сайдбар залезает на хэдр
Всем привет! Пишу по примеру данного видео. Время 18:48 но у меня возникла проблема. Код в целом идентичен видеозаписи, но по непонятной для меня причине сайдбар залез на хедер. С чем это может быть связано? <!DOCTYPE html><html><head><title> Promo3D</title><meta charset="utf-8"><link href="css/main.css" rel="stylesheet" type="text/css"></head><body><div id="page_align" class="b3radius"><div id="header"><!--<div id="header_nav"><ul><li><a href="#">Главная</a></li><li><a href="#">Новости</a></li><li><a href="#">Статьи</a>&l…
0 votes3 answers -
Не получается поставить картинку поверх checkbox
Здравствуйте. Посмотрите пожалуйста на код, может сможете помочь. Есть код HTML <div class="checkbox"><input type="radio" value="2" name="option" id="2"/><label for="2">текст</label></div> и CSS .checkbox {position:relative;padding-left:25px;}.checkbox input[type=checkbox], .checkbox input[type=radio] {display:none;}.checkbox label:after {content:'';display:block;height:24px;width:24px;outline:2px solid #939598; position:absolute;top:0;left:0;bottom-radius:5px;outline-radius:50px;}.checkbox input[type=checkbox]:checked + label:after, .checkbox input[type=radio]:checked + label:after { position:absolute;background:url(images/galka.png…
0 votes3 answers -
Автоматическая подстановка значения title в поле формы обратной связи
Добрый день! Задача следующая. Сайт на движке Wordpress. Есть форма обратной связи. Она (одна и та же) ставится (шорткодом) на пару сотен страниц-записей. Когда пользователь пишет что-то и отправляет через эту форму, нужно идентифицировать источник запроса, чтобы админу было понятно, с какой именно страницы был отправлен запрос. Пока что я придумал только такой вариант - ввести "невидимое" (для пользователя) поле в форме обратной связи и в нем получать значение тега title или адрес исходной страницы. Как можно автоматически при отправке подставлять в такое поле значение title или линк? Либо буду рад альтернативному решению.
0 votes3 answers -
background-attachment
https://www.w3schools.com/cssref/pr_background-attachment.asp Непонятки с local и initial А webdeweloper от firefox выдает еще и unset Зачем они нужны? Если можно с примерами. Спасибо!!!
0 votes3 answers -
Сделать ссылку на новое окно меньшего размера. И открывающееся отдельно.
Хочется сделать так, как здесь: https://www.myscore.ru Кликаешь по любому матчу - и открывается отдельное и меньшее окошко. Я пока что пробовал просто атрибут ссылки target=_blank. Выползала, во-первых, новая вкладка (в том же окне). Во-вторых, того же размера. Спасибо и извините за нубство.
0 votes3 answers -
Расстягивание контейнера на ширину больше 100%
Есть контейнер к верху прижат некоторый бакграунд, внизу футер. В контейнере могут быть элементы, текст которые растягиваются больше чем на ширину экрана. то есть контент вылезает за край экрана, а футер и бакграунд оста?тся на 100%. Надо что бы и футер и бакграунд увеличивался до ширины контента. Что делать?? бакграунд нормально отображается только в ие. body, html{ margin:0; padding:0; min-height:100%; height:100%; } div.container { height: auto !important; min-height:100%; height: 100%; background:url(img/top.gif) repeat-x top; } div.footer { background:green; height:20px; margin-top:-80px; width: 100%; } div.footer_guard { clear:both; height:80px; } **…
0 votes0 answers -
Объясните, как и почему "плывут" столбцы в таблице.
Не пойму - от чего в Мозилле (2.0) происходит такая вещь: http://www.fbf.ru/zlatopek/ovs.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Златопек</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" rel="stylesheet" type="text/css"></head> <body> <div class="main"> <div id="back"><<<a href="http://www.fbf.ru/"> на главную</a></div> <div id="logo" align="center"><img src="img/logo.gif"></div> <div id="logo2" align="center"><…
0 votes1 answer -
Разное отображение margin-left в разных браузерах.
Есть сайт: http://titanic-in-color.com/english/decks_one/boat.php Там на чертеже есть зеленые точки (не те, от которых идет "свет"), margin'ы которых заданы. Однако они по разному отображаются в браузерах. В IE8 и Opera - одинакого (правильно) а в Chrome и Fire Fox - не правильно. Как это предотвратить? Перепробывал уже все абсолютные и не абсолютные величины.
0 votes1 answer -
Прыгает правая колонка
Всем привет, появилась такая проблема, никак не могу решить. http://www.searchenginejournal.ru/ Если, например, в Firefox обновлять, то правая колонка не сразу подгружается, а лишь через какое-то время. Надо сделать так, чтобы центрировалось всегда, а не прыгало. Заранее спасибо за помощь!
0 votes6 answers -
Можно ли перенести готовый сайт на CMS
Полтора года назад я сделала сайт. Тогда я еще не знала о существовании CMS, поэтому сайт делала вручную в Блокноте. Сначала сайт был не большим, в нем было 35 страниц, но со временем сайт разросся, сейчас на нем больше 200 страниц и управлять им стало трудно. Можно ли этот сайт перенести на CMS? Сайт простой, написан на HTML, на нем установлено несколько java-скриптов.
0 votes4 answers -
Firefox или я: кто сошел с ума?
Всеми привет Бьюсь всю ночь... Не могу понять. Есть код (черновой вариант). Суть: Firefox показывает лишний отступ в 1px. Вот черная полоска (бордер) над красным прямоугольником "Пурум"... Chrome, Opera ее перекрывают, а FF нет (IE тоже нет, но с ним хоть ясно, как бороться). Что может быть не так? Что я не учитываю? Спасибо. <BR><BR><BR><BR><BR><BR> <DIV style="background-color:#EFEFEF; border-top:1px solid #000000; border-bottom:1px solid #000000;"> <TABLE width="100%" cellspacing="0" cellpadding="0" style="position:relative;top:-28px;"> <TR> <TD valign="top"><DIV style="float:left; font:20px/24px Arial; …
0 votes3 answers -
Margin внутреннего блока не отталкивается от отцовского
Подскажите п-ста по каким причинам блок делает отступ с помощью margin не от внутренней стенки своего родителя а от наружного элемента? (как показано на рисунке) Т.е. не так как указано здесь изображение
0 votes1 answer -
Насколько верное решение задачи?
Посмотрите, пожалуйста, насколько криво реализовал задачку: нужно, чтобы при наведении на картинку или ссылку под ней, изменялся вид ссылки. http://macroland.ru/rentacar
0 votes5 answers -
Адаптация слайдера roundabout.js
Всем привет. Ребят, нужна помощь, не могу сама справиться. Адаптирую старый сайт. В нём есть слайдер roundabout.js версия 1.1. Так как responsive поддерживается с версии 2.1, установила её, но здесь как-то странно высчитывается позиция left в position:absolute, где-то на 100рх больше, из-за чего картинки вываливаются из своего блока и появляется горизонтальный скрол. Ребята, кто работал с данным плагином, есть там возможность откорректировать left ?
0 votes0 answers -
Подскажите как грамотно сверстать???
Подскажите как грамотно сверстать этот блок?
0 votes3 answers