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. сброс, нормализация стилей только для одного блока

    Разрабатываю приложение для установки на сайтах у клиентов (DHTML+JS+CSS). Возникла проблема (уже давно ) разработчики сайтов меняют стили, вся наша вёрстка ломается - это напрягает сильно. Нужно как-то изолировать блок в котором стоит приложение вообще от всех изменений стилей на странице так, чтобы это не влияло на все остальные блоки. причём желательно чтобы стиль в блоке соответствовал стилям по умолчанию Как? подскажите пожалуйста.

    Asked by vitus,

    0 votes
    0 answers

  2. Сведение данных XML файла на страницу HTML

    Не могу понять почему не переносятся данные из XML при выводе страницы Book.htm в браузере? Помогите плиз! Результат вывода в браузере Book.htm: Book Description Title: Author: Binding type: Number of pages: Price: Код в XML-файле: <?xmlversion="1.0" encoding="windows-1251"?> <!-- Имя файла: Book.xml --> <BOOK> <ТIТLЕ>Тпе Adventures of Huckleberry Finn</TITLE> <AUTHOR>Mark Twain</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>298</PAGES> <PRICE>$5.49</PRICE> </BOOK> Код в HTML-файле: <!-- Имя файла: Book.htm --> <HTML> <HEAD> <TITLE>B…

    Asked by uvexx,

    0 votes
    16 answers

  3. Свернутое окно

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

    Asked by Web,

    0 votes
    6 answers

  4. Сверстал шапку от сайта

    Приветствую всех! Учусь верстать. Сверстал в качестве тренировки шапку сайта 003 ру Я так понимаю, что она не очень сложная в верстке, но все же хотелось бы услышать пожелания, что плохо и как лучше не делать. Если не затруднит, покритикуйте пожалуйста. Спасибо! http://workoffice.ru/tmp/003/index.html

    Asked by lodyr,

    0 votes
    2 answers

  5. Сверстаная форма отправки

    <form> <div class="blueForm"> <label>Тип номера:</label> <div class="select s185" style="z-index: 1; "> <div class="select_l"> <span class="sel_arr"></span> <div class="selected"></div> <div class="sel_drop" style="display: none; "> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> <label>Питание:</label> <div class="select s185" style="z-i…

    Asked by Tchorteg,

    0 votes
    2 answers

  6. Сверстанная страница на одном компьютере неправильно отображется.

    На всех компьютерах и разных версиях IE и других браузерах страничка отображется правильно, вот так: НО!!! На одном компьютере (а именно у начальницы) страница выглядит так: При этом происходит странная вещь - страница загружается правильно, потом когда произошла 100% загрузка резко перестает восприниматься таблица стилей (т.е. стили текста). У нее стоит IE8 Что это может быть?

    Asked by rognarek,

    0 votes
    5 answers

  7. Сверстать background

    Не получается сверстать бэкграунд, состоящий из нескольких слоев. Нижний слой - градиент синего, слои повыше (2-3) это облака, которые расположены в шапке, и которые выходят за края браузера, т.е. на более низких разрешениях облака прячутся по краям, на более высоких "выползают". Прикрепляю для образца psd-файл

    Asked by html-noob,

    0 votes
    3 answers

  8. Сверстать без absolute

    как сверстать без absolute фотографии мозайкой

    Asked by daggi,

    0 votes
    7 answers

  9. сверстать вот такой оторванный край

    извиняюсь, цвет фона совпал с фоном форума, но надеюсь понятно

    Asked by ssbby,

    0 votes
    3 answers

  10. Сверстать для смартфона

    http://jsfiddle.net/ceA3n/ на компе все окей а на мобиле полосы на картинку налезают как можно такое сверстать?

    Asked by cnx.faeton,

    0 votes
    1 answer

  11. Сверстать нестандартный шрифт condensed

    Надо сверстать буковки нестандартным шрифтом. Хотела использовать cufon, но у меня шрифт мало того, что нестандартный, но еще и condensed. А cufon, я так поняла, может генерить только нормальный, жирный и италик шрифты. Собственно вопрос: это вообще возможно?

    Asked by maerrry,

    0 votes
    9 answers

  12. Сверстать портфолио

    Верстаю очередной макетик-портфолио. Столкнулся с проблемой. Идут 16 картинок, по 4 вряд. Указываю для класса .works margin: 40px 0 40px 0; Получается что и у 4, 8, 12, 16 блоков есть отступ справа 40. Они как бы выступают из основного контейнера. С помощью nth-child убираю этот отступ. Есть другой способ? Так как при добавлении еще n количества работ придется дописывать css Вот сама работа: http://cm04741.tmweb.ru/

    Asked by IvanRu08,

    0 votes
    20 answers

  13. Сверстать тянущийся блок с закруглениями по бокам

    Здравствуйте помогите сверстать резиновый по вертикали и по горизонтале блок. Вот такого образца: http://trade.style-vip.com/item.jpg У меня не получаеться сверстать бордеры с углами (

    Asked by Saveliy,

    0 votes
    3 answers

  14. Сверстать фоновую страницу

    Страница состоит из тр?х частей(верх центр низ): top content и bottom top и bottom заданы no-repeat, а в contente повторяющаяся картинка repeat-y и при повторении искажается градиент(который присутствует на самой повторяющейся картинке в разделе content) вопрос: Как избежать искажение ?

    Asked by Lazar,

    0 votes
    10 answers

  15. Сверстать, чтобы занимало меньше места

    В дизайне есть следующие фоны. Как их лучше сверстать, чтобы они занимали меньше места. Не хочется делать фон одной большой картинкой. Если присмотреться к фоном, то можно увидеть, что там есть наклонные полупрозрачные линии по всей картинке. http://s2.ipicture.ru/uploads/20130220/PH8eiXDT.jpg http://s2.ipicture.ru/uploads/20130220/1dk7iaCN.jpg http://s2.ipicture.ru/uploads/20130220/TH8CATcY.jpg

    Asked by romank,

    0 votes
    1 answer

  16. Сверстаю за хороший отзыв 3 макета

    Добрый день. Я начинающий верстальщик. Нужно набираться опыта и работ для портфолио. Поэтому сделаю верстку бесплатно для 3х форумчан с хорошей репутацией в обмен на положительный отзыв. Освоила HTML5, CSS3. Делаю верстку макетов с фиксированной шириной. Подключаю слайдеры на jQuery. На данный момент есть несколько работ. Проверяю код на валидность. Для того чтобы кода получалось как можно меньше, стараюсь не использовать классы и ид без необходимости. Проверяю верстку на кроссбраузерность. С простым макетом справляюсь за один день. На адаптивную верстку уходит времени больше, но могу взяться и за нее(если без подключения JS). Со мной так же можно связаться через: …

    Asked by Jelezuha,

    0 votes
    8 answers

  17. Свеча

    Мне нужно сделать так, чтобы div (в виде прямоугольника) уменьшался в высоте подобно горящей свече - сверху вниз. Подскажите варианты решения.

    Asked by userhtml356,

    0 votes
    1 answer

  18. Свечение в шапке и подвале

    Подскажите пожалуйста как лучше сделать свечение в шапке! Главное что бы средние 2 фонаря были именно над контентом, а 2 крайних появлялись только в случае наличии большого монитора либо маленького масштаба. Аналогично и для фонового изображения. Если его целиком ставлю, то блок с контентом уезжает вправо.

    Asked by JosePerez,

    0 votes
    1 answer

  19. свечение при нажатии на ссылку

    Всем привет! Проблема: при нажатии на ссылку в стандартном браузере android, возникает желтое свечение (подсветка области нажатия). Как от нее избавиться? Возможно ли это? #userAgent - 4.0 Mobile Safari/533.1

    Asked by poport,

    0 votes
    0 answers

  20. Свечение.

    Ребят, Идея у меня такая: Сайт затемнён (опасити:0.10),есть курсор,который светится и делает область в радиусе 50px(примерно) с опасити 0.90 Вопрос как это осуществить?Всё перерыл,ничего похожего не нашел.

    Asked by LeoSan,

    0 votes
    2 answers

  21. Свободное перемещение и таинственно исчезающий контент

    Есть такой HTML: <div class="wrapper"> <div class="a element"><p>A</p></div> <div class="b element"><p>B</p></div> <div class="c element"><p>C</p></div> </div> И такой CSS: .wrapper { overflow: hidden; background: #555; } .element { width: 150px; height: 100px; font-size: 30px; } .a { background: #c33; float: left; } .b { background: #fc5; color: #333; float: left; margin-left: 150px; } .c { background: #247; margin-left: 150px; } Вопрос: куда девается контент из блока "c" и почему? http://imageshack.us/photo/my-images/822/beforeti.png http://imageshack.us/photo/my…

    Asked by rookie,

    0 votes
    10 answers

  22. Свободные шрифты

    Привет, подскажите, шрифты Arial и helvetica neue являются платными ?

    Asked by Анатолий1944,

    0 votes
    1 answer

  23. Сводная таблица html/css

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

    Asked by Eugene-N,

    0 votes
    4 answers

  24. свои атрибуты в html тэгах... ?

    Подскажите, насколько все же плохо или допустимо использовать свои атрибуты в html-тэгах? Драфт HTML5 это допускает, достаточно просто именовать атрибуты с префиксом data- А как в XHTML 4.01? Понимаю что можно запариться с namespace'ами, нарисовать свою dtd-схему и т.д.... но, оно же и так работает во всех браузерах? По идее же, если браузер не знает атрибут - он его пропускает? Пример: <tr data-row-id="345" data-row-state="edit">..... </td> Можно конечно забить, наплодить кучу hidden-полей с данными и т.д. Но блин, уж ОЧЕНЬ удобно работать именно с атрибутами, особенно используя jQuery, или подобные javascript-фреймворки. Так что вопрос: категорически нельзя,…

    Asked by xpg934,

    0 votes
    1 answer

  25. Свои атрибуты в SVG

    Можно ли в SVG файл вставить свои атрибуты и уже на сайте вывести картинку и получить эти атрибуты через JS?

    Asked by Vlad,

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