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
-
Градиентный бэкграунд
Возникла проблема с версткой градиентного бэкграунда. Смысл в том, что градиент идет не строго по вертикали или по горизонтали, а из нижнего левого угла в верхний правый. Блок не строго фиксированный, а должен тянуться по вертикали вниз в зависимости от наполнения его контентом, при этом независимо от вертикального размера блока градиент должен быть строго по диагонали из нижнего левого угла в верхний правый. Скрин прилагаю. Изображением бэкграунд вставить нельзя, так как блок должен тянуться.
0 votes14 answers -
Не выходит подключить скрипт jQuery Scroll To
Почему то не хочет анимироваться скролл страници, вот коды: <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery.scrollTo-min.js"></script> <script type="text/javascript">*** $('#eek a').click(function(){*** var str=$(this).attr('href');*** $.scrollTo(str,500);*** return false;*** });*** </script> вот ссылка где прикреплён якорь: <h2 id="eek"><p>8.10 Запрещено использование игроков не заявленных на турнир за команду</p></a></h2> вот сайт, клацните на "(Важно! Смотрите пункт 8.10 в правилах)", там должно анимировано перенести на 8.10 пункт, н…
0 votes5 answers -
меню на hover
Добрый день, подскажите почему меню не выезжает на hover. и как сделать отступ между главным меню и меню которое появляется при ховере. Спасибо. Помогите понять истину ))) http://jsfiddle.net/mrfrunze/aucbf8sn/
0 votes7 answers -
Позиционирование элементов
Здравствуйте, прошу помощи как начинающий и неопытный верстальщик. Проблема заключается в том, что я не могу спозиционировать элементы, как того требует дизайн макета. Подскажите как можно добиться необходимого результата, как на изображении.
0 votes4 answers -
Background из psd макета.
Добрый день.Как можно повторить, такой вот backgorund: http://savepic.ru/10905797.png Узор вырезал, с градиентом не могу справиться.
0 votes9 answers -
Что значит вверстка под pixelperfect ?
Я понимаю в общем чтобы макет соответствовал дизайну но все равно объясните пожалуйста что именно и конкретно что требуют заказчики и работодатели ?
0 votes9 answers -
Высота родительского div'a в FF и Opera
Подскажите, что надо изменить в коде, чтобы в FF и Opera вс? отображалось также, как в ИЕ. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> body {background-color:#000000; margin:0;} #main{background-color:#0000ff; margin:0 auto; padding:5px; padding-top:20px; padding-bottom:20px; width:740px;} #inside{margin:0 auto; width:700px; text-align:center;} #header{margin:0 auto; padding:0;} #h-left{background-color:#FF0000; width:366px; flo…
0 votes1 answer -
Обтекание изображения списком
А как сделать, чтоб список, не обтекал изображение, а шел списком ровно? <p><img src="media/khp2.jpg" align="left" alt="*" />Текст:</p> <ul> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> <li>пункт</li> </ul> #content-inner img { float: left; margin: 0 18px 0 0; padding: 0 4px 4px 0; background: url(../media/photo-frame.gif) no-repeat bottom right; } у меня так, но последние пункт обтекают изображение
0 votes5 answers -
Зафиксировать размер картинки, у которой display:none
В ячейках таблицы есть картинка, у которой в свойствах стоит display:none Проблема заключается в том, что в ФФ таблица "корежится и дергается" при смене на display:inline В Хроме и Сафари не дергается. Что делать, подскажите, пожалуйста. делается через $().show(); <script type="text/javascript"> function activateRow(imgId){ $('#'+imgId).show(); } function deActivateRow(imgId){ $('#'+imgId).hide(); } </script> <tr class="" onmouseover="activateRow('sms_16')" onmouseout="deActivateRow('sms_16')"> <td style="padding-left: 100px;"> 15:36:50 </td> <td> через день </t…
0 votes3 answers -
Вопрос по картинке в записи
Доброго времени суток. Подскажите,как сделать так чтоб текст обтекал картинку? А то получается сначала картинка а потом текст и наоборот. Посмотрите что получается.Не судите строго,только учусь
0 votes8 answers -
проблема с -moz-radius-border
Никак не могу провернуть -moz-border-radius.... http://rubasket.com/forum/ внизу страницы всё ок , а вверху- дочерний блок (белого цвета) скрывает бордюр родительского,в рез-е чего скругления нет.... помогите плиз (только не заданием у дочернего блока верхнего маргина,так как при этом шапка будет больше по высоте)
0 votes10 answers -
Как установить firebug в firefox под убунтой ?
Не получается установить firebug в firefox под ubunru 12.04 когда пытаюсь устанавливать пишет что не поддерживается текущей версией firefox, как можно установить firebug под убунту ? Хромовский инспектор не очень по мне
0 votes9 answers -
DIV внутри таблицы / не растягивается в Опере
Всем привет. Проблема в том, что div вложенный в таблицу не хочет растягиваться на 100% по высоте. В IE и FF вс? нормально, а в Опере не хочет. Вот страничка http://xhtml.ucoz.ru/1/ Помогите пожалуйста {... перенесено в Проблемы с версткой lancer}
0 votes3 answers -
Как при помощи CSS задать фиксированою высоту ячейки?
Пробую значение height почему-то не получается...
0 votes6 answers -
Активировать поле
Вот не получается у меня такая штука, как, например, на этом форуме: нажимаешь "ответ" или "создать новую тему" - открывается страничка, а поле заголовок уже активно, т.е. можно сразу начинать писать. Как сделать-то? PS. TabIndex не помогает....
0 votes5 answers -
Извиняюсь, но с нова про height 100%
Вот пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <table align="center" border='1' cellspacing='0'> <tr> <td> — — — —<br /><br /> — — — —<br /><br /> — — — —<br /><br /> — — — —<br /><br /> — — — —<br /><br /> </td> <td valign='top'> <div style='border:1px solid red;height:100%;'> !!!!!!!!!! </div> </td> </tr> </table> </body> </html> Хочу что бы див, который красной рамкой выделен, по высоте …
0 votes9 answers -
Изменение прозрачности
Привет всем! Хочу у вас спросить как сделать изменение прозрачности изображения при наведении? Видел вот на этом сайте вверху, но не разобрался. Спасибо!
0 votes6 answers -
display:inline-table в ie7
Подкажите почему не работает свойство display:inline-table в ie7 http://v4.przrf.ru/
0 votes2 answers -
Выпадающее меню
Уважаемые господа! Всем доброго времени суток. Помогите, пожалуйста, начинающему(ей) изучать HTML и CSS. "Состряпала" я меню. (Посмотреть здесь: http://lady-mebel.narod.ru/222.html ) В Firefox съезжают DIV'ы: выпадающее меню выпадает сбоку от таблицы. В Опере и IE8 выпадает там, где надо, правда, в Опере строки ссылок выпадающего меню неровные, а в IE8 они совсем обрезаны с правого края. Но с этим я попробую справиться самостоятельно. Пока "борюсь" с "уехавшими" DIV'ами в FF. Объясните, пожалуйста, в чем ошибка. Или подскажите, где почитать про это. Статью "Каждому браузеру свой стиль" в разделе "Рецепты CSS" прочитала, но там все больше про IE. Вот код страницы: <html…
0 votes1 answer -
как предотвратить разрыв блока
Привет есть такой код <div class="over_hidden"> <div class="float_left"> <div class="border float_left"> <table> </table> </div> <div class="some_text"> vcvxcvxcvxcvxcvxc sdfsd f sfs fsd fd sfs dfsd f sdf sdf sdf sdf sdf sdfs f dsad ad asdasdsadsadsadsa dasdadasd asdsadasdasd fsfsdfsdf sfsdfsdfsdf fsfdsfsdf sdfsdfsd vxcv </div> </div> </div> у таблицы width: auto если нет блока div.some_text то div.border оборачивает таблицу по содержимому и не растгиваеться на всю ширину если добавить блок с текстом то он растяшиваеться на 100% div…
0 votes13 answers -
Полоска между wrapper и контентом
Добрый день уважаемые форумчане, я начинающий веб-дизайне и верстальщик. Когда сверстал очередной дизайн столкнулся с интересной проблемой которую не могу решить по сей день. Суть проблемы: в шаблоне появился отступ между глобальным фоном который тянется и wrapperom, никак не могу понять почему и откуда он взялся т.к быть его не должно. чтобы было более понятно вот скриншет и юрл действующего шаблона(надеюсь не посчитаете за рекламу, просто очень нужна помошь в этом деле): Uploaded with ImageShack.us Сайт с шаблоном:www.p4f-test.ucoz.ru (сайт тестовый, не реклама) P.s раньше этот отступ был только на опере и мозиле, вскоре обновился google chrome и там тоже оно появилось…
0 votes10 answers -
bootstrap мелкие поля
<div class="item-search"> <form id="w0" action="/site/items" method="get"> <div class="row"> <div class="col-lg-4"> <div class="row"> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_ru"> <div class="col-lg-12">ru<input type="text" id="itemsearch-name_ru" class="form-control" name="ItemSearch[name_ru]" value=""></div> </div> </div> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_en"> <div class="col-lg-12">en<input type="text"…
0 votes10 answers -
Резиновый по горизонтали футер в три колонки.
Подскажите пожалуйста, работает ли позиционирования одного блока div относительно другого блока div? Будет ли работать вот такое позиционирование ? <div style="width:100%; height:60px;"><div style=" width:200px; right:40px; bottom:0px; position:relative;" >Абра Кодабра</div></div> Как можно спозиционировать правый край внутреннего дива от правого края внешнего ? Вот моя попытка реализации резинового футера http://ulskiy.org.ua/example/example.html
0 votes2 answers -
Изображения в таблице.
Имеется стандартная таблица с изображениями. Код 1: <table width="100%" cellspacing="0" cellpadding="0" border="1"> <tr> <td> <img width="176" height="124" src="images/01.jpg" alt=""> </td> <td width="100"> <img width="70" height="76" src="images/02.gif" alt=""> </td> </tr> <tr> <td height="1" colspan="2"> <img width="1" height="1" src="images/03.gif" alt=""> </td> </tr> </table> Код 2: <table width="100%" cellspacing="0" cellpadding="0" border="1"> <tr> <td> <img width="176" height="124" src="images/01.jpg" alt=""></td> &…
0 votes9 answers -
XMLHttpRequest и кодировка...
В исходной и подгружаемой странице стоит: <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> В браузере стоит: Windows-1251 Исходная страница загружается нормально, подгружаемая - ромбики (( Танцы с бубном не помогли...
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-