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
-
Проблемы с текстом
вот сразу покажу в чем проблема. http://jsfiddle.net/rLpbn/80/ там где написано "ЦЕНТР" с помощью margin опущено вниз на 100пк, но при этом весь блок опустился, когда точно так же на левом блоке выглядит нормально, в чем проблема и как опустить текст, не опуская при этом блок. Падинг не исполью так, как надо чтобы весь текстовый блок опускался, позицирование тоже т.к. при этом блок ЦЕНТР не растягивается. Ксати когда вводить блоку ЦЕНТР бордер все норм становится.
0 votes10 answers -
микроразметка hCard
на страничке попытался применить микроформаты к телефону. но валидатор яндекса микроразметку не обнаружил. подскажите пожалуйста где я допустил ошибку.
0 votes1 answer -
Перенос строк при помощи CSS
Всем привет. Являюсь начинающим в веб-дизайне и не могу понять, как сделать следующую вещь. Интересует именно реализация через CSS. HTML <h3>Заголовок 1</h3> <p><img src="theme1.png" class="image">Текст текст текст</p> <h3>Заголовок 2</h3> <p><img src="theme2.png" class="image">Текст текст текст</p> CSS .image { float: left }
0 votes5 answers -
Деление сайта на header+body+footer
Доброй ночи! Я новичок, поэтому не судите строго) Мне нужно сайт поделить на 3 блока header, body, footer для удобства внесения изменений, подскажите как это сделать, на форуме в поиске не нашел ( может сформулировал не правильно)вот сам код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html class="Mozilla"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Директ </title> <link rel="stylesheet" type="text/css" href="style.css"> <li…
0 votes1 answer -
src: local('Cuprum')
Здравствуйте. Встретил подключение шрифта: @font-face { font-family: 'Cuprum'; font-style: normal; font-weight: 400; src: local('Cuprum'), local('Cuprum-Regular'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v4/wHBEZCjwNI3HN2fD1RQJgw.woff) format('woff'); } Хочу использовать на своем сайте. В справке по @font-face не нашел, что означает запись типа local('Cuprum'). Это проверка в ОС клиента установленного шрифта с названием Cuprum?
0 votes1 answer -
в ie выпадающее меню не находит на слайдер
Помогите разобраться. В ie выпадающее меню отображается под слайдером. В остальных браузерах все работает. использовал z-index. html <header> <div class="main"> <div class="volna"> <img src="img/travavoln2.png" alt=""> <div class="clear"></div> </div> </div> <nav> <ul class="menu"> <li><a href="">Клуб</a> <ul> <li><a href="">О нас</a></li> <li><a href="">Инфроструктура</a></li> <li><a href="">Партнеры</a></li> <li><a href="">Спонсоры</a></li…
0 votes3 answers -
Нужна помощь знатаков:)
Собственно проблема в следующем, есть сайт, если его(окно бразера) уменьшить и появится горизонтальная прокрутка и прокрутить, фон футера обрезается сам сайт вот http://gsa.spb.ru/ Помогите советом Спасибо заранее)
0 votes2 answers -
Верстка сетки
Здравствуйте, как подобные вещи верстать? (соединяющие линии)
0 votes5 answers -
Странное явление в Chrome
Есть сайт в разработке. При наведении на меню выпадает подменю, а после его исчезновения - остается кусок этого меню в виде синей полосы, причем она может быть разной высоты. Не понимаю, с чем это связано? На сайте-демо этой темы нет такого явления.
0 votes9 answers -
html страница с базой городов
Скажите как реализовать вот такую вещь что бы попроще было. html страница с базой городов гдето 10 и вот так все отображать как тут https://ff.ua/dostavka-cvetov.html .
0 votes3 answers -
помогите растянуть полосу на всю ширину блока
Здравствуйте. Есть блок у которого задана фиксированная высота , и ширина задана width:auto. в этом блоке есть полоска с текстом ,тег h2. эту полоску необходимо растянуть на всю ширину блока. Таких блоков много и они расположены в линию , фото разных размеров поэтому высоту фото фиксируем ,а ширина получается у всех разная. Пример блока здесь: https://jsfiddle.net/ishurgaya/e52yj6ne/ Как сделать ,чтобы ширина синей полоски с текстом была во всю ширину блока ? Спасибо
0 votes3 answers -
Класс header_wrapper не принимает свойства css
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Discover Amazing places in Japan</title> <link rel="stylesheet" href="./css/style.css"> </head> <body> <header class="header"> <div class="wrapper"> <div class="header_wrapper"> <div class="header_logo"> <a href="/" class="header_logo-link"> <img src="./img/svg/odigo-Logo.svg" alt="Discover A…
0 votes1 answer -
Параметры css при подгрузке
Уважаемые гуру CSS Объясните плиз Для чего применяется и как работают конструкции такого вида. <link rel="stylesheet" type="text/css" href="/css/main.min.css?mtime=1243068764" /> Для чего указываются параметры (в данном случае ?mtime=1243068764 ) ?
0 votes2 answers -
Помогите составить окно
у меня есть окно, которое составлено из div-ов: <div id="xw" style="left:100px; top:60px;"> <div class="xw-tl"> <div class="xw-tr">здесь заголовок <div class="xw-tc"> </div></div></div> <div class="xw-bl"> <div class="xw-br">здесь содержимое <div class="xw-bc"> </div></div></div> <div class="xw-ml"> <div class="xw-mr"> <div class="xw-mc"> </div></div></div></div> ну и css: #xw {position:absolute; border:0; width:260px; height:120px;} .xw-tl{background:url(./k1.png); position:relative; height:20px; width:20px; border:0; zoom:1;} .xw-tr{background:url(./…
0 votes3 answers -
Как Сделать Резиновым?
Друзья, вот такие дела: 1.Делаю сайт, http://vakhonina.ru/polnuy.html но никак не получается сделать резиновым по высоте. Почему то не реагирует на процентные размеры. В чем может быть косяк? Или как сделать так, что бы все-таки сайт отображался по человечески? 2.Почему то перестали открываться картинки во фрейме после переноса с локального сервера на хост. 3.Картинки отображаются не во всех браузерах. Подскажите, кто что знает, пожалуйста.
0 votes3 answers -
IE6 и 7 - подскажите!
Добрый вечер! Подскажите пожалуйста, почему в IE6 и 7 не корректно работают ссылки при наведении мыши, а в остальных все ок., проблемная часть кода: .menu ul {list-style:none; position:relative; top:65px; text-align:center; line-height:32px; } .menu li {display: block; position: relative; width:100%; } .menu a {display: block; height:100%; } #home {display:block; background-image: url(../img/home-red.gif); width: 192px; height: 18px; position: absolute; background-repeat: no-repeat; top: 5px; left: 50%; margin-left:-96px; } <div class="menu"> <ul> <li&…
0 votes6 answers -
Табличка с резиной
Доброго времени суток. Задача: ширина блока должна быть по длине текста сверху. Поле с циферками снизу должно тянуться. Отступ справа (внутри ячейки) 25 пикс. В Опере полет нормальный.. В ИЕ с хаками тоже более-менее (неадекватно реагирует на задание white-space: nowrap; но это ладно). FF\Chrome категорически несогласны. Такие вот делишки. Сделать статично не прокатит, увы. Хаки для FF\Chrome нежелательны, но вполне прокатит - хоть что-то будет. Заранее спасибо. С уважением, Олег. http://beavers-net.narod.ru/primers/balance_probe.html
0 votes4 answers -
Вопрос
Вопрос такой,я конечно понимаю,что скорее всего меня забанят,отправят в тёмное место или ограничат доступ к сайту,но решившись,я спрошу.Не ругайте,не знаю css нисколько,мб через это всё и делается Создаю таблицу: <html> <head><title>title Name</title> </head> <body> <table bgcolor="#000000" border="1"> <tr> <td>Текст</td> </tr> </table> </body> </html> Проблема такая:Тёмный фон,Текст не видно.я понимаю,что в Table нельзя добавлять тег <Font color... но если это взять в этот тэг,никого эффекта нет. Как же поменять цвет текста?
0 votes4 answers -
Помогите type="imege" сделать текстом
Помогите <input type="image" src="/buy.gif" name="go" alt="В корзину" class="subm" /> сделать обычной ссылкой типа <a href="">. Мне подсказали что это стилями можно сделать, только я не знаю как, очень надо
0 votes5 answers -
Технология, на которой сделан сайт w3.org
Здесь прочитал, что w3.org сделан в виде адаптивного макета, подстраиваемого под ширину браузера. Нельзя ли подсказать мне технологию, на которой данная технология сделана? Для меня этот макет в новинку. Я увидел в HTML-коде некоторые конструкции, которые мне раньше не встречались. Вероятно, что дело в них. <style type="text/css" media="print, screen and (min-width: 481px)"> .... </style> и <link rel="stylesheet" href="/2008/site/css/minimum" type="text/css" media="handheld, all" /> Если это так, то где можно увидеть официальную документацию по этому?
0 votes4 answers -
height:100% для html и body
Иногда встречаю css правила для html и body - height:100% или min-height:100% Для чего так делают?? От чего берётся 100% (особенно в случае с html)??
0 votes7 answers -
Верстка нестандартного меню
Добрый день уважаемые форумчане. Возможно заголовок темы для кого-то прозвучит слишком вычурно, ибо он создаёт такие меню на раз-два. Дело в том, что я столкнулся с таким меню впервые. Меня вводят в замешательство косые правые и левые бордеры у элементов меню. Если не сложно, дайте пару советов, как верстать меню с таким вот необычным дизайном. К сообщению прилагаю две картинки: стандартное состояние и хавер (ссылки на альбом вконтакте). 1. http://vk.com/id167533842?z=photo167533842_281100254%2Fphotos167533842 2. http://vk.com/id167533842?z=photo167533842_281100253%2Fphotos167533842
0 votes4 answers -
Кракозябры в IE
Добрый день дорогие форумчане! Выручайте! В общем есть сайт на wordpress. Встала необходимость в создании именно статичных php страниц, тоесть я взял исходный код вставил в php файл, всё работает, всё норм. НО, в IE показывает кракозябры, вот ссылка на страницу, а в других браузерах норм. http://u.to/827EBQ Вроде бы кодировку на UTF 8 выставлял, и сохранял файлы в UTF-8, просто utf8. Сохранял в UTF-8 без Бом, всё равно так же. Помогите, в чём может быть причина? как исправить? Буду очень благодарен! Выручайте!
0 votes1 answer -
немогу подключить ajax обратного звонка
Сделал окно и форму обратной связи, отдельно все работает отлично: http://nailart-studio.com/sendmailforms Но только виношу index.html из папки появляються проблемы (пути в хедерах вроде прописал правильно) Ошибка в index.php:
0 votes1 answer -
Не могу выровнять блок по центру страницы
Делаю слайдер в Edge Animate, и никак не могу выровнять его по центру. http://slider.samara-website.ru/slider_bigboss.html Добавил в код вызова анимации margin: <div id="Stage" class="EDGE-69460755" style="margin:auto; max-width:1920px;"></div>не помогает. Пробовал JS файлы редактировать "${_Stage}": [["color", "background-color", 'rgba(255,255,255,0.00)'],["style", "overflow", 'hidden'],["style", "height", '375px'],["style", "margin", 'auto'],["style", "max-width", '1920px']]http://slider.samara-website.ru/slider_bigboss_edge.js var plSTF="none",ctrPlS="horizontal",minPlW="0",maxPlW="1920px",plHeight="375px";http://slider.samara-website.ru/slider_bigboss_…
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-