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. Векторый фон для текста, реально?

    Здравствуйте! В верстке я новичок. Есть задачка по оформлению текста на сайте: нужно сделать возможность задавать фон для текста, который выглядит следующим образом: Возможно ли это? Если да, дайте наводку, пожалуйста. Необязательно именно так, но хотелось бы что-нибудь по-красивее, нежели чем прямоугольный бэкграунд. Цвет всегда один и тот же. Хотелось бы, что бы это чудо тянулось в зависимости от количества символов) Заранее благодарю.

    Asked by native_today,

    0 votes
    4 answers

  2. Вендорные префиксы

    Вендорные префиксы, какие ещё актуальны для современных браузеров, вроде бы слышал о том, что -moz уже не используется для новой мозили, вот хочу узнать какие префиксы её нужны, а какие уже в небытие.

    Asked by antoxa-ua,

    0 votes
    2 answers

  3. Вендорные свойства для IE9

    Подскажите, где в Интернете можно увидеть исчерпывающий список всех вендорных свойств (начинаются с -ms-), которые понимает браузер IE9. Для IE8 такой список я нашёл, но нужно ещё для IE9.

    Asked by clavin,

    0 votes
    0 answers

  4. Вериткальное расположение DIV'ов: один под другим

    Собственно, вся проблема описана в названии. Есть, допустим, 3 DIV'а. Для первого пишем так: width: 100%; height: 215px; position: relative; Для второго так: float: left; width: 100%; position: absolute; А в третьем, что бы я ни прописал, он прилипает к первому. Сейчас у него вообще никакого позиционирования не прописано. Скажите, как это исправить. Чтобы третий блок прилипал ко второму. При этом второй блок — резиновый.

    Asked by brainiac,

    0 votes
    8 answers

  5. Вернали форма для отправки на мейл?

    Всем привет, принимайте новенького, я тут к вам срузу с просьбами: 1. Пожалуйста, кому не сложно, проверьте правильно ли я написал форму для отправки на мой мейл (см. в конце сообщения, я ее конечно сократил, убрал однотипные части). 2. Кто подскажет как мне в теге Textarea задать макс. количество вводимых символов, maxlength не работает может из-за браузера? У мена Опера. 3. Каким образом добавить "обязательные поля для заполнения" (какие теги за это отвечают имеется ввиду) 4. Ну и если не сложно, и есть возможность оптимизировать то что я наваял, то подскажите плиз Заранее спасибо. <form action="mailto:skazochnyi@**.net" enctype="text/plain" "multipart/form-data" m…

    Asked by skazochnyi,

    0 votes
    8 answers

  6. Верное отображение фона на странице.

    Устанавливаю новый фон на странице,с помощью таблицы.но вот в чем не задача,после проделанных изменений фон отобрадается сверху,а весь контент страницы оказывается снизу.Смотрим http://www.disturbed.clan.su Как решить? вот как я делаю фон <head> <title>$SITE_NAME$ - $PAGE_NAME$</title> <link type="text/css" rel="StyleSheet" href="http://src.ucoz.ru/src/css/331.css" /> <style type="text/css"> <!-- .tableleftbackground { background-repeat: repeat-y; background-position: right; } .tablerightbackground { background-repeat:repeat; background-repeat: repeat-y; background-position: left; } --> </style> </head> …

    Asked by STRICKEN,

    0 votes
    5 answers

  7. Версии браузеров

    Добрый день! Поискала по форуму — ответа не нашла. Ситуация такая. Одна компания разрабатывает для знакомых сайт. В ТЗ, составленном и присланном этой компанией,указаны последние версии большинства браузеров под которыми предполагается корректное отображение сайта. Понятно, что далеко не у всех свежие версии. Собственно интересует, под какие более ранние версии Оперы, ИЕ, Мазилы, Сафари и Хрома нужно адаптировать вёрстку, чтобы охватить большое количество пользователей (совсем динозавров,конечно,не берём=)?

    Asked by zazigalka,

    0 votes
    4 answers

  8. Версии устаревших браузеров

    Сейчас считается устаревшим Internet Explorer ниже 8-й версии. Подскажите, пожалуйста, какие версии остальных браузеров считаются устаревшими на данный момент?

    Asked by TorchTT,

    0 votes
    2 answers

  9. Версия для печати

    Подскажите, пожалуйста, люди добрые, никак не могу додумать, откуда берется эта абракадабра в ие 7, в остальных норм( Если смотреть страницу в предварительном просмотре: http://lcd-media.by/business-center/printme заранее спасибо!

    Asked by Rootical,

    0 votes
    1 answer

  10. Версия для печати

    Всем привет. Снова требуется помощь зала. У меня есть таблица, количество отображаемых колонок в ней зависит от разрешения экрана пользователя, вот хочу распечатывать подобную таблицу. Как это сделать? Самое первое что приходит в голову, в версии для печати делать всегда к примеру 3 колонки (чтобы ширина не превышала скажем 700 пх) и не париться, но что то подсказывает мне что не все так просто. Буду очень благодарен за любую инфу ибо в интернетах ничего толкового на эту тему не нашел. Спасибо

    Asked by maximspb,

    0 votes
    3 answers

  11. Версия для печати

    При верстке версии для печати столкнулся со следующей проблемой: Каждый браузер ставит свои отступы для страницы ( не внутри html а при предварительном просмотре страницы перед печатью ). Есть ли способ обнулить эти отступы? margin: 0; padding: 0; не подходят, т. к. они влияют только на html документ, а не настройки браузера.

    Asked by shtrobnik,

    0 votes
    6 answers

  12. Версия для печати в Safari

    Столкнулась с проблемой, при печати html-документа из браузера Safari (для windows) оказалось, что он искажает (увеличивает) размеры полей и текста. Провела эксперимент на текстах и простых линиях в разных единицах измерения (mm, px, pt), в любом случае в Сафари результат больше, чем в других браузерах. Кто-нибудь сталкивался с подобным? Есть ли пути лечения?

    Asked by Dinow,

    0 votes
    0 answers

  13. версия для слабо видящих.

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

    Asked by nerei,

    0 votes
    5 answers

  14. Версия страницы для слабовидящих

    Подскажите, занимался ли кто-нибудь версиями для слабовидящих. Если да - буду признателен за ссылки на примеры своих работ или на источники где можно подчерпнуть информации на русском

    Asked by mongoose,

    0 votes
    10 answers

  15. Верска дивами (основа)

    Объясните пожалуйста популярно, как использовать дивы... А именно интересует позиционирование. Тоесть в чем разница вложенности дивов? Вот 2 примера... <div id="1"> <div id="a1"> <div id="a2"> <div id="a3"> </div> </div> </div> </div> <div id="a1">a1</div> <div id="a1">a2</div> <div id="a1">a3</div> Какая между примерами разница? Как правильно и для чего? И главное относительно чего позиционируются дивы? (относительно окна браузера, несмотря на уровни вложенности или относительно родительского окна, тоесть div относительно другого div-а в которое вложен?) И может есть у кого…

    Asked by Ururu,

    0 votes
    8 answers

  16. Верска на вылет

    Добрый день! Подскажи как сверстать? есть ширина основного контента 1024. под ним идет фон шириной 1500. Требуется сделать так, чтобы у всех мониторов разрешение которых больше чем 1024 обрезался фон по краям, т.е. не появлялась горизонтальная полоса прокрутки, а для тех у кого меньше 1024 - появлялась полоса прокрутки. Желательно при этом не использовать javascript

    Asked by Prokopov Nikolai,

    0 votes
    9 answers

  17. верста картинке

    Друзья к вам большая просьба. Я начинающий юзер, ну мне сразу попалась вроде бы такая не тяжёлая задача но найти выход я не могу самостоятельно. короче: как сделать так чтобы флеш ролик уходила за правый край без скрола просто пропадал? Есть таблица сайта <table width="95%" идет вот так мне нужно втулить в хидер флеш ролик (ну или ява скрипт с картинками и ефектом фейда, слайдшоу) размером width 1900px. какой тут задум. чтобы люди на разных мониторам могли ее видеть с этих 1900, 1680 будет сама картинка а дальше просто черное продолжение. помогите с кодом. только как для начинающего. НЕ смейтесь громко. ведь все когда то чему то учаться. распишите код как это сделат…

    Asked by sold@t,

    0 votes
    2 answers

  18. Верста модуля Вывод последних сообщений из phpBB3 в DLE 9

    Начнем с того что автор не я, человек который его сделал, сильно занят и как он сказал нет времени его доработать и проверить, но какие притензии к человеку за бесплатный труд, правильно ни каких, а только благодарность. Но все же в модуле есть проблема с версткой в разных браузерах, разобраться сам не смог, так как не хватает ещё знаний ксс, что то пытался придумать но не получилось. Так вот ближе к суте... Что бы понять в чем проблема лучше зайти на мой сайт через мозилу и ослика например _http://www.net-wars.su/, что бы увидеть проблему. В мозиле все отображаться как и должно быть, но вот в ослике и других, картинка как то поплыла и не правильно выставляется. по этой с…

    Asked by papay,

    0 votes
    0 answers

  19. Верстаем крышу

    Всем привет, форумчане! Есть задача сделать вот такую штуку как на картинке, она должна быть 100% шириной по отношению к контенту, но ограниченной высотой, к примеру 60 пикселей. Spoiler У меня уже есть решение которое я сделал https://jsfiddle.net/x5Lavn55/, но может имеется более элегантное и лучше чем мое? Пробовал с svg, но не могу растянуть на 100% не изменив высоту...

    Asked by Mixfixpix,

    0 votes
    6 answers

  20. Верстаем под шаблон.Убрать отступ у первого элемента.

    Столкнулся с такой проблемой: необходимо выводить на страницу 5 изображений в линию и брать их в рамку, как показано здесь http://img398.imageshack.us/my.php?image=justifyoj7.jpg. Так чтобы слева и справа от изображений отступ был одинаковым и небольшим, а рамка равномерно заполнялась картинками за сч?т отступов между ними. Размер рамки фиксированный, размер картинок тоже. Зfдача осложняется тем, что в?рстка делается под шаблон, т.е. нельзя отдельно применять стили только к одной картинке или ссылке. Я наш?л 2 способа решить эту проблему 1)с помощью соседних селекторов 2)с помощью псевдокласса :first-child, но ИЕ6 как всегда сказал что ему на них положить большой ... (. У…

    Asked by SIC,

    0 votes
    0 answers

  21. Верстака email, как сделать button width 100% на mobile и 250px desktop без @media

    Подскажите пожалуйста как сделать ширину кнопки 100% на мобильных устройствах и фиксированную (250px) на больших разрешениях ? <table class="one-column backgroundInner font" border="0" cellpadding="20" cellspacing="0" width="100%" style="border-spacing:0;" > <tr> <td style="line-height: 18px; text-align:center;"> <!-- START BUTTON --> <center> <!--[if (gte mso 9)|(IE)]> <table width="150" align="center"> <tr> <td> <![endif]--> <table cellpadding="0" cellspacing="0" border="0" > <td class="button_background outer" …

    Asked by gryshchenko1989@gmail.com,

    0 votes
    6 answers

  22. верстака резинового блока css

    Ребята, привет. Решил сделать сайтик, но появилась проблемка. Т.к я никогда не верстал "резиновых" сайтов, а всегда делал фиксированные, то возник небольшой вопросик. В общем надо сделать 2 блока, один допустим шириной 200px, а другой 100%.То, что я хотел сделать меня получилось, но я так понимаю, что выход не совсем правильный. Подскажите как все это верно реализовать? Заранее Спасибо!

    Asked by white_kh,

    0 votes
    1 answer

  23. Верстать сайт полностью на таблицах- хорошо или плохо?

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

    Asked by Glebr,

    0 votes
    13 answers

  24. Верстаю макет

    Верстал свой первый макет ,но у меня появилось несколько ошибок №. 1 и 2 : http://s55.radikal.ru/i150/1010/47/0e953dcc9071.jpg №. 3 : http://i050.radikal.ru/1010/b5/ea3d27653ce6.jpg Кому не лень, подскажите как решить . <!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>Сайт</title> <style type="text/css"> * { margin: 0; padding: 0; } body { font: Arial, Helvetica, sans-serif; background-image: url("C:/Users/Admin/Desktop/Са…

    Asked by Mr.Black,

    0 votes
    11 answers

  25. Верстаю бесплатно для портфолио

    Добрый день! Начинающий верстальщик выполнит верстку сайта низкой и средней сложности (фиксированный, резиновый и адаптивный дизайн) за отзыв и для портфолио. Валидность, кроссбраузерность IE9+ (если очень надо то IE8+); JavaScript, jQuery - начинающий, срок по договоренности. Примеры https://yadi.sk/d/UiqsrcUCa3JsB, https://yadi.sk/d/a2slFikwaSxLx Заранее большое спасибо!

    Asked by grafvonfabercastel,

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