Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Equal Height Colums & IE9

    Привет, тестировал тут некоторые оптимизации разных методов вёрстки колонок одинаковой высоты, и наткнулся на одну странную особенность IE 9 в случае использования одного старого метода, который так и называется Equal Height Colums. Суть этой странности продемонстрирована на скринах ниже: рис 1. - рендер браузеров с правильным отображением (куда входит ie6-ie8, Opera > 9.2x, Safari > 3.x, FF > 3.6x и т.д) рис 2. - отображение в IE9, на рисунке видно, что border-bottom элемента blockquote на один пиксель выше, чем во всех остальных Рис. 1 Рис. 2 Собственно, подскажите пожалуйста из-за чего это происходит, и как это фиксить относительно без хаков и условных комме…

    Asked by alvin,

    0 votes
    3 answers

  2. Как убрать двойные границы?

    border-collapse, как я прочитал только для таблиц. а что делать если граница проходит между меню и контентом? ведь может меню быть длиннее (когда контента мало), а может и контент. а граница должна быть до футера. height:100%; не помогает, у контента поставил границу, но все равно он бывает короче меню

    Asked by AquaGen,

    0 votes
    2 answers

  3. Textarea

    Добрый день! Подскажите, кто знает - как сделать так,что бы при клике textarea не меняла своего размера! Это происходит(размер блока изменяеться на пару пикселей... ) во всез браузерах кроме mozilla! P.S. Ссылка с проблемой находиться здесь: http://yamaradg.narod2.ru/history/Neo_Med/med_contacts.html Буду благодарен за помощь! Щас делаю заказ и с этим столкнулся впервые... Сроки поджимают...

    Asked by Yamaradg,

    0 votes
    3 answers

  4. Меню над хедером

    Подскажите, пожалуйста, как можно поместить меню в хедер ? Заранее спасибо!

    Asked by Select,

    0 votes
    4 answers

  5. Как сделать bg-color без цвета пока есть bg-img?

    Здравствуйте уважаемое комьюнити, я новичек в html/css и думаю, что данная проблема без использования php\js не решиться, но все же спрошу: Есть Div, у него задан bg-img. Сама эта картинка в .png и имеет прозрачность но большая часть это просто белый цвет. body имеет черную картинку и черный bg-color. Весь текст черного цвета расположен в Div'e о котором написано выше. Как только в браузере мы отключим картинки черный текст сольется с фоном. Мы не можем дать Div'у о котором говорилось выше bg-color так как нам нужна прозрачность в некоторых местах. Вопрос: Как сделать что бы bg-color включался только тогда, когда bg-img становиться выключенным?

    Asked by logicface,

    0 votes
    2 answers

  6. Плавное выпадающее меню

    http://teacheri.ru/test/ Есть там такое меню <div id="left"> <ul id="mfli"> <!-- Выпадающее меню --> <li onClick="toggle_show('bla-bla2')"><a href="#home">Компании</a></li> <ul id="bla-bla2"> <li><a href="#aboutCompany">Каталог</a></li> <li><a href="#catalogue">Подбор</a></li> <li><a href="#catalogue">Новые</a></li> <li><a href="#catalogue">События</a></li> <li><a href="#catalogue">Акции</a></li> </ul> <li><a href="">Рейтинг</a>&lt…

    Asked by Ridento,

    0 votes
    2 answers

  7. Помогите адекватно сверстать

    Помогите адекватно сверстать, как на картинке. https://docs.google.com/file/d/0B0FrmfubxCOdZno4Y1hjbkFvUE0/edit Я сделал это как-то по колхозному, мне очень не нравиться. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Hello User!</title> <!-- Place cursor after this and select a JavaScript library from the menu above --> <!-- Supports context-sensitive CSS3 auto-completion --> <!-- Style starts here. Try adding new CSS tags. --> <style type="text/css"> body { background: #8eacd3; } .login { position: relative; float: right; color: #fff; fon…

    Asked by boo,

    0 votes
    1 answer

  8. Элементы Внутри DIV 'а

    Помогите плиз есть Div контейнер на странице с такм вот кодом КОД HTML ****************** div class="Product_Title"> Выключатель одноклавишный "Вессен" </div> <div class="products"> <div style="margin-bottom:10px;"> <img src="Pics/M1.jpg" /> </div> </div> КОД СSS ******************* /* Заглавие товара (синяя строка) без пробела после */ .Product_Title { height:auto; padding:8px; background:#069; color:white; border-right:double #036 4px; border-left:double #036 4px; border-top: double #036 4px; font-weight:bold; } /* Поле товара с картинкой и описанием товара(белая поле) */ .products { height:auto; padding:8px; background:#FF…

    Asked by HappyUser,

    0 votes
    2 answers

  9. Проблемы кроссбраузерности с IE 7

    Сверстал сайт. На Chrome и Mozilla отображается нормально. А в IE 7 - плохо. Вот такая ситуация: Вот сам сайт c отображенными div-ами Как решить эту проблему?

    Asked by yaparoff,

    0 votes
    3 answers

  10. Рамки

    Вопрос, как организовать такие же рамки?

    Asked by amalia,

    0 votes
    5 answers

  11. Масштабирование шрифтов в адаптивной верстке

    Здравствуйте . Поделитесь пожалуйста материалами (ссылками), с информацией о масштабировании шрифтов в зависимости от разрешения экрана. Заранее, спасибо!

    Asked by Pinga,

    0 votes
    1 answer

  12. Помогите разобраться с CSS

    Создал себе блог на платформе Octopress. Захотел изменить тему по умолчанию. Но видимо я сильно отстал от развития CSS. Ибо столкнулся с непонятными конструкциями, вроде этих: $link-color: lighten(#165b94, 3) !default;$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;При этом цвет ссылки a:hover #0181eb, а этого цвета я в стилях не нахожу... Был бы очень благодарен, если бы кто-нибудь помог бы мне разобраться, как редактировать подобные стили? И где искать значения цветов? Вот…

    Asked by Nigelist,

    0 votes
    3 answers

  13. Таб, Фильтр

    Подскажите как сделать такой таб и фильтр?

    Asked by ijsico,

    0 votes
    3 answers

  14. Проблемы с картой

    Всем привет!!! Создал карту с помощью map, на ней распологаются объекты, при наведении на объект выходит подсказка (картинка с надписью). Это все нормально работает, но почему то карта сдвигается вниз при появлении подсказки. Вот код <style> #rep {visibility:hidden; display:inline; position:relative; top:635px; left:699px; border:1px solid red; background:url("i/img_podsk.jpg") left top no-repeat;} </style> <map name="Map"> <area shape="poly" coords="690,676,585,621,624,567,714,602,714,666,704,678" href="#" onMouseOver="repl('rep');" onmouseOut="div_setTime('rep');"> </map> <td colspan="4" style="vertical-align:top;"> <div …

    Asked by spyder,

    0 votes
    1 answer

  15. Не проходит валидность

    Валидатор ругается <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="50"> <param name="movie" value="myContent.swf"/> <object type="application/x-shockwave-flash" data="myContent.swf" width="100%" height="50"> <p>Alternative content</p> </object> </object> И что то ему ненравится именно тут (отметил цветом): <param name="movie" value="myContent.swf"/>

    Asked by Ururu,

    0 votes
    2 answers

  16. Может кто подскажет...

    Привет. Я делаю шахматную страничку(игра).Многое уже сделано.Раньше я использовал event onclick(1 раз отмечаешь фигуру,второй клик клетку куда идешь)Не было проблемм.А сейчас чтоб 2 раза не кликать решил использовать event onmousedown и onmouseup.И не работает.Когда нажимаешь мышку на клетке появлбяется другой курсор-вместо стрелки -перечоркнутый кружок и event не работают,ничего не происходит. Но что интересно если первую строку Javascript кода onmousedown сделать alert(".....") то все работает. Нажимаешь мышку ,выскакивает месага,нажимаешь на клаве enter,месага уходит и дальше курсор не меняется и таши вигуру куда хочешь. <DIV class=desk id=BA8><IMG id=A8 cla…

    Asked by bypath,

    0 votes
    1 answer

  17. Opera и first-letter

    Добрый день. Встретил глюк в opera с first-letter. Есть заголовок: h2:first-letter {font-size:62px;color:#7d070f} Он изменяется при клике на пунктах меню с помощью jquery: $('tab a').click(function() { var str = $(this).text(); $('.change').text(str); }); Во всех браузерах работает, а в Опере буквица не изменяется после первой загрузки. Это глюк оперы?

    Asked by freialex,

    0 votes
    3 answers

  18. оглавление html5-документа. проверить

    работая с xhtml, я в конце работы проверял оглавление для документа, пользуясь известным FF webdeveloper-ом. Он удобно показывает оглавление в виде дерева. скажите пожалуйста существует ли подобный способ проверять оглавление html5-документа. не принципиально будет это плагин, интернет-сервис, или что-то другое FF webdeveloper не работает с оглавлениями html5-документов. или я просто не знаю как его перенастроить

    Asked by cyklop77,

    0 votes
    7 answers

  19. Использование white-space: pre-wrap и internet explorer 9

    Вывожу заранее отформатированный текст (white-space: pre-wrap). Текст такой: ййййййййй ццццццццц ууууууууу Во всех браузерах отображается нормально: ййййййййй ццццццццц ууууууууу В IE9 отображается так: ййййййййй ццццццццц ууууууууу Получается что ie9 после символа перевода строки добавляет пустую строку. Можно это как-нибудь побороть?

    Asked by MCStan,

    0 votes
    3 answers

  20. тэг <a> и новая строка

    если делаю <p>1</p> <p>2</p> то 2ойка с новой строки если <p><a>1</a></p> <p><a>2</a></p> то в одну линию Как сделать чтобы опять с новой строки было только со ссылками

    Asked by vladimircape,

    0 votes
    3 answers

  21. Видео на сайте

    Здравствуйте! Размещаю на сайте видео через сервис: http://flv-mp3.com/ru/flv/ Не показывается наша заставка. В чем проблема? Код такой: <object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" height="495" width="880"> <param name="bgcolor" value="#FFFFFF" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="movie" value="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" /> <param name="FlashVars" value="way=http://www.protontonnel.ru/video/pts_2_2.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500x375.swf&w=880&am…

    Asked by Светлана Гр.,

    0 votes
    4 answers

  22. Куда двигаться дальше?

    Здравствуйте. Даже не знаю как правильно сформулировать вопрос. В данный момент у меня свёрстана первая страничка моего сайта. Нужно двигаться дальше. На сайте планируется довольно много ссылок на другие части сайта (штук 15 примерно). Есть ли какие-нибудь способы сгенерировать эти 15 страниц? Или нужно всё делать ручками? (Создавать 15 html страниц, копировать html код из 1 страницы и прикреплять CSS к каждой странице). Другой вопрос: Какой язык стоит изучать дальше? Насколько важен JavaScript для проекта? (Планируется создание строительной организации). На сайте возможно будут нужны такие вещи как: регистрация пользователя, окно поиска, добавление новостей/статей н…

    Asked by bgdn,

    0 votes
    5 answers

  23. В чем может быть проблема

    Здравствуйте. Возникла такая проблема: готовую верстку натянули на CMS Bitrix и теперь, когда входишь в админку, получается этакое: и вот такое: Макет был приобретен и написан на HTML5 и CSS3, используется bootstrap. В чем может быть проблема? Буду рад любым советам и откликам

    Asked by Temiks,

    0 votes
    4 answers

  24. не видно содержимое 1й закладки

    Всем привет, У меня есть небольщой tab состоящий из двух закладок <div class="widget widget-tabs widget-tabs-responsive"> <div class="widget-head"> <ul> <li class="active"><a href="#tab-general" data-toggle="tab">{"General"|translate}</a></li> <li><a href="#tab-schedules" data-toggle="tab">{"Schedules"|translate}</a></li> </ul> </div> <div class="widget-body"> <div class="tab-content"> <div class="tab-pane animated fadeInUp country_ajaxed" id="tab-general"> <div class="widget-body"> tabGeneral </div> </div&gt…

    Asked by mstdmstd,

    0 votes
    1 answer

  25. Положение кнопок на разных расширениях экрана

    Какое значение left:; и top:; выбрать или что то добавить для меню что бы оно имело одно положение на разных мониторах? Пишу в процентах например left:37.7%; top:324%; то в таком случае на мониторе как у меня 1366/768 оно(кнопка или меню) занимает нужное (и нормальное с виду) положение. НО если смотреть на мониторе 1280/1024 то положение кнопки намного ниже чем необходимо и вид какой то "***" что есть вполне логичным так как проценты считал под свой монитор... ЧТО ДЕЛАТЬ? Не знаю как в теме отобразится код меню в теме на форуме... поэтому даю вам ссылку на страничку с "демо" и кодом меню http://mmdd.info/page2.html На страничке одна кнопка - но разницы нет так как м…

    Asked by mmdd2015,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept