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
-
проблемы вложенности слоев
Привет. все браузеры вроде отображают правильно, но Opera не хочет растягивать фон заднего слоя полностью, лишь частично. для наглядности вот страница http://rhcp.info/test/ Заднему фону синим цветом соответвует слой <div id="content">: <!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>xxx </title> <link rel="stylesheet" type="text/css" href="menu.css"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="script.js"></script> <…
0 votes4 answers -
Высота вёрстки во весь экран
как сделать чтобы вёрстка растягивалась на всю высоту в зависимости от расширения ?
0 votes8 answers -
Косяк с уголками в IE!
Ребята, помогите, пожалуйста! Здесь лежит сайт, там есть картинки и чтобы они были закругленными по углам расставлены картинки... И в IE появляется отступ какой-то нехороший, соответственно уголки выглядят корявыми, а в остальных браузерах все ок. Помогите решить эту проблему, и чем такой глюк вообще может быть вызван?... Заранее, спасибо!
0 votes5 answers -
как поставить фон на блок?
Люди как поставить фон на блок?
0 votes5 answers -
Как (в данном примере) понять изменения размера-фона контейнера при наличии у него рамки и без оной?
body { background: #474747; margin: 0px; padding: 0px; font-family: verdana; color: #000; } #container { background: #9cf; position: relative; margin: 0px auto; padding: 0px; width: 700px; border: 1px solid #fff /* !—РАМКА ТУТ!*/ } /* header ———————————————-- */ #pageHeader { height:100px; background: pink; } /* text ———————————————-- */ p { font-size: 12px; line-height: 16px; margin: 0; } h6 { margin-left: 0px; margin-right: 0px; margin-top: 24px; margin-bottom: 24px; } Значения для заголовка h6 вписал только для наглядности - это его дефолные значения вычесленные мной опытным путем. Собственно вопрос в том, что при наличии рамки у контейнера поле margin-top: 24px…
0 votes7 answers -
Как сделать такое?
как сделать двойную рамку для <input>? Как сделать 2 рамки разных цветов для input? Например цвет внутри input серый, затем рамка 1px чёрная, и ещё одна рамка, поверх, 1px красная? Нужно чтобы работало во всех браузерах. И без отступов между рамками, то есть чтобы одна накладывалась на другую вплотную.
0 votes12 answers -
font-face в медиазапросе, ошибка при валидации
У меня есть подгружаемый шрифт, но подгружать я его хочу на определенном разрешении, я не хочу, чтобы пользователи мобильного интернета теряли в скорости загрузки сайта и даю им стандартный шрит, а для пользователей стационарных ПК я подгружаю шрифт, но валидатор ругается на подобное подключение, хотя все работает, помогите разобраться, как мне сделать грамотно все в этой ситуации. У меня в основной таблице стилей подключен другой шрифт, там нет ошибки, но при подключении именно в @media screen выдается ошибка.
0 votes4 answers -
позиционировать пейджинг по середине
сабж, проблема в том что на данный момент я отцентровал пейджинг используя padding-left:120px, но размеры области в которой он находится изменяется и в результате пейдж смешается от центра. Нужно отцентровать a.next, a.prev, но они должны нах на одной строчке. Пробовал применять text-align: center не помагло. Код: .nv-pager { clear:both; padding-left:120px; height:35px; margin-top:10px; } .nv-pager a.next { background:transparent url("images/gotonext.gif") no-repeat right center; border:0pt none; cursor:pointer; float:left; margin-left:10px; display:block; height:25px; width:26px; } .nv-pager a.prev { background:transparent url("images/gotoprev.gif") no-r…
0 votes3 answers -
Помогите с в?рсткой (99% - не найдут ответа)
Вобщем возникла проблемка с непонятным отступом от правой колонки вот код: <body> <div id="page-all"> <div id="top"> <div id="panelm"><div id="panel"><div id="panel2"></div> </div></div> <div id="logo"><div align="center"><img src="images/logo.gif" width="323" height="99"/></div> </div> <div id="boy"><img src="images/boy.gif" width="244" height="280" /></div> </div> <div id="bgleftcol"><div id="leftcol"><div id="leftcolbor"><div id="leftcolbor2"><div id="leftcolbor3"><div id="lefttext"><div id="title1"><div id="title1-te…
0 votes5 answers -
Проблема с горизонтальной линией
Друзья у меня возникла проблема при верстке сайта. Дело в том что горизонтальная линия <hr> не отображается!
0 votes10 answers -
организовать одну табличку
на странице должна быть такая же табличка, как на этой картинке http://img.sknt.ru/2501/f91ecee8c9.jpg подскажите пожалуйста, как ее можно сделать ? я много чего перепробовал, но к результату так и не пришел. проблемы в этих бордер топах райтах лефтах и боттомах ) то они отображаются, то нет, хотя ширина 0px. вот пока, что есть: http://www.sharemania.ru/0150914
0 votes7 answers -
Атрибут background тега <td>.
Я новичок в вёрстке и поэтому у меня возникают подобные вопросы... Просматривал список атрибутов тега <td> тут: http://htmlbook.ru/html/td.html Затем посмотрел тут: http://www.w3schools.com/TAGS/tag_td.asp И не нашёл атрибут background, который юзаю для вставки изображения фоном. Вот и возник вопрос "почему же его нет в списке на буржуйском сайте?" И ещё вопрос: - почему атрибуты разделены в три колонки тут http://www.w3schools.com/TAGS/tag_td.asp ??? Спасибо!
0 votes5 answers -
проблема с выпадающим меню
Проблема такая... Выпадающие меню криво отображается в ie, во всех браузерах нормально а в ie какойто косяк. Помогите пожалуйста? Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> </head> <style type="text/css"> .thisMenu div {float: left; padding:0px;font:arial 14px #fff} .thisMenu div div {clear: both;float: none;} .thisSubMenu {display: none; margin:0px; margin-top:15px; marg…
0 votes4 answers -
создание страницы добавления материалов
помогите пожалуйста создать веб-страницу, где можно добавлять статьи, новости, фотографии, чтобы они могли храниться на созданном сайте, и к ним был доступ, как например тут - http://www.roosei.ucoz.ru/publ - это мой сайт в системе ucoz, но мне хочется создать собственный дизайн. поскольку я совсем новичок в создании сайтов, то не сочтите вопрос наивным. заранее признателен всем, кто откликнется. можно писать сюда, или на почту - bav11967@mail.ru
0 votes6 answers -
img в тексте
Может можно как-то сделать, чтобы картинки шли слева направо и растягивали parent, а не вылазили за него. C float:left вылазит за border. Clear:both и display:block тоже не вариант, в ряд могут быть вставлены сразу 3 фотки. ...update Есть вариант с <p> сказать клиенту, что вставлять картинку надо в параграф, но это не вариант. Точнее вариант, если найти к редакторе то место, где он вставляет картинку и прикрутить туда wrap p, но все-таки хотелось бы найти решение на css
0 votes7 answers -
Редактор JSFiddle?
Судя по к-ву ссылок в обсуждении задач, этот редактор онлайн довольно популярен. Стоит ли продолжать с ним играться? Я вижу некорректное отображение в нескольких примерах: 1) Вложенные списки 2) Схлопывающиеся отступы 3) Атрибуты <table> Удобен, понятен, быстр. Но если врёт, зачем это всё? Может я слишком делитант, подскажите плз?
0 votes6 answers -
Как использовать button
Подскажите, как и где использовать button? Этот тег у меня нигде не применяется. Если нужно отправить форму - то это Input type='submit', если это просто кнопка с действием, н-р, в виде поп-апа, то <div class="btn-blue">. Наверное стоит кнопки не формы заменить на button? <button class="btn-red"> вот так? Если не удается создать нужно оформление тегу <input type="submit"> из-за одиночности тега, то не label лепить, а <button type="submit">? Кстати в ие7 не поддерживается? html5div случайно не включает его поддержку? button type=button - по умолчанию стоит и можно никогда не писать?
0 votes9 answers -
не могу создать элемент div - без position: absolute;
Не могу создать элемент DIV - не прописав свойство position: absolute из-за чего не получается смаштабировать сайт: <!DOCTYPE html><html> <head> <title>Сайт по WEB-разработке</title> <meta charset="utf-8"> <link rel='stylesheet' href='../css/style.css' /><script type='text/javascript' src='../js/jquery-1.11.1.min.js'></script><script type="text/javascript" src="../js/jguery-1.4.2.min.js"></script><script type="text/javascript" src="./js/jguery-ui-1.8.2.custom.min.js"></script><script type="text/javascript" src="../js/jguery.ghindaVideoPlayer.js"></script> <script> docu…
0 votes7 answers -
[CSS] Как из CSS вызвать изображения?
Привет всем. Начав заниматься HTML и созданием сайта с нуля я столкнулся с такой проблемой: У меня есть изображения (фон=background) которая я растянул по всему экрану: body { background: url(images/bg.png) no-repeat; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }Ну вроде всё работает отлично, код занимает много место в index.html поэтому я решил поставить его в CSS(не знаю правильно я думаю и вообще возможно ли такое?). Я создал файл body.css и там добавил код выше, я его загрузил в index.html кодом: <link href="css/body.css" rel="stylesheet" />Но почему то всё…
0 votes10 answers -
Как добраться до последнего элемента в строке ?
Разумеется это flexbox с переносом Количество элементов не известно На данный момент крайние это : 2 4 8 10 Если добавить то и схема изменится Есть ли возможность добраться до каждого последнего элемента строки ? https://codepen.io/topicstarter/pen/bOQyKm вот здесь весь геморой Забыл написать что добраться надо на css до последнего div в строке ...если это возможно конечно <div class="container"> <div class="c1">1</div> <div class="c2">2</div> <div class="c3">3</div> <div class="c4">4</div> <div class="c5">5</div> <div class="c6">6</div> …
0 votes5 answers -
Как при нажатии кнопки удалить тег "p" с содержимым?
У меня есть тег <p>. В теге <p> размещена кнопка и поле. Можно добавить новый тег <p> c полем и кнопкой. Как при нажатии кнопки удалить тег p с содержимом. Работает только первая кнопка, при создании новых тегов и нажатии кнопки, они не удаляются. Вот код: <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <button id="removeAll">Удалить всё</button> <button id="addLine">Новая линия</button> <div id="orderForm"> <p class="orderLine" width="90%"> <input name="field1" type="text" id="field1"> <button id="removeLine">Удал…
0 votes1 answer -
Надежно ли работает во всех ИЕ свойство zoom:1?
Это свойство для меня загадка... В общем я его называю "исправлятель глюков под ИЕ". Тоесть если слои съезжают и отображаются в ИЕ не как запланировано, то обычно все лечиться добавлением этого свойства. Так вот. У меня вопрос: во всех версиях ИЕ это свойство рабтает? То есть, если я его использую под 6: будет ли оно адекватно воспринято ИЕ 7...?
0 votes3 answers -
border Css
Добрый вечер, подскажите, как мне через css сделать рамочку не только наружную но и меж ячеек(у меня 3 столбца и много строк(в разных колонках по разному)), а то через чисты htm рамка получается жирная и не красивая, а через css только внещнюю получается сделать... Благодарю. если ответ требует кода(я думаю врядли, но всёравно) вот <table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td rowspan="4"> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td&…
0 votes8 answers -
Фиксирование контента
У меня проблема: текст сайта на моем компьютере стоит ровно как положено, а на всех других по-разному, происходит смещение то в бок, то вверх. Как сделать, чтобы он фиксировался на одном месте одинаково на всех компьютерах с разным разрешением??? Приведите, пожалуйста, примеры кода.
0 votes12 answers -
Обтекание элементов
Приветствую. Я сделал контейнер <div id="boxincontainerall"> <div class="bordertheme"> <img src="themes/Tema77.jpg" alt="Тема7777"/> <ul> <li>скриншот</li> <li>Скач</li> </ul></div> </div> Когда вниз я прописываю точно такой же контейнер, то соответственно на странице он под предыдущем контейнером. Где я только не ставил float, всё ломается. Как сделать так. чтобы у меня выходило по несколько контейнеров в один ряд. Заранее Спасибо.
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-