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. Наложение тени

    Есть вот такой код, создающий меню. При щелчке по плиткам открывается подменю, выделяется зелёным фоном. http://jsfiddle.net/zsNbf/ Пока не получается у меня, чтобы зелёный фон проходил слитно перед тенью. Если добавить z-index: -1, то пункты меню становятся недоступны. В общем, прошу подсказки, чтобы тень закрыть, сам что-то упускаю.

    Asked by Vlad,

    0 votes
    6 answers

  2. Проблема с текстом при повороте блока

    Возникла проблема при отображении текста внутри блока (Firefox 17). Поворот реализовал свойством transform:rotate. Текст ужасен и не читаем. Хотя в ИЕ 9 все круто. Подскажите, как исправить? Зранее спасибо! Сайт: http://mirolan.net - настройка локальной сети, администрирование серверов, киев

    Asked by MrRoutman,

    0 votes
    2 answers

  3. Как сделать обтекание картинки текстом и победить перенос строки вниз?

    Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'­',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.

    Asked by TrogWar,

    0 votes
    5 answers

  4. Поле для поиска

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

    Asked by IUaD,

    0 votes
    4 answers

  5. Отображение ширины - простой вопрос :)

    Добрый день. Начал изучать CSS столкнулся с проблемой, вопрос наверняка очень простой, но я уже все облазил найти не могу. Я задал блок <div> с идентификатором, в style.css ему прописываю конкретную ширину, но она неправильно отображается в бразуерах - в firefox вообще почти на всю страницу, в opera чуть меньше но тоже не 800px, везде по разному В общем. Притом что там вообще больше элементов нет, подскажите пожалуйста что я пропустил? Код html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset…

    Asked by Olks,

    0 votes
    2 answers

  6. Ну очень нубский вопрос

    Даже стыдно спрашивать, но никак не могу понять. Такой вот тривиальный пример. <div class="main"> <div class="block"></div> </div> body { margin: 0; padding: 0; } .main{ width: 400px; height: 400px; background-color: #272822; } .block{ background-color: #982722; width: 100px; height: 100px; margin: 40px; } почему в данном случае margin-left отображается корректно, а margin-top как бы вылазит и отодвигает родительский блок от области просмотра?

    Asked by manut,

    0 votes
    1 answer

  7. Проблемы с прозрачностю

    Здравствуйте. У меня вот такой вопрос. При создании блока с черным фоном и изображением внутри, применяются стили css для прозрачности фона, но вместе с фоном прозрачным стает и изображение, как добиться того чтоб изображение не было прозрачным. код HTML <div id="test"> <img src="img/img.gif" width="117" alt="img"> </div> код CSS <style> #test { background-color:#000; opacity: 0.5; } </style>

    Asked by prudcky,

    0 votes
    1 answer

  8. Double border

    Приветствую всех! Подскажите пожалуйста, необходимо сделать выдавленный div, для этого необходимо сделать двойной border. Написал border-top: solid 1px #fff; outline: solid 1px #888; Все работает, только в Опере outline просвечивает через все слои лежащие поверх этого div. Есть ли иной вариант создания двойного border?

    Asked by darlov,

    0 votes
    4 answers

  9. Как задать тень вокруг текста ссылки?

    http://hostingkartinok.com/show-image.php?id=1531b1855ae14fa1fcb94bb2863129c6 Здесь то, что я получаю,добавляя тень к ссылке. А мне нужно,чтобы тень добавлялась непосредственно к тексту,а не выводилась в виде рамки вокруг ссылки. Такое возможно осуществить? Подскажите,пожалуйста. Мой код: ul.menu{ margin:20px 35px; padding:4px;} .menu li{display:inline; margin-right:30px; padding:4px; list-style:none;} .menu li a{text-decoration:none; font-family: 'Lobster', cursive;font-size:28px; font-weight:200; color:#FFFFFF; box-shadow:0 0 8px 0px #9B0000; -moz-box-shadow:0 0 8px 0px #9B0000; -o-box-shadow:3 5 6px #9B0000; -webkit-box-shadow:3 5 6px #9B0000; -ms-box-shadow:3 5 6px …

    Asked by eleonore,

    0 votes
    2 answers

  10. Фреймы

    Доброго времени суток всем! Я очень часто встречаю на сайтах фреймы но тут я вычитал что это не популярно и фреймы лучше не использовать из за их недостатков. Как на ваш взгляд фреймы стоит использовать или их лучше избегать?

    Asked by IUaD,

    0 votes
    4 answers

  11. Изображение на заднем плане, которые будут исчезать на маленьком разрешении.

    Есть вот такой макет сайта была ссылка на файлообменник Проблема возникает с баскетболистами. Вроде как они на заднем плане, а вроде как и должны быть прикреплены к краям сайта. Напрашиваются само собой 2 решения. 1. Сделать спортсменов фоном, который будет меняться в зависимости от окна браузера. Но тогда на маленьком разрешении экрана, спортсмены оказываются под сайтом. При экране с соотношением сторон 1*1, всё тоже отображается не очень корректно. 2. Прикрепить спортсменов к телу сайта. Но тогда сайт начинает отображаться начиная с левого спортсмена(а хотелось, чтобы в таких случаях он не отображался и снизу появляется полоса горизонтальной прокртуки. Вот эти 2 вариант…

    Asked by All_straight,

    0 votes
    2 answers

  12. Слабонервным не смотреть

    Всем привет маялся я значится фигнейпрактиковался суть проблемки такова непоказывает заголовки и списки извеняюсь за ужасы в стилях сам уже запутался вот ссылка : http://jsfiddle.net/KcxB9/ FF показывает все нормально )) ну это жеж ПА с подсветкой разобрался убираем таблицу и все чикер-пикер Вот вопрос: апчему непоказывает списки и заголовки ? и чего он мне подсвечвает красным закрывающие теги вконце ?

    Asked by Bobikys,

    0 votes
    7 answers

  13. Проблемы с фоном.

    Необходимо совместить грандиент и картинку в одном на фоне body. Возможно ли это? И как?

    Asked by Bitaller,

    0 votes
    1 answer

  14. Полдскажите хорошие и правильные книги по (x)html, css, javascript, php, ajax

    Здравствуйте. Вопрос к мастерам с хорошим опытом. Какие книги вы читали чтобы поднять свой уровень в web-разработке. Предисловие: я программист, по профеcсии работаю достаточно давно, программирую под различные СУБД на win32, хорошо знаю ООП, немного читал о паттернах проектирования, неплохо разбираюсь в синтаксисе html, css, javascript, php. Теперь решил досконально изучить web-разработку. По этой теме достаточно много книг, но очень много реально противопоказано читать, сейчас во время web-стандартов и div разметки, читать о старых приемах с таблицами и даже без намека на существование стандартов страшно и очень неправельно. Хороших книг как я понял мало. Вот и появился…

    Asked by relax,

    0 votes
    9 answers

  15. Горизонтальный список!

    Нужен горизонтальный список для меню.Без маркеров.Каждый элемент этого списка будет содержать ссылку на раздел. css такой ul.menu{ margin:0; padding:4px;} .menu li{display:inline; margin-right:5px;padding:4px; list-style:none;} .menu li a{ text-decoration:none} HTML такой <ul class="menu"> <li><a href="">На Главную</li> <li><a href="">Новости</li> <li><a href="">Галлерея</li> <li><a href="">Фото</li> <li><a href="">Видео</li> </ul> Бьюсь весь день,меняю значения,display,float, но список упрямо отображается вертикально и с маркерами.Сил моих больше нет, пожалуйста,помогит…

    Asked by eleonore,

    0 votes
    2 answers

  16. Вёрстка вывода пользователей в категориях...

    Здравствуйте. Я занимаюсь своим проектом уже давно. На данный момент осталось не много. Сейчас загвоздка с выводом пользователей в категориях меню. Сейчас это выглядит так: http://neveste.by/category/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80%D1%8B/ А я хочу сделать, что бы это выглядело так: , не считая красной рамки. Её я буду делать позже. Подскажите пожалуйста, как мне это сделать ?

    Asked by jazzcool,

    0 votes
    4 answers

  17. html lang="ru"

    Ранее использовал в своих шаблонах следующие строчки ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> и тд Теперь решил перейти на HTML5 и пока не нашел информации о том есть ли изменения в указаниях языка сайта <!DOCTYPE HTML> <html lang="ru" - ??> <head> Подскажите наиболее корректный вариант.

    Asked by cmndr_alexgreen,

    0 votes
    3 answers

  18. Вертикальное перемещение блоков

    Всем доброго времени суток! Есть следующая задумка, переместить блоки по вертикали. Вот краткий пример, как должен вывести браузер пользователю: <div id="wrapper"> <div id="1"></div> <div id="2"></div> <div id="3"></div> <div id="4"></div> <div id="5"></div> </div> <div id="footer"></div> и как хотелось бы, чтобы его видели роботы: <div id="wrapper"> <div id="5"></div> <div id="3"></div> <div id="2"></div> <div id="4"></div> <div id="1"></div> </div> <div id="footer"></div> при этом высота всех блоко…

    Asked by krum,

    0 votes
    0 answers

  19. высота строки и вертикальное выравнивание текста в ней

    Всем привет. А можно ли сделать такой финт ушами: высота строки 100px; размер шрифта 20px и текст в строке выровнен по верхней границе строки? Спасибо. ps: можно, конечно, наворотить корректор положения на JS, но хотелось бы более изящного решения.

    Asked by toxarbk,

    0 votes
    7 answers

  20. UTF-8

    Здравствуйте, вопрос покажется всем глупым: почему когда я делаю кодировку utf-8 браузер не распознает мои слова на русском, нужно или менять кодировку на windows-1251 или в utf-8 писать на англ языке, чтобы все было нормально. Просто я заметил что все пишут на кодировке utf-8.Заранее спасибо за ответ.

    Asked by IUaD,

    0 votes
    4 answers

  21. js-эффект

    помогите пожалуйста отремонтировать js-эффект этого выпадающего меню проблема в том, что при наведении курсора оно разворачивается и тут же сворачивается. а должно разворачиваться при наведении и сворачиваться при отведении курсора

    Asked by cyklop77,

    0 votes
    9 answers

  22. отменить вывод подсказки

    подскажите пожалуйста способ, которым можно отменить вывод подсказки title="" при наведении курсора на ссылку e.preventDefault() не срабатывает, удалять/перезаписывать атрибуты title скриптом или ручками не вариант

    Asked by cyklop77,

    0 votes
    4 answers

  23. Выравнивание пунктов меню

    Подскажите, пожалуйста как сделать чтобы слева,справа и между пунктами было одинаковое расстояние. У меня не выходит чтобы справа от пункта FAQ было столько же сколько в начале меню. Или здесь без списка ul,li не обойтись? ссылка на проблему http://troshka.hut4.ru/ (смотреть только на зеленое меню, остальное просто накинул) И еще вопрос, как сделать тень как в примере решения здесь(от зеленого меню сверху и снизу темная полоска) http://divhack.com/downloads/study/3/html/ Только выполено как фон картинкой, а я хотел сделать тенью (ведь это более современный вариант верстки?) Думал наложу 2 тени сверху и снизу для для <nav> , но безрезультатно.

    Asked by ВикторТрошка,

    0 votes
    4 answers

  24. list-style не наследуется

    А тут пишут, что наследуется... http://htmlbook.ru/css/list-style Тут вообще маркеров нету по умолчанию http://jsfiddle.net/jKedb/ С ума сойти, ну... Ладно, прописываю у себя в боди list-style: none; <ul id="ololosh"> <li>1</li> <li> <ul> <li>111</li> <li>222</li> </ul> </li> <li>3</li> </ul> Маркеры есть для обоих списков!!! Прописываю #ololosh { list-style: none; } Для внешнего <ul> они пропали, а для внутреннего остались. Получается, не наследуется он...

    Asked by Evkaky,

    0 votes
    5 answers

  25. Флешь прикрытие

    Приветствую мои друзья. Я не силен в CSS вот и обращаюсь. Возьмем к примеру большой флешь объект размером - 920х635. Он стоит ровно по середине. При изменении размера экрана бразузера он все-ровно стоит по середине. В этом флешь файле мне нужно закрыть (прикрыть) часть самого этого файла. Я пытался закрыть картинкой размером 387х159, у меня получилось. Закрывал с помощью тега <div id="apDiv2"></div> вот с таким css стилем #apDiv2 { position: absolute; left: 53%; top: 1666px; width: 387px; height: 159px; z-index: 1; background-color: #FFF; background-image: url(../_img/sf_ban.png); }. Но есть небольшая проблема для меня. По вертикали проблем пока врод…

    Asked by Favorskij,

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