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. Расстояние между рисунком и div-ом только на строгом Doctype.

    Здравствуйте. Есть полностью валидный html-код: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Между рисунком и div-ом есть расстояние</title> <style type="text/css"> html,body { margin:0px; padding:0px; min-width:930px; width:100%; height:100%; } </style> </head> <body> <div style="width:183px;"> <img src="1.gif" style="width:183px;height:20px;" alt=""/> <div style="background-color:red;widt…

    Asked by maasja,

    0 votes
    4 answers

  2. помощь с jquery

    решил создать сайт с биографическим содержанием. Нашел плагин jquery "Circular Content Carousel". Итак, мне нужно, чтобы эти блоки умели передвигаться как в плагине "jquery elastislide" ну и наконец - панель управления(или "админка"), чтоб можно было создавать, редактировать описания этих животных, вставлять картинки и т.п. ну в общем все как у людей. А так, без админки можно только вручную в кодах вставлять описания и самому кидать изображения в папку images,потом на них ссылки писать и т.п- это, знаете ли, требует много сил и нервов. p.s на самом деле, я хочу таким образом выкладывать биографии людей, а не этих зверюшек) help me obi van kenobi!

    Asked by qeemiho,

    0 votes
    2 answers

  3. <div>

    Какие значения для <div> необходимо задать, чтобы он вытягивался по отношению его содержимого.

    Asked by penchukov,

    0 votes
    6 answers

  4. Помогите правильно вписать блоки

    Приветствую. Помогите пожалуйста разобраться! Дело в том что, если в ниже приведенном коде, убрать параметр "height" из блока "top", то сам блок куда то убегает (попробуйте для наглядности), хотя в него вписаны еще два блока. Если убрать параметр "float" в блоках, вписанных в блок "top" то все нормально, но обтекание мне очень нужно. Вопрос: Как сделать так чтобы блок "top" выравнивался по высоте, пропорционально вписанному в него контенту? А если проще, как исправить вышеупомянутый косяк? Желательно средствами CSS, так как JS не знаю вообще. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <he…

    Asked by persssik,

    0 votes
    2 answers

  5. Сложная таблица без вложений

    Здравствуйте! Уже второй день пытаюсь сделать таблицу без вложений, но получается ерунда. В принципе не новичек, но с таблицами что-то туговато. Хочу получить такую таблицу Если знаете, напишите пожалуйста код. Буду премного благодарен))

    Asked by srs6270,

    0 votes
    7 answers

  6. Баг сафари ?

    Привет. Вычитал в гуглах как убрать отступы при использовании inline-block, но сафари вер. 5.1.1 упорно не хочет этого понимать. Даже 7й ослик прекрасно это хавает http://jsfiddle.net/QutPn/2/ Как победить ?

    Asked by lolka84,

    0 votes
    6 answers

  7. display: table и содержимое смежных "ячеек"

    Здравствуйте. Решил попробовать свойство display: table, но столкнулся с проблемой. Допустим, имеется таблица в две колонки. Если для одной из колонок указать padding-top, то содержимое обеих колонок будет сдвигаться вниз на заданную величину. То же самое происходит, если на первом месте в одной из колонок содержится элемент с положительным значением padding-top или margin-top: содержимое обеих колонок смещается вниз. Такое поведение не устраивает, потому что в левую колонку хочется поместить меню, прижатое к верхней границе колонки, а в правую - содержимое с отступом от верхней границы. css: body { padding: 0; margin: 0; } div.table { display: table; margin: 0 auto…

    Asked by hedgehog,

    0 votes
    10 answers

  8. Inline-block

    Привет. http://jsfiddle.net/6GbSf/3/ Как сделать, что б блоки выравнивались "по-верху" ? Заранее благодарю! Отбой, оказывается vertical-align:top; тут прекрасно работает

    Asked by lolka84,

    0 votes
    0 answers

  9. Opera next + embed + f5 = crush

    Доброго времени суток. Есть проблемка небольшая. http://beavers-net.narod.ru/crush_f5.html Код простой, валидацию проходил - только реклама янды осталась. <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title> f5 - crush prinmer </title> </head> <body style="background: #242; margin: 0 auto; padding:10px ; text-align: center;"> <p> <object data="psme_shindai.mp3"> </object> </p> &…

    Asked by tt48,

    0 votes
    0 answers

  10. Как правильно подбирать шрифт?

    Подскажите как правильно подбирать шрифт при верстке?

    Asked by Sergey410,

    0 votes
    1 answer

  11. Вёрстка для КПК / PDA

    Всем привет. Есть кучка вопросов возможно будут ещё. 1. Какой DOCTYPE выбрать для пда режима? 2. Как вравильно подобрать ширину экрана для телефона? Поставить ширину 100% или поставить фиксированую ширину с максимальной и минимальной шириной? 3. Лучше использовать таблицы или дивы? 4. Как сделать чтоб дизайн адаптировался под размер экрана телефона или монитора? Думаю пока всё, заранее спасибо

    Asked by fullzero,

    0 votes
    3 answers

  12. Маленький вопрос

    Где то слышал или видел что размер элемента можно задавать символом * , тогда элемент займет оставшуюся часть родителя. Как правильно это сделать ? И еще... Как между элементами со свойством display:inline-block убрать отступ(слева и справа)?

    Asked by fragilewelldone,

    0 votes
    1 answer

  13. Очень простой вопрос

    Это кажется само собой разумеющимся, что у фото-галерей да и других фоток есть маленькие дубликаты thumbs. (превьюшки). И я их тоже использую. Но воспрос все же остается. Зачем их используют? Только для того, чтобы уменьшить размер сайта при загрузке? В сети натыкался только на то, как их сделать, а на вопрос "для чего?" ответа нигде не было. Подскажите, пожалуйста.

    Asked by oke11o,

    0 votes
    4 answers

  14. Нестандартный шрифт, кириллица

    Всем привет. Подключаю шрифт, все ок, на англ. раскладке все подхватывается, на русской раскладке нечего не изменяется, стандарнтый Arial. В чем может быть проблема ?

    Asked by lolka84,

    0 votes
    7 answers

  15. html + css в разных браузерах

    День добрый. Создал таблицу на сайте http://www.pelekan.ru/main/City_adventures_in_Moscow, http://jsfiddle.net/LFXyj/ Проблема в том, нормально отображается только в firefox, в opera и chrom таблица не вся цветастая, а в IE вообще ужас. Как решить проблему, что нужно добавить?

    Asked by kom-pik,

    0 votes
    6 answers

  16. ie7 несколько багов

    1. Есть меню построенное на списко-ссылках, обычное кароче, но ие7 некоректно отображает повторяемый по иксу ховер, немогу разобраться, я еще только учусь . 2. И второй, это минимальная высота у дива с повторяющимся фоном, я нашел фикс, прописал, но он почему-то не работает, на страницах типа галереи или новостей... может подскажет кто, где косяки... вот здесь

    Asked by resoursa,

    0 votes
    3 answers

  17. Помогите обуздать эксплоер

    В очередной раз сталкиваюсь с проблемой отображения сайта в гребаном эксплоере. В ФФ и Сафарике все тип-топ, ну а этим аристократам IE не иметься, а наплевать на них никак нельзя. Вот на этом сайте http://novosib.su/ правый сайдбар уходит вправо по отношению к хедеру. Новостной блок отображается также коряво. Вся проблема в центральном блоке, где выводятся категории каталога и поисковая форма, потому что простые страницы с простым текстом или таблицами показываются так как надо. В чем тут соль? Уже пару дней голову ломаю, как подлечить эту проблему. Если есть возможность подскажите!

    Asked by Sanadam,

    0 votes
    1 answer

  18. overflow: hidden и z-index

    У меня есть внешний div, который формирует белый фон для контента страницы, у которого было свойство overflow: hidden; Вокруг него лежит текстурный background страницы. Логотип я разместил в headerе, который был внутри указанного дива с overflow: hidden;. Попытался поднять лого с помощью position:relative и top: -100px, чтобы он оказался выше дива на текстурном фоне. Применял z-index и position подходящие для внешнего дива, чтобы лого вышло наверх, но пока не убрал overflow: hidden лого вверх не прошло. Выходит overflow: hidden; главнее z-index? Вот чего надо было добиться: Это так и делается обычно, с помощью position:relative и top: -100px?

    Asked by borus,

    0 votes
    7 answers

  19. Страница на базе 960gs - в IE6-8 не обображается полность.

    Проблема такая - сверстал на базе 960gs страницу dvorec-online.ru/test2 В IE9, FF, Opera, Safari все ок, а вот в более ранних IE грузится только полстраницы (аккурат после баннера ничего нет) W3C серьезного криминала как я понял не находит. <!DOCTYPE HTML>. Грешил на удваивание margin старыми IE (должно лечиться float:left - ноль реакции). Сам 960gs никак не модифицировал. В какую сторону еще посмотреть? Заранее спасибо.

    Asked by antandr,

    0 votes
    2 answers

  20. Экстра разметка

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

    Asked by Svatov,

    0 votes
    1 answer

  21. Меню верстать одной картинкой или двумя?

    Скажите, как верстать верхнюю строку меню, содержащую и ссылки и поиск? Вырезать их как одну картинку? или отнести ссылки к контенту, а поиск в правую колонку? http://files.mail.ru/6QVOTL?t=1

    Asked by borus,

    0 votes
    7 answers

  22. Фон и подвал внизу страницы

    Ребят, не могу разобраться, возможно ли мне тут: http://exphp.tmc-center.ru сделать фон (справа внизу) как задумывалось? Помогите, пожалуйста

    Asked by Nikoole,

    0 votes
    3 answers

  23. Реализация формы заказа

    Всем привет За пару дней нарисовал и сверстал сайт с помощью гугла и этого сайта... Хочу сделать вместо простого прайса хорошую форму заказа с отправкой на емей. Цель : Клиент выбирает нужные пункты по типу <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> далее форма для комментария и контактов... с последующей отправкой этих данных на указанный емей. и тут смотрел и в гугле искал ничего полезного не нашел мб не так задаю параметры поиска не понятно. нашел пример http://www.gameshelper.net/prokachka-personazha-world-warcraft внизу находится html css и.т.п изучаю пару дней сильно не пинать

    Asked by Gin21,

    0 votes
    4 answers

  24. Есть трабл в вёрстке

    Сама вёрстка здесь _bio-logiya.ru Когда заходишь под оперой, то сайт какбы padding-top: 100px; Если обновить, то вернётся на своё прежнее положение. Тоже самое происходит если открыть ссылку с помощью колёсика, тоесть страницу в новой вкладке. В чем может быть проблемы?

    Asked by bayanruby2,

    0 votes
    7 answers

  25. Как "развернуть" сайт на localhost

    Здравствуйте, все! Хочу с сайтом работать локально. Сделал на серваке архивы, скачал их, разархивировал сайт в папку www, импортировал базу данных, перезапустил локальный сервер, но выводится ошибка связи с базой. Что я не доделал? Спасибо.

    Asked by LuxCore,

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