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 с картинкой

    Есть код с изображениями. При добавлении его на страницу изображения выстраиваются вертикально, надпись над каждым изображение слева в углу. <p>JP бордо<br> <img src="http://esmagazin.ru/wa-data/public/photos/01/00/1/1.200x0.jpg" style="width: 200px; height: 200px; " alt=""> </p> <p> JP голубой<br> <img src="http://esmagazin.ru/wa-data/public/photos/02/00/2/2.200x0.jpg" style="width: 200px; height: 200px; " alt=""> </p> <p> JP зеленый<br> <img src="http://esmagazin.ru/wa-data/public/photos/03/00/3/3.200x0.jpg" style="width: 200px; height: 200px; " alt=""> </p> <p> Вот так. Но это не то что нужн…

    Asked by Владислав_82,

    0 votes
    3 answers

  2. подскажите по работе с svn

    подскажите по работе с svn чем отличаеться checkout от export ?

    Asked by asker2,

    0 votes
    3 answers

  3. Подскажите по расположению div'ов в строку

    Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> <style type="text/css"> html,body { padding:0; margin:0; height:100%; width:100%; } body { font: 14px "Arial"; } p { padding: 0; margin: 0 0 7px 0; } img { border:none; } .blockleft { text-align: left; clear: both; margin: 0 0 20px 10px; } .innerblock { float: left; border: black 1px dotted; position: relative; white-space: nowrap; text-align: center; margin: 5px 10px 5px 0; padding: 5px; } .innerblock * { position: relative; margin: 0 auto; } </style>…

    Asked by Searcher,

    0 votes
    5 answers

  4. Подскажите по свойствам шрифта

    Подскажите какие свойства нужно выставить что бы расположение текста было пиксель в пиксель. С помощью letter-spacing подогнать не удаестся, font-stretch для этого шрифта не работает, хотя при использовании PerfectPixel видно что буквы в надписи "Fishnet Chair" уже чем показывает браузер. Если в меню еще удалось почти до пискеля подогнать с помощью margin, letter-spacing и text-stroke, то что делать с "Fishnet Chair" ума не приложу... Какими свойствами еще можно воспользоваться чтобы выглядело так как на макете? Не подгонять же с помощью позиционирования в самом деле. Макет по ссылке https://drive.google.com/file/d/1D8rNpa5YPo0ukPTT1RAikhvjES35k5E0/view?usp=sharing

    Asked by AlexZaw,

    0 votes
    0 answers

  5. Подскажите по синтаксису ссылки-картинки и js

    Помогите пожалуйста правильно написать... <div id="mark"><a href="#" onclick="return addFavorite(this);"<br /><br />в закладки</a></div> вот так все работает <div id="mark"><img src="/images/icons/star.png"><a href="#" onclick="return addFavorite(this);"<br /><br />в закладки</a></img></div> вот так картинка отображается но ссылкой не становится.... подозреваю ошибка какая-то простая...Как сделать чтобы картинка ссылка выдавала это событие? спасибо

    Asked by planetaryi,

    0 votes
    2 answers

  6. Подскажите по стилям для media print

    Здравствуйте. Подскажите пожалуйста в чём у меня ошибка? Есть необходимость распечатывать одну html. Для неё созданы два файла стилей, для экрана и для принтера. При печати на синем фоне должны быть белые бук вы. На экране буквы отображаются правильным цветом. При предварительном просмотре печати буквы уже чёрные и на бумаге такие-же. В стилях для печати уже прописал цвет во всех местах где надо и не надо, но это ничего не меняет. Где я ошибся не пойму. Вот листинг HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Печать наклеек</title> <link med…

    Asked by MeTaN,

    0 votes
    2 answers

  7. Подскажите по табличной вёрстке

    Всем здравствуйте! Я хотел бы сделать чередующуюся вёрстку, где разделы бы шли некоторые на всю ширину браузера, некоторые в два Например: (названия взяты с "потолка") горячие блюда кондитерка быт.техника для кухни. ремонт техники тесто общ.правила сдобное. для пиццы приправы мясо в духовке. мясные рулеты В общем как-то так для примера, и я хотел бы это сделать средствами CSS в табличной верстке. Понятно, что делать это я буду делать сам, просто никогда этого не делал, и прошу дать какие-то первоначальные "намётки",даль…

    Asked by upriamui,

    0 votes
    2 answers

  8. Подскажите пожалуйста

    Подскажите пожалуйста, как сделать вот так как здесь http://htmlbook.ru/content/ ? Тоесть такой список, что например кликаешь по "Основы HTML" и открываеться список "Структура документа, Структура файлов и так далее"?

    Asked by Cyrax,

    0 votes
    11 answers

  9. Подскажите пожалуйста

    Подскажите пожалуйста можно ли сделать простейшую гостевую только с помощью HTML? ни поиск по сайту, ни гугл не помогли

    Asked by klauz,

    0 votes
    17 answers

  10. Подскажите пожалуйста

    Приветствую всех! По сути: Столкнулся с давно описанной проблемой, а именно - расстоянием от маркера(маркир. списка) до текста. Вот здесь, в Рецептах показан доходчивый и надёжный способ (li {padding-left: 20px;}),но в моём случае он почему-то не работает...в FF нормально,в IE, Opera не работает. Вот участок CSS: li { padding-left: 20px; list-style-image: url(images/li.gif); list-style-position:inside; } li:hover {list-style-image: url(images/li-hover.gif); } Очень интересно, почему это не работает,может у меня где-то ошибка? Посмотреть как именно не работает

    Asked by bravada j,

    0 votes
    9 answers

  11. Подскажите пожалуйста

    У меня есть header middle и footer так вот в middle мне нужно создать 3 блока, которые тянулись бы по высоте но при етом у меня есть и background-image вложеный в етот блок, если я не задаю высоту етого блока а указую только ширину то при етом только в 1ом блоке мой background-image который находится в нем полностью отобразился а в остальных двух он обрезаный подскажите что нужно сделать чтобы и background-image было ввесь видно и сам блок тянулся на задавая ему параметр height

    Asked by Romario1985,

    0 votes
    2 answers

  12. подскажите пожалуйста

    подскажите плиз как в CSS правильно записывать идентификаторы друг за другом чтобы им можно было присваивать одинаковые свойства а ни писать еще раз тот же идентификатор и копировать с предыдущего #vert-menu4 { margin-top:2px; margin-left:6px; background-image:url(img/sidebarssulka.png); background-repeat:no-repeat; text-align:center; } #vert-menu5{ margin-top:2px; margin-left:6px; background-image:url(img/sidebarssulka.png); background-repeat:no-repeat; text-align:center; } вот чтобы без такого повторения

    Asked by Romario1985,

    0 votes
    3 answers

  13. подскажите пожалуйста

    Добрый вечер. Хотел сделать футер на сайте - чтобы он был всегда внизу не зависимо не от чего. Пробовал position:fixed; Стоит то стоит, только вот передвигается вместе с прокруткой экрана.. Спасибо

    Asked by Select,

    0 votes
    11 answers

  14. Подскажите пожалуйста

    Можно ли делать вставку в html тоесть написал код - без <html>, <body> . и потом вставить его в другой html код ? Спасибо

    Asked by Select,

    0 votes
    4 answers

  15. подскажите пожалуйста

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

    Asked by Sub-zerro,

    0 votes
    8 answers

  16. Подскажите пожалуйста

    Можно ли как нибудь задать минимальный размер div? Спасибо

    Asked by Select,

    0 votes
    8 answers

  17. Подскажите пожалуйста

    http://spectexnikaavto.ru/contact_form.php Собственно вся проблема не могу - форму поднять вверх.... с z-index уже замучался... Святые верстки подскажите ...

    Asked by Select,

    0 votes
    2 answers

  18. подскажите пожалуйста как верстать буллеты (списки выгод с иконками)

    здравствуйте. озадачился вопросом как правильно верстать списки если в списках есть символ, например галочка? для этого нужно создать контейнер из двух колонок, в левой вставлять фоном иконку, а колонке уже элемент списка? или есть другой метод.

    Asked by webflower,

    0 votes
    4 answers

  19. Подскажите пожалуйста как лучше...

    Доброго времени дня! Подскажите пожалуйста как лучше выполнить в css фон хэдера. Подумал, что если картинкой, то слишком тяжёлая страница получится и однопиксельную картинку рипитить по оси в данном случае то же никак... Как быть?) P.S. На полосу под лого не обращайте внимание. Она отойдёт к лого.

    Asked by Un1x,

    0 votes
    2 answers

  20. подскажите пожалуйста как сделать чтобы сролинг был только в mainbody?

    подскажите пожалуйста как сделать чтобы сролинг был только в mainbody? если можно на конкретных примерах. заранее огроменное спасибо

    Asked by vovchikku,

    0 votes
    5 answers

  21. Подскажите пожалуйста почему не работает.? Не в опере, не в мозиле.! А только в хроме.!

    <input placeholder="Не работает" type="text" maxlength="50" required=""> ::-webkit-input-placeholder { -webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } :focus::-webkit-input-placeholder, :valid::-webkit-input-placeholder { -webkit-transform: translateY(-20px); -webkit-transform: translateY(-20px); }

    Asked by Maxsim,

    0 votes
    8 answers

  22. Подскажите пожалуйста почему уехала таблица?

    Здравствуйте! Не могу понять из-за чего съезжает таблица, на скрине видно, что таблица ниже выравнена нормально...

    Asked by ILSIM,

    0 votes
    2 answers

  23. Подскажите пожалуйста слайдер с миниатюрами

    Нужен слайдер почти обыкновенный слайдер изображений с миниатюрами. Но особенность в том, что миниатюры нужно открепить от слайдера и разместить внизу. Вот так: Т.е. когда мы выбираем цвет кожи, картинка меняется в слайдере. Причем еще желательно разделять на две группы миниатюры. Я вообще такого с роду не видел Может кто подскажет, пожалуйста?

    Asked by inferusvv,

    0 votes
    5 answers

  24. Подскажите пожалуйста, где и как можно разобраться с вопросом кроссбраузерности.

    Всем здравствуйте. Сверстал шаблон для сайта на дивах. В firefox и opera все хорошо, а вот в ie6 все ползает. Подозреваю что с ie7, ie8 тож не все гладко будет. Посоветуйте, пожалуйста, как и где можно почитать/поразбираться с особенностями работы css в ie. Согласно справочнику, ie все применяемые мной правила css поддерживает, но тем не менее блоки плавают. Знаю кое-что о хаках. Принимаю все: полезные ссылки, ваши советы и т.п. Можно приписать сюда и другие браузеры, имеющие свои заморочки на эту тему. Стремлюсь получить валидный шаблон для ie6-8, firefox, opera, chrome, safari. Спасибо.

    Asked by denn,

    0 votes
    22 answers

  25. Подскажите пожалуйста, почему на планшете вёрстка едет

    Доброго времени суток. Помогите пожалуйста, люди знающие. Вот здесь http://licvid.4programmer.org.ua в верхнем меню все пункты отображаются нормально. Но если зайти с Android устройства - почему-то последний пункт уезжает вниз. Подскажите, почему и оч.желательно, что с этим делать) Заранее спасибо за ответ=)

    Asked by froosty,

    0 votes
    1 answer

  • Обсуждения

    • 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