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. Позиционирование

    День добрый. Столкнулся с проблемой позиционирования. Вот код <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

  2. Вопрос по внутренней оптимизации

    Хостинг на котором я арендую площадку предлагает сервис диагностики сайта Whois. Зашёл, сделал диагностику, и получил советы по оптимизации. А вот как их реализовать пока не знаю. Ну кеш браузера настрою, а с остальным что делать, Как сжать CSS и Java Script и как отдавать статический контент. Не подскажите? Для сжатия вроде бы есть сервисы. Изображения вот я сжимаю в Image Optimise. А как с кодом не знаю. Если щёлкнуть по знаку "Стоп" то открываются ссылки на файлы, пройдя по ним открываются сами файлы в блокноте и что с ними делать? Если можно подскажите.

    Asked by webded,

    0 votes
    17 answers

  3. 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

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

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

    Asked by Zverushka,

    0 votes
    7 answers

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

    Суть проблемы в том , что все дивы внутри хедера отцентрировались по 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

  6. Не работает свойство 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

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

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

    Asked by Vo.Wonder,

    0 votes
    2 answers

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

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

    Asked by pitbuli,

    0 votes
    0 answers

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

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

    Asked by cyklop77,

    0 votes
    2 answers

  10. Как использовать 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

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

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

    Asked by stone86,

    0 votes
    5 answers

  12. Первый и последний 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

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

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

    Asked by Charm0nt,

    0 votes
    0 answers

  14. 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

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

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

    Asked by Demidovetz,

    0 votes
    2 answers

  16. Как лучше разбить статью с точки зрения SEO в HTML5?

    Здравствуйте. Я сделал сайт. Написал основную статью для главной страницы на 6000 тыс.символов при этом оптимизировал написанную статью под 1 определенный поисковый запрос. В какие теги лучше всего с точки зрения SEO будет разместить мою основную статью на главной странице? Варианты: 1)<main> <h1>Заголовок статьи<h1> <p>Текс статьи на 6000тыс.сим.</p> </main> 2)<main> <h1>Заголовок статьи<h1> <p>Текс статьи скажем на 2000тыс сим.</p> <article> <h2>Как бы подзаголовок<h2> <p>Текс статьи тоже скажем на 2000тыс сим.</p> </article> <article> <h2>Как бы уже второй …

    Asked by koly32,

    0 votes
    4 answers

  17. Правильно ли я решаю вопрос упорядочивания?

    Здравствуйте! На странице есть секция похожие товары, div.product-field-type-R которых упорядочиваю в строки с помощью стиля: .product-field-type-R{ float:left; display:inline-block; min-height: 196px; } Если например сделать min-height: 180px; то будет видно, какую проблему я пытаюсь решать этим стилем(появляются белые пустые места, а не помещающийся товар переносится на новую строку). По мере столкновения с новыми перескакивающими товарами я просто увеличиваю min-height. Есть ощущение, что я неверно решаю задачу. Так ли это?

    Asked by borus,

    0 votes
    3 answers

  18. Как реализовать рваный край с градиентным фоном

    Вот как реализовать это? И чтобы на всю ширину страницы....С двух сторон елочки градиенты....

    Asked by Zverushka,

    0 votes
    6 answers

  19. DIV конструкция с треугольником на CSS3

    Здравствуйте. Создал на CSS3 небольшую конструкцию: http://jsfiddle.net/R6ynT/ Линия 100%, под ней два блока пл 50% и у одного из них прилеплен треугольник через псевдотэг. В FireFox отображается хорошо, а вот в Chrome и Opera - по-разному. В Chrome треугольник сдвигается на пиксель вверх. В Opera появляется просвет между треугольником и левым блоком. Подскажите, пожалуйста, можно ли решить эту задачу кроссплатформенно? Заранее благодраю за подсказки.

    Asked by DarkTranquillity,

    0 votes
    2 answers

  20. Яндекс карта и ругань валидатора

    На символ & в скрипте от яндекс карты - ругается валидатор. Это можно каким-то образом исправить, чтобы все стало валидным?

    Asked by Zverushka,

    0 votes
    5 answers

  21. Не работает комбинация :last-child:hover

    Может быть вопрос глупый,но почему данная комбинация не работает в контексте: http://cssdesk.com/RWWkk (наведите мышку на картинку - выпадет меню,я хочу чтобы последний пункт этого меню был красным при наведении) .info-block ul li:last-child:hover { background:red; }

    Asked by Temik2704,

    0 votes
    2 answers

  22. Хелп Не могу решить задачу ))

    Добрый день всем , подскажите пожалуйста , целый день ломаю голову и ничего не получалается , суть проблемы: http://my.jetscreenshot.com/19320/20131023-4ln5-42kb есть два списка , первый это список с картинкой , второй список ниже с названием , при наведении на название выделяется область ссылки , и красится в красный цвет. 1.Как сделать чтобы при наведении на название красилось еще и в красный цвет рамка сверху списка картинки. 2.как сделать чтобы при наведении убиралась прозрачность и появлялся просто красный цвет (прозрачности добился с помощь opacity) спасибо! 3.текст я поместил в спан , не могу добиться того чтобы он ушел на пару пикселей ниже , а если пытаюсь сдвину…

    Asked by yogg,

    0 votes
    2 answers

  23. Не появляется блок при заданном hover и display:block

    http://cssdesk.com/3VM5m Хочу сделать так чтобы при наведении на блок logo (картинка) появлялся блок info-block. Задавал info-block: display:none и .logo a:hover .info-block { display:block; } Но ожидаемого эффекта не получил. В чем проблема?

    Asked by Temik2704,

    0 votes
    2 answers

  24. Исчезает выпадающее меню в Опере

    Доброго времени суток! Возникла такая проблема с выпадающими пунктами меню на css в браузере Опера: после посещения этих пунктов, они теряют свое оформление, приписанное в css, и обесцвечиваются. Наглядный пример: вот так выглядит нормальный, еще не посещенный пункт подменю а вот так подпункты начинают выглядеть если по ним кликнуть: т.е. пункты 2 и 4 стали белого цвета, а первый виден при наведении благодаря фону, ито со слетевшим оформлением. код всего этого следующий: http://jsfiddle.net/uRe4z/2/ даже там проблема становиться видна, если произвести клики. Помогите разобраться с этой проблемой, пожалуйста. подозреваю, что для Оперы не хватает какого нибудь костыля, но…

    Asked by Vasler,

    0 votes
    0 answers

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

    Добрый день, изучаю весь этот огород сравнительно не так давно и столкнулась вот с какой проблемой: при создании кнопки использовала следующий текст: <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

  • Обсуждения

    • 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