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. отрицательный margin растягивает родителя

    Здравствуйте. Возникла проблемка. <div> <h3> <span> У div фиксированные размеры. У span тоже(он display: block). При этом по задумке span должен на 50% вылезать за пределы div. Но задавая ему отрицательый margin-top я получаю то, что div начинает ползти вверх за span'ом. Вижу такое впервые, откровенно говоря, по идее он должен за границу вылезти Конечно, решить проблему можно через display:relative+ top, но интересно, что с маргином

    Asked by USF,

    0 votes
    6 answers

  2. Что это такое?

    Здравствуйте. Делаю сайт на html5, скачал шаблон, переделал его, но в шаблоне была такая штука как при наведении курсора поле в котором рсположен текст или картинка подсвечивается серым цветом. Хотелось бы это убрать, но не могу понять где лежит этот код. Подскажите пожалуйста какую часть кода необходимо удалить? Сайт: http://www.gruzoperevozki-gatchina.ru/ Спасибо.

    Asked by q3dm4pro,

    0 votes
    6 answers

  3. Горизонтальная прокрутка 1024px

    Часто дизайнер делает дизайн шириной 1024px. Как быть с горизонтальной прокруткой, которая может появится при разрешении 1024х600 или 1024х768. - Делать меньше врапер - как бы нарушается уже дизайн; - overflow-x:hidden для <body> - предполагаю, что это в корень неправильно. Есть ли где нибудь информация по этому поводу, это промахи дизайнера или все на самом деле просто?

    Asked by gritsyuk,

    0 votes
    6 answers

  4. Непонятки с bullet

    Подскажите новичку. Имеется bullet на макете: http://savepic.su/2315570.htm И картинка слоев: http://savepic.su/2309426.htm Отключаю все слои, кроме указанного (Alt+ЛКМ): http://savepic.su/2358581.htm И вижу такую картину: http://savepic.su/2350389.htm Почему bullet становится синим? Мне совсем непонятно...

    Asked by aaron,

    0 votes
    6 answers

  5. зазор между строками

    объясните пожалуйста с чем связано появление однопиксельного зазора(зелёный цвет) между строками в пределах .s1 на странице в последней версии FF

    Asked by cyklop77,

    0 votes
    6 answers

  6. Можно ли выучить стандарты w3c не зная английского

    Здравствуйте меня интересует вопрос можно ли выучить стандарты w3c не зная английского(пользуясь переводчиком в google chrome)??? Если да то за какое время это реально сделать??(примерно)

    Asked by LXVDXXXVI,

    0 votes
    6 answers

  7. Wap сайт

    Есть сайт на PHP хочу чтоб он был доступен с мобильных телефонов и смартфонов, надо делать Wap сайт? Или посоветуйте что лучше сделать. И как сделать перенаправления по разрешениям дисплеев.

    Asked by Mixalko,

    0 votes
    6 answers

  8. Пути добавления

    У меня есть файл style.css который находится в папке CSS, также есть папка EXAMPLE(она также как и папка CSS находится в корне) а в ней папка OTHER а в этой папке файл clone.html. Так вот вопрос: какой путь нужно прописать от файла clone.html к файлу style.css что бы таблица заработала?

    Asked by lobanov_kirill_,

    0 votes
    6 answers

  9. Изменение размера блока от контента

    Доброго времени суток, форумчане! Возник вопрос. У меня в вёрстке при сжатии окна браузера строки статуса и нахождения в онлайне переносятся на следующую строку. Как сделать так чтобы серая полоса, в которой это всё находиться увеличивалась по занимаемому элементами объёму и надписи не налезали друг на друга. Вот скрины и архив с файлами: http://zalil.ru/33707225

    Asked by Dimcore,

    0 votes
    6 answers

  10. Загадочная конструкция в CSS

    Друзья, я тут столкнулся с такой конструкцией в CSS: table [class*=span] {float:none;} Может, кто знает, что это такое?

    Asked by solovets-denis,

    0 votes
    6 answers

  11. проблема с двумя блоками css

    есть вот такая страничка написанная на html javascript и css. Вопрос следующий Текст, который выделен в кружке на картинке, не получается вставить на один уровень с видео. Что-то с блоками в style.css но вот как решить проблему не пойму часть кода из main.html: <section id="content"> <div class="container_12"> <article class="a1 border-bot extra-wrap"> <center><iframe width="640" height="480" src="http://www.youtube.com/embed/0FgKQdc96k4" frameborder="0" allowfullscreen></iframe></center></br> <article class="a1 border-bot2 extra-wrap"> <strong>Right Sidebar:</strong> Inte…

    Asked by 123456789igor,

    0 votes
    6 answers

  12. Ползунок во фреймах

    Как убрать ползунок во фрейме, но чтобы оставалась возможность прокручивать вниз то, что не влезает?

    Asked by Mr_ILYAS,

    0 votes
    6 answers

  13. нужна помощь

    мне нужно что бы при наведении на картинку на пример слева появлялась ещё одна

    Asked by xenux58,

    0 votes
    6 answers

  14. Мне надо чтобы подвал прилипал к низу страницы

    Всем привет! Я бы нашел это сам через поиск, но к сожалению не знаю как это правильно написать Вообщим мне нужно сделать чтобы подвал прилипал к низу страницы когда контента на странице мало. Сейчас подвал висит посеридине страницы, и это смотрится ужастно... Сам я дизайнер, и в верстке не особо, но строчки в код вставлять умею) Не понимаю... это сложно делается что ли... встречал мало верстальщиков которые бы липили футер к низу страницы (( В общим я прошу помощи!

    Asked by stik,

    0 votes
    6 answers

  15. Вывод списка друзей, как в вконтакте

    Всем добрый день. Думаю из названия понятно, что требуется: <div class="friend"> <div class="avatar_mini"> ..... </div> <div class="first_and_last_name"> ..... </div> <div class="friend_menu"> ..... </div> </div> И вот в таком виде должна выводится информация о пользователях. Ковыряние CSS из вконтактика ни к чему хорошему не привело, как только эти дивы не прыгали по странице, но так как нужно не ставятся. Кто что посоветует?

    Asked by helcoder,

    0 votes
    6 answers

  16. Вордовский файл открывается по-разному...

    Вот ссылка: quick-line.biz/info.html Там есть ссылки на 8-мь вордовских файлов. Проблема: В IE они криво скачиваются, почему-то в zip формате, и вообще не то что нужно.

    Asked by Viktorius,

    0 votes
    6 answers

  17. Кроссбраузерная вёрстка(Ios safari...)

    Имеется сайт http://epicforever.ru/ Вверху 2 дива, собственно новости и новые песни. При открытии их на айфоне\айпэде, в левом диве некоторые строки переносятся на 2 строки, высота дива увеличивается... Как сделать, чтобы такого не происходило? nowrap не предлагать) c min-width экспериментировать пробовал, тоже не помогло.. мб что то не так делал. Зарнее спасибо)

    Asked by Briss,

    0 votes
    6 answers

  18. Помогите сверстать

    Добрый день, есть шаблон http://freepsdfiles.net/download?id=2393. Подскажите пожалуйста как сверстать основной фон, которые клетчатый. Спасибо

    Asked by VictorioIP,

    0 votes
    6 answers

  19. Активная ссылка

    Как мне сделать так чтобы помечалась та ссылка(в навигации) в зависимости от страницы на которой я нахожусь.

    Asked by lobanov_kirill_,

    0 votes
    6 answers

  20. нужна помощь в создании меню

    нужна менюшка как на http://ru.wowhead.com/ этом сайте

    Asked by xenux58,

    0 votes
    6 answers

  21. Замена цвета областей картинки при наведении мыши

    Всем привет, прошу помощи. Вот что есть. Есть изображение размером 175Х251 Необходимо, чтобы при наведении на определенную область изображения ( всего областей 6) - эта область изменяла цвет. для этого под каждую область сделана своя картинка. На картинку наложен параметр "map" чтобы сделать каждый отдельный объект ссылкой Вот как примерно должно выглядеть: http://content.foto.mail.ru/bk/eltuicia/_answers/i-2090.jpg Как реализовать? Спасибо! Делал по аналогии с примеров имеющимся здесь же не сайте http://kottedzhi-v-finlyandii.ru/map/tesrt.html Работает, но как сделать, чтоб работало для нескольких картинок (областей)?

    Asked by zorky,

    0 votes
    6 answers

  22. Плавное изменение цвета

    Всем привет! Такой вопрос: необходимо, чтобы цвет ссылки плавно менялся на другой, как, например, здесь, как это сделать?

    Asked by dvijok,

    0 votes
    6 answers

  23. Скрипт чат

    Нужно сделать так чтобы когда сообщение по нажатию на кнопку отправить было видно сразу пользователям о том что, что то написали без перезагрузки страницы (И по возможности чтобы было звуковое увидомление) - Чтобы было понятней - например как в контакте Подскажите как это сделать пожалуйста, может есть готовый скрипт

    Asked by paseonru,

    0 votes
    6 answers

  24. Растянутый контент до футера.

    В общем, суть такая. Есть страница, футер прибит к низу, тело сайта растянуто до низа. А теперь как сделать, чтобы блокн внутри сайта id="content" тоже был растянут до конца сайта? Если присвоить min-height: 100%, то появляется полоса прокрутки и сайт делается длиньше высоты разрешения экрана. <div id="main"> <div id="header"></div> <div id="content"><h2> Тело сайта</h1></div> <div id="rbar"><h3> Меню:</h1></div> </div> <div id="footer">Made by ShadowScale</div> Ксс такой: html, body {height: 100%; width: 100%;} #main { width: 1000px; border:5px solid #96bbae; border-top:0px; b…

    Asked by ShadowScale,

    0 votes
    6 answers

  25. Мелкие вопросы (долгосрочный раздел)

    Здравствуйте. Вопросы: 1) сразу HTML5 или можно сначала напрактиковаться с HTML4.01 и потом быстро переучиться? как на реальных заказах - doctype html4.01 используют еще или это первый признак, что верстальщик не справиться с заказом нормально? Без знаний html5 можно сейчас верстать или уже ничтожный процент заказов? 2) после reset.css что потом для тега <body> прописывать касательно font-size? в зависимости от чего? например, если так font-size: 67.5%; тогда 1em - 10px (да?) и дальше работаем с em - это универсально? Там же куча тонкостей с этим относительными и абсолютными величинами. Везде все по-разному. Принципы какие?. Хотелось бы ссылку на статью или книгу +…

    Asked by delphi,

    0 votes
    6 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