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
-
Верстка DIV
Возникла проблема с div. Суть вот в чем: есть главный div, в нем есть дочерний в котором строится таблица. При налиции большого объема данных дочерний div должен выходить за рамки главного. что то типо этого. Проблема в том, что в IE 7 дочерний div не выходит за границы главного, перекрывая примыкающий справа div. как это можно исправить. PS: в FF все отображается как надо
0 votes9 answers -
HTML & CSS
Всем доброе время суток! Вот у меня вопрос, зачем нужно вначале странице писать вот этот код? Или для чего? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ИЛИ ЭТОТ? <!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"> Просто когда я хочу вытянуть таблицу вверх на 100%, они не вытягиваются вверх, когда написано выше стоящие коды, в браузерах Mozilla, Opera и IE 7… А когда написано без этих кодов <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf…
0 votes3 answers -
Проблема при верстке формы
Есть форма: <div class="yapoisk" > <form action="http://ast.ru/poisk.shtml" method="get"> <input type="hidden" name="searchid" value="120203"> <input name="text" class="yapoisk1"> <input type="image" src="/images/searsh.png"></form> </div> .yapoisk{ border: 1px solid #7dbae9; background-color:#7dbae9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/ssi/PIE.htc); position: relative; z-index: 100; text-align: center; width: 260px; height: 27px; } .yapoisk1{ border: 1px solid #cee7fa; background-color:#ffffff; width: 210px; margin: 0px 0px 0px 0px; } в IE все норм а в остальных съезжает вн…
0 votes6 answers -
Как задать вывод div очередность
Пдскажите плз как сделать следующее: Есть верстка: <div id=one>Контент первого блока</div> <div id=second>Контент второго блока</div> Нужно отображение получить на сайте: Контент второго блока Контент первого блока Как это сделать слоями, при том что высота второго блока может изменяться Ткните плз ссылкой на пример
0 votes7 answers -
"Ползунок справа"
Как изменить дизайн ползунка справа в браузерах для прокрутки страниц по вертикали?
0 votes5 answers -
Закруглить углы рамки в CSS
Дорогие друзья, помогите закруглить углы на меню. Вот сайт http://hi.org.ua Меню с обоих сторон квадратные, подскажите как сделать закругленные углы? Я так понимаю что это нужно сделать в CCS файле, как найти что править и что прописывать в CSS чтобы углы были закругленными?
0 votes1 answer -
Отмена float
Уважаемые форумчане, скорее всего дико туплю но хотелось бы разобраться. после просмотра данного видео урока по созданию менюшек ( ) возник вопрос. На 15:55 минуте он задает ширину для li и после этого выпадающие пункты которые до этого были "float: left" почему то выстраиваются вертикально. Что за ....? по какому праву .....? для меня загадка.
0 votes3 answers -
css помогите с CSS
https://jsfiddle.net/sipsap/Lj2qdndw/ Вопрос: 1. Как сделать что бы значки доллара были такого же размера но при этом не менялся цвет. 2. Текст в первых блоках (с услугами) должны быть align:left; но я не могу поставить спан. (пример)
0 votes6 answers -
адаптивность картинки
почему при уменьшении экрана картинка не уменьшается хотя я ей задал max-width 100% в мозиле все нормально при уменьшении экрана картинка автоматически уменьшается а в хроме картинка не уменьшается и контент выходит за пределами сайта(урезается) верстка http://frontend-er.h1n.ru/lotos/
0 votes3 answers -
Png в IE6 в списках
Здравствуйте! У меня возникла проблема - не отображается нормально png в IE6 в списках. Пример смотреть здесь: http://www.yniq.ru/about_product/index.htm На сайте использовал скрипт function correctPNG(){ for(var i=0; i<document.images.length; i++){ var img = document.images; var imgName = img.src.toUpperCase(); if (imgName.substring(imgName.length-3, imgName.length) == "PNG"){ var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " var imgStyle = "display:inline-block;" + img.style.cssText if (i…
0 votes2 answers -
Countdown
Здравствуйте, не знаете ли, как установить на одну из страниц сайта обратный отсчет типа "до Нового года осталось 45 дней"?
0 votes3 answers -
Ошибка моя или narod.ru ?
Уважаемые форумчане, я абсолютный новичок в сайтострении и у меня такая проблемма. Сайт созданный мною на аштмл не правильно отображаеться в Опере и ОгненнойЛисе, а в интернет екплорер отображаеться правильно. Делал на фронт пейдж и потом очистил от всякой дряни на Дриимвиевер. При просмотре с компа (не загрузив на народ.ру) всё и во всех браузерах отборажается правильно, а как только загрузил на народ ру, появляються какие то кракозябры в Опере и Лисе. Хочу отметить что и при загрузки на ucoz.ru получаеться тоже самое. Подскажите что я не сделал неправильно ? Вот ссылки на страницы которые неправильно отображаются. тут, тут и тут. Заранее благодарен. ( даже если не ответ…
0 votes7 answers -
Удаление нужного элемента списка
Здравствуйте. Имеется список: <select size="1" name="spis"> <option value="0">Пункт1</option> <option value="1">Пункт2</option> <option value="2">Пункт3</option> <option value="3">Пункт4</option> <option value="5">Пункт5</option> <option value="4">Пункт6</option> </select> Как скрыть или удалить из него, например Пункт3, используя Javascript? Заранее, спс.
0 votes4 answers -
Верстка меню с градиентным бэкграундом hover ссылки
Имеется вот такое вот горизонтальное меню. Здесь, собственно, интересует как сделать бэкграунд у hover ссылок. Как видно, бэкграунд неоднородный, градиентный. Сами ссылки, в том числе и hover ссылки я делал спрайтом, но это не очень удобно. Допустим, потребуется изменить название пункта меню, но это уже нельзя будет сделать. Хотелось бы услышать ваше мнение. Конкретно интересует как сделать бэкграунд у hover ссылки, причем без использования изображения-ссылки, на div-ах.
0 votes4 answers -
разместить footer при помощи position
помогите пожалуйста поместить footer под область основной информации сайта. я пытаюсь сверстать позиционированными блоками вот этот сайт вот что у меня получается http://narod.ru/disk/19397755001/index.php.html. как видите, footer1 находится не на своём месте. использовать не position, а другие способы пожалуйста не предлагайте. так как я хотел бы разобраться именно с position(при помощи float я уже сверстал это же). ps высота блоков с основной информацией меняется, поэтому не могу жестко прописать положение footer-а.
0 votes6 answers -
Лишний отступ в Div (IE6)
Столкнулся с проблемой при версте. В IE6 появлчется лишний отступ между шапкой (сделана Дивом) и основным блоком (также в Диве) в коде: <div style="background-image:url(themes/default-red5/img/top.jpg); background-repeat:repeat-x; margin: 0 auto; min-width: 1002px; background-position: top center; height: 260px; width: 100%"> <div> Логотип </div <div> Корзина </div> </div> // Тут появляется лишний отступ в 3-5 пикселей // <div id="wrapper"> </div>
0 votes5 answers -
ie7 и абсолютное позиционирование
Доброго времени суток! В процессе работы над простым шаблоном наткнулся на неприятную ситуацию отображения в IE7. Проблема с горизонтальным меню, при выборе в верхней строке пункта, в нижней строке должен появлятся подпункт, прямо под верхним пунктом. Используется скрытие display: none и абсолютное позиционирование подменю. Во всех браузерах все адекватно, а в Ie7 подпункт появляется справа от пункта, а должен быть прямо под ним снизу. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> #nav { height: 95px; background: #fff; } #nav ul{ display: block; width: 100%; } #nav ul li{ float: left; …
0 votes9 answers -
Изменение свойств родительского элемента
Всем привет. Такая проблема. Всем известно, что при изменении псевдокласса родительского элемента можно повлиять и на дочерний. Например: HTML: <a>Скачать <span>(15 МБ)</span></a> CSS: a:hover span { color:red; } А мне надо наоборот. Например, чтобы при наведении на ссылку, менялся цвет фона у body. И все это без JS. Подскажите, как это можно реализовать?
0 votes2 answers -
Верстка контентной части со своим бордером
есть какие-нибудь идеи по поводу верстки сего чуда? свой код приводить не буду, ибо он ужасен
0 votes19 answers -
Не работает Refresh
Есть небольшой php файл. Простая форма отправки данных на мейл. После этого выводится сообщение, мол письмо ушло и сейчас вас перенаправят обратно на сайт. Но вот эта строка перестала работать: header("Refresh: 3; url=http://primehotel.ru"); Раньше все нормально работало на Хостинджире, пока они не уронили свою панель управления и у них не начался ад. Перенес сайт на другой ТаймВэб, но там то же самое. Форма отрабатывает, письмо уходит, но страница замораживается на этом сообщении. Как это можно решить без использования jQuery, Jawa и т.д. так как я не вэб программер и с такой задачей сам не справлюсь. Нужно решение как тут, одной строчкой. Просто тупо редирект, без …
0 votes4 answers -
Символ ? в Opera отображается жирным!
А в других браузерах (IE, Mozilla) все нормально.
0 votes1 answer -
Как сделать верно для двух браузеров?
В IE и Firefox частично правильно отображается страница. Нужно чтоб картинки полностью отображались и страница располагалась по центру. Подскажите, что я не верно делаю? Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <style type="text/css"> body { background-color: 696969; margin: 0px; width: 900px; margin-right: auto; margin-left: auto; font-family: tahoma; font-size: 16px; } #menu-left { width: 140px; vertical-align: top; } #content { width: 630px; background-color: darkgray; } #menu-right { …
0 votes3 answers -
Помогите исправить ошибки рсс
http://feedvalidator.org/check.cgi?url=htt...vsh.ru%2Frss%2F - вот моя рсс лента, выдает кучу ошибок, помогите пожалуйста исправить.
0 votes3 answers -
значения атрибутов, и где родители
Синтаксис width: значение | проценты | auto Аргументы В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера. Аргумент auto устанавливает ширину исходя из типа и содержимого элемента. ——————— от сюда вопросы 1) у меня div(ширина 100%) в div(на 50%) один для другого родитель и для этого родителя body родитель но почемуто указывая ширину 100% он выростает на всю р.область. как указать явного родителя. 2) как указать 12.5% (ил…
0 votes2 answers -
очередная проблема с футером=)
Вот пробую сверстать сайт дивами. Футер прижать к низу удалось, пользовался вот этим способом. Пример моего сайта можете посмотреть здесь, так же приведу примеры html и css. Сама проблема заключается в следующем: не тянется блок с белым бэкграундом (#main), в котором и находится весь контент, т.е. нужно убрать пробел между контентом и футером. буду благодарен за помощь=)
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-