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. Не работает свойство rotate?

    Ребят помогите разобраться почему не работает свойство rotate и как сделать что бы по клику на .list:after список выпадал? Заранее спасибо огромное скрин списка <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body><div class="list"> <select name="lictsat" id="lictsat"> <option selected="Home">HomePage</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option val…

    Asked by Евгений_SB,

    0 votes
    6 answers

  2. Фон текста, межстрочное расстояние

    Есть дизайн: текст в 2 строки, текст с фоном, если просто заливаешь background, то он заливает полностью, а мне надо что бы между строками был фон основной.Т.е. фон был только где текст. Понятнее на картинке: http://clip2net.com/s/igeEJp Помогите, пожалуйста.

    Asked by Fate-ol,

    0 votes
    3 answers

  3. Растянуть блок aside по высоте при отсутствии текста в нем

    Добрый день! Потихоньку изучаю html и столкнулся с вопросом: как можно растянуть фон у блока aside в данном примере, чтобы он по высоте был всегда равен блоку posts? https://www.dropbox.com/s/2gwhcxprhozr38w/superverst.rar Ответившим заранее спасибо.

    Asked by FunApple,

    0 votes
    3 answers

  4. Верстка при наведении на блок

    Здравствуйте, столкнулся с такой задачей: до наведения курсора http://joxi.ru/wYSTU_3JTJA9Y33ZX5U после наведения курсора http://joxi.ru/-4OTU_3JTJA1Y21ipcQ не могу придумать как это реализовать. а именно чтобы была внутри граница прозрачная и при этом поддерживал ie8.

    Asked by gameviktor,

    0 votes
    4 answers

  5. строка ПОИСК

    Здравствуйте. Первая тема, первый раз. Прошу прощения, если где-то что-то не так. Собственно проблема в следующем. Взялся верстать макет сайта где-то месяц назад. Новичок в этом деле. Опыта 0. Строка поиска уже вторые сутки мучает. Все как бы можно и могу сделать вот только отображение в Хроме и паралельно ИЕ+Мазила разняться. Конкретно дело в рамке, которая должна обрамлять только строку ввода текста с трёх сторон. Вот скриншот http://rghost.ru/56239174 на котором в фотошопе псд файл и выше то ,что я уже получил. Дальше iq моего не хватает. Прошу помощи. Код который накидал вот: http://jsfiddle.net/lspanec/xxTu3/ Постараюсь еще раз описать: -что надо: добавить …

    Asked by lspanec,

    0 votes
    4 answers

  6. проблема с background-size в Firefox

    Здравствуйте, коллеги! Есть блок отображения рейтинга в виде сердечек. Сверстан просто: блок шириной 75px заполняется бэкграундом-картинкой-сердечком с background-size: 15px 12px. Т.е. 5 сердечек шириной 15px полностью заполняют блок шириной 75px: #ratingbox { display: table-cell; text-align: right; width: 75px; height: 16px; background: url('/images/icons/empty.png') 0 0 repeat-x; background-size: 15px 12px; position: relative;}Проблема в том, что в фаерфоксе 5 сердечек фактически занимают больше 75 пикселей, на каждое сердечко добавляется по 1 лишнему пикселю ширины, и блок ползет. В остальных браузерах все в норме. Вживую посмотреть можно здесь: http://vkruzhev…

    Asked by Elflight,

    0 votes
    4 answers

  7. Визуальные закладки Firefox

    В визуальных закладках Firefox и других браузерах присутствует изображение. На некоторых закладках там просто прорисовывается favicon сайта, но есть и такие, где совершенно иная иллюстрация на всю закладку! Откуда браузер берёт это изображение?

    Asked by Torawhite,

    0 votes
    1 answer

  8. Почему не работает border-radius?

    Не работает http://jsfiddle.net/3eWdd/

    Asked by DivMan,

    0 votes
    3 answers

  9. box-sizing:border-box

    Зачем придумали box-sizing:border-box? В каких целях, его можно применить?

    Asked by DivMan,

    0 votes
    7 answers

  10. Помогите с HTML

    Здравствуйте! Прошу знающие люди пожалуйста помогите мне с HTML кодом кнопки "добавить в корзину". Нужно сделать так что бы кнопка по нажатию просто добавляла товар в корзину и меняла свой текст на "ДОБАВЛЕНО", но НЕ переходила по ссылке и не открывала окна. За ранее огромное спасибо! <form action="http://ecommtools.com/cgi-bin/cart.cgi" name="ecommtools_item_m0073" id="ecommtools_item_m0073" method="post" target="_blank " style="padding:1;margin:1"> <input type="hidden" name="uid" value="chasyok" /> <input type="hidden" name="action" value="add" /> <input type="hidden" name="item" value="m0073" /> <input type="submit" value="В КО…

    Asked by KeyS,

    0 votes
    1 answer

  11. Не валидный код, как лучше переделать

    Всем привет. Ну вот кажется сверстала станицу и тут меня дернуло проверить страницу на валидность и валидатор загнал меня за 101 км. Станица http://azharova.ru/test/afisha.html Итак, ругается он в основном вот на этот блок http://prntscr.com/3qf09s. Он сквозной блок через весь сайт. Посоветуйте как его лучше переверстать чтобы сохранить внешний вид. Вот как она работает на боевом сайте http://ezhikezhik.ru/ P.S. Говорили мне не используй чужую верстку, вот вам пожалуйста...

    Asked by Anna Zharova,

    0 votes
    4 answers

  12. Проблема с ransform: skew и текстом

    Приветствую! Подскажите пожалуйста, как можно решить такую задачу: Долго пытаюсь привести текст внутри скошенного блока к такому виду и не получается. Вопрос именно об обтекании, а не об избавлении от скошенности отображения. Дело в наполнении - текст как бы обтекает края. Возможно ли это вообще реализовать?

    Asked by Raccoon,

    0 votes
    2 answers

  13. Выравнивание <li>

    Приветствую. Как сделать чтобы пункт "Меню" <li>, располагался по отношению блока <ul> по центру? http://jsfiddle.net/35XYL/4/

    Asked by Vans,

    0 votes
    5 answers

  14. <content> не работает без block при прочих равных

    Собственно, наглядно здесь: http://jsfiddle.net/E5rSK/ Если создать div, то ему нет необходимости указывать display, но при таких же условиях не работает content, которому для отображения оказывается необходимым указывать display. Интересует, почему так? Кстати, footer этой проблемой не страдает, header, вроде тоже.

    Asked by Melodyn,

    0 votes
    2 answers

  15. Назначение itemprop в img

    Для чего нужно itemprop? Хотел посмотреть как сделано авто переворачивание картинки на странице и там увидел это <img src="/styles/logo.png" itemprop="logo" alt="Обзоры гаджетов и IT новости мобильного мира и технологий" width="161" height="112">

    Asked by Slyfox,

    0 votes
    1 answer

  16. Не используемые фалы на ФТП

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

    Asked by ataman,

    0 votes
    7 answers

  17. Способ верстки резинового выпадающего меню

    Всем, доброго времени суток. Я учусь верстке самостоятельно и начала с своего сайта. Вот уже второй день не могу решить проблему с меню. http://saveimg.ru/show-image.php?id=8d51d6118255b79f88ab88766d50c263 - собственно меню Вопрос в следующем: Я нарезала 3 куска: правую и левую боковушки меню и такого же размера кусочек меню (потом просто повторяла его). Но никак не могу теперь состыковать основное меню и боковушки. Может у меня изначально не правильный подход? Если не сложно, пожалуйста, подскажите, как с такими не стандартными меню следует себя вести. P.S. Простите если была не внимательна и подобная тема уже есть.

    Asked by Namico,

    0 votes
    5 answers

  18. Tree Table CSS. Древовидная таблица

    Здравствуйте! Сделал несложную древовидную таблицу, у которой сворачиваются/разворачиваются строки. За основу взял обычное дерево http://jsfiddle.net/NZaw4/1/ , только добавил ячейки в строки. Почти правильно работающий вариант http://jsfiddle.net/cN57x/ Вопрос. Как сделать так, чтобы при раскрытии узла Проект 1, не уезжал влево блок с Задачами ?

    Asked by user89,

    0 votes
    6 answers

  19. Подскажите по синтаксису ссылки-картинки и 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

  20. Меню

    Приветствую, верстаю свое 1 меню. Возник вопрос, как сделать пункт "Меню" по центру блока <ul>? и все ли правильно я делаю? http://jsfiddle.net/35XYL/

    Asked by Vans,

    0 votes
    2 answers

  21. Верстка таблицы - ширина одной колонки зависит от контента, две других равной ширины

    Добрый день. Подскажите пожалуйста, как сделать в следующей разметке: <table><tr><td></td><td>Колонка 2 - автоматическая ширина</td><td>Колонка 3 с более длинным контентом</td></tr></table>1. таблица занимают всею ширину. 2. ширина второй колонки определяется контентом. 3. ширина у первой и третей колонки одинаковая.

    Asked by neTp9c,

    0 votes
    13 answers

  22. убрать действие СреднейКнопкиМыши... помогите плииз...

    как сделать так, чтобы действие, которое происходит при нажатии Средней Кнопки Мыши на кнопку - не происходило... а происходило только при нажатии ЛКМ

    Asked by accept,

    0 votes
    2 answers

  23. Почему в сафари блок с текстом не занял всю ширину

    http://azharova.ru/test/afisha_table.html# Версия браузера 5.1.7 Скрин с проблемкой - http://prntscr.com/3pxrio

    Asked by Anna Zharova,

    0 votes
    12 answers

  24. Приколы c PIE в ie8. Ослик сошел с ума, или что?

    Привет всем! Опять обращаюсь к опытным (прошедшим огонь и воду) верстальщикам. Нужна ваша помощь. В общем, пытаюсь округлить уголки в ie 8 используя PIE, кажется задача не тривиальная, но не тут-то было. Все по порядку. Есть в версте слайдер, данный слайдер показывает картинку и немного текста, картинка должна быть круглой, понятное дело в нормальных браузерах это достигается без проблем, и понятное дело в ei8 и ниже все плохо. Когда я подключаю PIE и применяю border-radius к блоку (с behavior: url(PIE.htc)), внутри которого находится картинка, блок округляется, но картина нет, и она находится как бы сверху него, вот скрин: http://hkar.ru/tajE Когда PIE применяю …

    Asked by ya_verstaka,

    0 votes
    4 answers

  25. Макет n-torrents

    Мне всегда нравился дизайн сайта n-torrents, к моему удивлению даже макет его есть. У меня есть проблемка с фонами. Вот я отключил кое какие ненужные слои чтобы разобратся с фоном и что я увидел: http://s020.radikal.ru/i719/1406/bc/769155fab3ac.png много фонов, сверху есть яркая полоска которая репитится по оси x, ее можно и градиентом сделать,но я решил задать background, укзал цвет зеленный для всего блока див и прописал путь к картинки и репител по всей длине x вот исходный код: http://jsfiddle.net/QbLH2/ если посмотреть еще, там еще есть фоны, снизу полоска темная, в центре линии, по какой технике это все лучше осуществить? могу через множественные фоны css3, но тогда…

    Asked by WEB-best,

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