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

29,542 questions in this forum

  1. min-width body и overflow-x: hidden

    http://zverushka.zz.mu/test/ Если поставить боди min-width и overflow-x: hidden, то боди будет сворачиваться хоть до нуля ... Дело в том, что я второй блок action сделала шириной 120%, чтобы внутренняя тень была только сверху и снизу. В итоге я теперь не могу сделать ширину экрана нормальной. К тому же Overflow-x у формы action обрезает по вертикали выступающий край формы - почему?....

    Asked by Zverushka,

    0 votes
    11 answers

  2. Ширина страницы сайта меньше 1024

    Хочется узнать, если дизайнер сделал главный контент шириной 940px, а я сделала min-width 960px - это никак не повлияет? Может под какие-то устройства 940, а не 960px минималкой выбрана?

    Asked by Zverushka,

    0 votes
    4 answers

  3. Как подчистить скрипт счетчика?

    Подскажите пожалуйста, как подравнять скрипт счетчика, они практически все написан кривыми руками, я идеалист хренов в js не шарю, а хочу, что бы валидатор улыбался :P Вот скрипт, правда я его уже сократил немного: <!-- HotLog --> <script type="text/javascript" language="javascript">hotlog_js="1.0";hotlog_r=""+Math.random()+"&s=2115087&im=565&r="+escape(document.referrer)+"&pg="+escape(window.location.href);</script><script type="text/javascript" language="javascript1.1">hotlog_js="1.1";hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N");</script><script type="text/javascript" language="javascript1.2">hotlog_js="1.2"…

    Asked by Vic-Tor,

    0 votes
    3 answers

  4. Позиционирование

    День добрый. Столкнулся с проблемой позиционирования. Вот код <html> <head> <style type="text/css"> #basket{ margin:0px 0px 0px 300px; width:200px; height:70px; padding:5px; float:left; } #basket > div{ border-radius: 3px; border: 1px solid #CCCCCC; background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2); padding:5px; overflow:hidden; border-bottom-color: #138CB3; border-left-color: #1391B9; border-right-color: #1391B9; border-top-color: #1496C0; } #basket > div > img{ float:left; border:none; } #basket-text{ margin:8px 0px 0px 60px; } .wiev-hover{ display:none; position:absolute; width:350px; min-height:200px; border-radius: 3px; border-b…

    Asked by 3d_max_9,

    0 votes
    4 answers

  5. Транслировать картинку с другого сайта

    Доброго времени суток! Проблема: есть сайт, на котором выложена картинка, ее регулярно обновляют (заменяют другой). Можно ли ее транслировать на свой сайт так, чтобы она автоматически обновлялась ? Имя картинки, естественно, тоже меняется, в чем и заключается вся проблема.

    Asked by mike11,

    0 votes
    9 answers

  6. Под изображением в низу в Опере и IE появляется пустота

    Под изображением в низу в Опере и IE появляется пустота, смотрится ужасно. Ниже скрин женщины, у которой под ногами белое поле.Как это избежать?

    Asked by olyakutukov@ayandex.ru`,

    0 votes
    5 answers

  7. А где найти спецификацию CSS?

    Нашел только для 2.1, а еще какие-то разрозненные части типа боксовой модели, информации по бэкграундам и т.д. Вопрос 1. Есть ли стандарт CSS3? Вопрос 2. Правильно ли я понимаю, что нужная инфомация находится на сайте w3.org? Вопрос 3. Почему многие части рассматриваются отдельно (как сверху описал)? Плохо гуглил, уже нашел: http://css-live.ru/articles/macssaraksh-razmyshleniya-o-standartax-css.html

    Asked by binomer,

    0 votes
    2 answers

  8. Отображение перспективы при анимации поворота

    Доброго времени суток. Возникла проблема при анимации переворота блоков, а если точнее - неправильное отображение перспективы. Суть проблемы словами описать сложновато, так что выкладываю код: http://jsbin.com/uGaFihE/4/edit?html,css,js,output и картинки, описывающие: 1) Перспективу такой, какая она есть сейчас: 2) И такой, какой должна быть в идеале (все внимание - на углы в центре изображения ): Как можно реализовать данную анимацию, не помещая эти два блока в один контейнер?

    Asked by ows.nightwolf,

    0 votes
    3 answers

  9. Выход текста за граници блока

    Не могу понять свою затупку, 2 дня назад работал с шаблоном сайта было все нормально. Сейчас текст выходит за граници блока как показанно на примере хотя должен переходить на новую строку. <!doctype html> <html> <head> <meta charset="windows-1251"> <link rel="stylesheet" type="text/css" href="styles/style.css"> </head> <body> <div id="stranica"> <div id="stranica1">sfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsf </div> <div class="clr"></div> </div> </body> </html> #stranica { height: 1000px; width: 600px; float:…

    Asked by onhoric,

    0 votes
    2 answers

  10. Хочу сверстать мой первый шаблон!

    Уважаемые форумчани, хочу сверстать свой первый шаблон! Не дадите ли вы какой нибудь простенький макетик для меня :-) Заранее спасибо!

    Asked by BSandro,

    0 votes
    21 answers

  11. Псевдоуголки динамических размеров

    Возможно ли сделать уголки этого элемента не фиксированного размера в пикселях. а относительного, н-р в процентах? Уголки делаю через псевдоэлементы из border.

    Asked by Zverushka,

    0 votes
    7 answers

  12. Защита блога на WordPress

    Здраствуйте! Я начинающий веб-мастер. Сейчас я занимаюсь созданием собственного блога на WordPress. И вот что меня заинтересовало: В сети есть множество плагинов на WP для повышения уровня защиты блога. И я хотел бы спросить насколько остро стоит эта проблема и какими способами можно обезопасить свой сайт и одновременно не захламлять его всеми подряд плагинами. Посоветуйте какими плагинами или методами пользуетесь вы. )

    Asked by XAHTEP26,

    0 votes
    10 answers

  13. Не работает свойство border-collapse: collapse;

    Добрый день,Судари и Сударыни!Подскажите пожалуйста новичку,почему в моем примере не работает свойство border-collapse: collapse; Оно же должно по идее схлопывать границы,т.е. отображать 1 линию вместо 2х. http://cssdesk.com/xf5uE Если же я не прав с этим свойством - подскажите как можно по другому решить эту задачу? P.s.Вы бы стали помещать 3 инпута в div?Или и так все в порядке? Заранее спасибо! P.p.s. Подскажите почему у меня на пк и на cssdesk при одинаковом коде результат отображается по разному? 1.Картинка с пк 2.Картинка с cssdesk Отступы разные! Браузер хром последней версии.

    Asked by Temik2704,

    0 votes
    4 answers

  14. Помогите отцентрировать хедер

    Суть проблемы в том , что все дивы внутри хедера отцентрировались по margin:0 auto; а сам хедер не хочет , имеет бекграунд . #headerbg{ height:992px; outline:0px solid red; background-image:url(../images/background.jpg); background-repeat: no-repeat; margin: 0px auto; } http://my.jetscreenshot.com/19320/20131025-0z19-111kb , вот такую ширину почему-то делает див хедер. помогите разобраться пжста.

    Asked by yogg,

    0 votes
    1 answer

  15. Блок отображается не там где надо

    Господа,подскажите почему блок right-block не хочет встать на свое место(справа в главный блок)?ему задано float:right http://cssdesk.com/zsAyf

    Asked by Temik2704,

    0 votes
    8 answers

  16. 3 колонки div - помогите!

    Здравствуйте, уважаемые знатоки. Передо мной стоит задача: сделать шаблон на 3 колонки, да так, чтоб средняя колонка была всегда по центру (она фиксированной ширины, 960px, например), а левая и правая занимали оставшуюся часть окна (слева и спарвва, соответственно) раномерно (т.е. ширина левой и правой колонок должны быть равны) в зависимости от ширины окна. При этом в правой колонке ещё и background будет - большая такая картинка. Перепробовал кучу способов - ничего не выходит (или не хватает мозгов) и уже сделал с помошью таблицы, но это ж как-то не комильфо. Помогите справиться, пожалуйста. Заранее благодарю.

    Asked by Vo.Wonder,

    0 votes
    2 answers

  17. Мобильная верстка

    Добрый день, изучаю весь этот огород сравнительно не так давно и столкнулась вот с какой проблемой: при создании кнопки использовала следующий текст: <style type="text/css"> A.button_menu {display:block; width:90px; height:179px; background:no-repeat;} A.button_company {background: url(/common/img/horizontal_ent_1.jpg);} A.button_company:active{background: url(/common/img/horizontal_ent_active_1.jpg);} </style> <td><a class="button_menu button_company" href="/ru/about/"></a></td> На компе все работает, вопросов нет. Но на ipad-е возникает проблема с заменой бекграунда. На долю секунды, пока идет обращение к серверу за картинкой, картинк…

    Asked by LadyNightRebel,

    0 votes
    8 answers

  18. Как использовать 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 - по умолчанию стоит и можно никогда не писать?

    Asked by Zverushka,

    0 votes
    9 answers

  19. в ie8 не видет картинку

    добрый день проблема у меня такая никак не магу понять в ie10 ie9 паказывает картинку а в ie8 невидет картинки http://sait-ru.1gb.ru/

    Asked by pitbuli,

    0 votes
    0 answers

  20. растягивание блока вверх

    Здраствуйте, подскажите возможно ли растянуть блок вверх? есть блок в котором еще три. <div> <div> блок1 </div> <div> блок2 </div> <div> блок3 </div> </div> второй блок должен оставаться на месте(это картинка) а первый и второй (текстовые) динамические(1-3 строчки). так вот блок1 растягиваясь опускает картинку(блок2). как первый блок заставить тянутся вверх?

    Asked by stone86,

    0 votes
    5 answers

  21. существует ли автоматический взлом в сети?

    поясните пожалуйста вопрос к любым cms и форумам регулярно выходят обновления, которые рекомендуется устанавливать. одна из функций этих обновлений - защита движка от взлома я не очень хорошо представляю последовательность взлома. если злоумышленник знает о уязвимости, то он будет ломать каждый сайт по очереди или существуют способы автоматизировать этот процесс. например, специальная программа найдёт в сети определённое количество сайтов, использующих определённый уязвимый в данный момент движок и взломает всё "кучей"(то есть без непосредственного участия взломщика)?

    Asked by cyklop77,

    0 votes
    2 answers

  22. Первый и последний tr в table

    Подскажите пожалуйста, как изменить цвет в первом и последнем ряде с классом "tr", к примеру имеется таблица <table> <tr> <td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td&…

    Asked by darlov,

    0 votes
    1 answer

  23. Как уменьшить спрайт?

    У меня на сайте есть блок с обратным отсчетом, сделан при помощи спрайта, и вот я хочу уменьшить этот счетчик, но вот как? чтобы спрайт не "посыпался".

    Asked by Demidovetz,

    0 votes
    2 answers

  24. Firefox, Chrome разная высота поля ввода

    Неактуально. Удалите тему, пожалуйста.

    Asked by Charm0nt,

    0 votes
    0 answers

  25. Firefox скрывает картинку

    Привет, друзья. Есть такая страничка http://avtoport.tv/ Там почти ничего нет, но не в этом суть. Почти в самом начале страницы есть картинка <img src="/media/ads/banner1.png"> или <img src="/media/ads/banner.png"> — там ещё написано «Баннер 1920×190» (они в случайном порядке ставятся, но суть и не в этом). Если посмотреть html-код, то вроде всё ок. В хроме картинка есть. А вот в фаерфоксе почему-то её нет. Если смотреть фаербагом, то просто жесть какая-то. Failed to load и какой-то класс добавлен к тегу img неведомый. Если открыть напрямую, то всё открывается. Косяк точно не в веб-сервере, так как что на продакшене, где nginx и на девелоперском веб-сервере, в…

    Asked by Veseloff,

    0 votes
    4 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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