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. Создание 3D эффекта.

    Итак, потребовалась ваша помощь, Верстаю сейчас макет, мне необходим ваш совет. У меня есть два блока, причем один вложен в другой. Как мне создать КРОССБРАУЗЕРНЫЙ эффект "приподнятости" на дивом-ролителем? Вот код блоков: <div class="parent"> <div class="child"> lorem ipsum dolor sit amet </div> </div>

    Asked by htmlonline,

    0 votes
    6 answers

  2. alt, title и Google

    Интересует такой вопрос. Как Google находит изображение по заданному запросу, с помощью alt или title?

    Asked by Alex&R,

    0 votes
    10 answers

  3. marquee

    есть некоторая область, в ней поочередно выводится различная инфа, разбитая на блоки одинаковой высоты. используется тег marquee. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> table{ margin:0px; padding:0px; background-color:#5e0100; color:white; font-family:Arial; ont-size:0.8em; text-align:center; } </style> </head> <body> <table width="430" height="60"> <tr> <td> <marquee width="430" height="60" direction="up" scrolldelay="3000" scrollamount="60"> <b>Заголовок 1</b><br /> инфа инфа<br /> <b>инфа</b><br /> <b&g…

    Asked by denas,

    0 votes
    9 answers

  4. marquee

    есть некоторая область, в ней поочередно выводится различная инфа, разбитая на блоки одинаковой высоты. используется тег marquee. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> table{ margin:0px; padding:0px; background-color:#5e0100; color:white; font-family:Arial; ont-size:0.8em; text-align:center; } </style> </head> <body> <table width="430" height="60"> <tr> <td> <marquee width="430" height="60" direction="up" scrolldelay="3000" scrollamount="60"> <b>Заголовок 1</b><br /> инфа инфа<br /> <b>инфа</b><br /> <b&g…

    Asked by denas,

    0 votes
    5 answers

  5. Посоветуйте книги по профессиональной верстке

    Всем привет, хотел бы узнать у профессионалов какие книги можно почитать о профессиональной верстке. Спасибо.

    Asked by Jumper,

    0 votes
    2 answers

  6. Задать блоку высоту через Java Script

    Доброго времени суток! Есть n-ое кол-во блоков, ширина контента резина, все блоки заданной ширины, разной высоты(разное кол-во контента внутри), с позиционированием по левому краю (float:left;). В результате блоки сортируются не очень хорошо, с некими дырами, хотелось бы создать алгоритм находим больший блок по высоте и остальным задаём его высоту, пробовал сам написать скрипт но что то не то: var maxHeight = 0; $$('.someclass').each(function(el){ if(el.getStyle('height') > maxHeight) maxHeight = el.getStyle('height'); }); $$('.someclass').each(function(el){ el.setStyle('height', maxHeight); }); Подскажет может кто решение, или может натолкнёт. Зы Приношу извинения…

    Asked by Kaktotak,

    0 votes
    21 answers

  7. Как рисовать резиновый шаблон

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

    Asked by selevit,

    0 votes
    0 answers

  8. Карта с подсветкой или другим эфектом

    Доброго времени суток всем! Сразу оговорюсь что я совсем начинающий. Подскажите пожалуйста, как лучше и проще сделать карту (например России) с подсветкой разных регионов при наводке мышкой и всплывании нестандартных подсказок. Я понимаю что вопрос очень расплывчатый, но хотя бы ссылки на примеры работ, с выложенным кодом, или подсказки в каком направлении двигаться.

    Asked by Torvin,

    0 votes
    14 answers

  9. Цвет прокрутки

    Всем привет. Подскажие пжл, как задать цвет области прокрутки. Если кто не понял, то под прокруткой я подразумеваю это:

    Asked by Sandr,

    0 votes
    2 answers

  10. Как расширить рамки страницы?

    Подскажите, пожалуйста, как расширить рамки страницы. вот дан сайт http://styx-acentris.ru/ сайт узкий, хотелось бы его расширить, чтобы помещалось на одной строке, хотя бы 4 товара, а не 3. ПОдскажите, пожалуйста, что нужно поменять, я не силен в html и надеюсь на вашу помощь. Заранее спасибо.

    Asked by twistoff,

    0 votes
    0 answers

  11. Float vs Position

    В разделе "Верстка с помощью слоев" (_htmlbook.ru). Описаны два метода расположения блоков (слоев) с помощью обтекания (Float) и позиционирования (Position). Оба метода мной испробованы. Хотелось бы уточнить, каким методом верстают профессионалы и в чем разница этих методов? Их достоинства и недостатки.

    Asked by Selen,

    0 votes
    2 answers

  12. DIV верстка / некоректное отображение в ИЕ6 и ИЕ7

    Добрый день, давно планировал, теперь наконец нашел время для осуществления задуманного. А оно состоит в том, чтобы переделать свой сайт используя верстку без помощи таблиц... После прочтения множества всего мне удалось сделать небольшую заготовку, я ею доволен, но проблема в том, что страница соверненно неверно отображается в ИЕ6 и ИЕ7. В дугих браузерах (Firefox 3.5 и Opera 11) все выглядит так, как и было задуманно... Хотелось бы узнать, что нужно изменить, чтобы добиться корректного отображения в ИЕ6 и ИЕ7? Хотя бы хотелось услышать мнения, в чем может заключаться проблема? Код был проверен на валидность, по наивности думал, что это является гарантией корректного отоб…

    Asked by Brodjaga_EU,

    0 votes
    16 answers

  13. Как такое сверстать под джумлу?

    Еще раз поднимаю топик по дизайну сети. Как такое верстать под джумлу? Таблицей лучше или позиционировать слои? Внимание!!! Также принимаются ВАШИ макеты, которые не УГ!!!

    Asked by htmlonline,

    0 votes
    14 answers

  14. Что то в серых тонах...

    Всем доброго времени суток, скажите, что лучше? Это или Это?

    Asked by selevit,

    0 votes
    31 answers

  15. перенос строки при li {display: table-cell}

    привет. есть li с назначенным фоновым изображением (иконка). чтобы прижать текст к низу блока, сделал display: table-cell; теперь при добавлении более одного элемента списка, все они выстраиваются в одну строчку. а нужно, чтобы по одному элементу в строке. как корректно растянуть строки в этом случае? привожу код: #maincontent div.downloads ul { padding-left: 0; text-align: justify; } #maincontent div.downloads ul li { display: table-cell; list-style: none; background: url("/images/pdf.png") no-repeat; height: 32px; padding-left: 32px; padding-bottom: 0.5em; vertical-align: bottom; font-size: 120%; } заранее спасибо.

    Asked by rondew,

    0 votes
    5 answers

  16. Есть ли какой нибудь инструмент, которой может удалить не нужные строчки CSS, которые не используются в HTML документе

    Есть ли какой нибудь инструмент, которой может удалить не нужные строчки CSS, которые не используются в HTML документе ? Т.е. есть файл HTML к нему идет файл CSS, но он на 95 процентов заполнен левыми строчками кода......в CSS строчек 10т

    Asked by Aspik,

    0 votes
    1 answer

  17. футтер поднялся.

    Добрый вечер дорогие форум чане. =) Сегодня у меня возникла такая проблема. Вставил в сайт галерею, и получилось большое расстояние внизу.После просмотра фото. Пример вы можете посмотреть здесь. Проблема пропадает после вырезки куска когда вот он. <script type="text/javascript"> var box = {}; window.addEvent('domready', function(){ box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true}); }); </script> Но без него галерея работать не будет, в чем может быть причина?

    Asked by Simel,

    0 votes
    1 answer

  18. Показать div по выбору из select

    Добрый день. Пробую сделать такую вещь, но не выходит: Есть страница: <html> <head> </head> <body> <select name='Count'> <option value="1/54">1/54</option> <option value="2/54">2/54</option> <option value="3/54">3/54</option> <option value="4/54">4/54</option> </select> <div id="1/54" style="display: none">1/54</div> <div id="2/54" style="display: none">2/54</div> <div id="3/54" style="display: none">3/54</div> <div id="4/54" style="display: none">4/54</div> </body> </html> Подскажите пожалуйста, как сделать так, чтоб п…

    Asked by neutron,

    0 votes
    12 answers

  19. vertical-align

    Возникла проблема с выравниваем по нижнему краю дива/ячейки. Как пример на странице по ссылке (www.ygo.ru/market) есть 2 вида блоков с товарами (всмысле разные по высоте). Пытаюсь сделать так, чтобы при любой высоте блока с товаром он прижимался к низу своей строки и высота строки зависела от самого высокого элемента, перепробовал все варианты которые нашел и с дивами и с таблицами с vertical-align и с абсолютными позициями, ничего не хочет правильно работать =(

    Asked by Joyfit,

    0 votes
    8 answers

  20. Проблема со ссылками

    Добрый день, уважаемые. Помогите разобраться, пол дня бьюсь. Имеется div внутри которого картинки-ссылки. Картинки и ссылки берутся из php. Вот примерный код: <div id="colleft"> <a href=" "><img src=" " /></a> </div> Стили для блока заданы следующие: div#colleft { position: ralative; float: left; top: 0px; left: 0px; width: 120px; height: 635px; padding-right: 20px; padding-top: 0px; border-right: 1px solid #878787; } #colleft img { width: 50px; padding: 5px; } Почему-то Firefox и Google Chrome эти ссылки не видит. В опере и експлорере все ок. Если убрать стили, то ссылки работают. Во всех остальных местах с подобным кодом все ок. Только в од…

    Asked by avira,

    0 votes
    5 answers

  21. @font-face

    Подключил свой шрифт но он не работает, какая может бить причина??? @font-face { font-family: Perfo; src: url('font/perfo.eot'); } Весь код можно увидеть здесь

    Asked by Mr.Black,

    0 votes
    8 answers

  22. COLSPAN и IE

    Вот пример таблицы <table width="100%" border="1"> <tr> <td colspan="3">Let me show you somthing</td> </tr> <tr> <td>A</td> <td width="32">B</td> <td width="32">C</td> </tr> </table> Во всех браузерах которых проверял, все нормально, а в IE ячейки вместо width=32 сбиваются на неизвестную величину. Подскажите пожалуйста варианты решения. P.S. Версия IE 8.0

    Asked by graf,

    0 votes
    10 answers

  23. Отступ в заголовке.

    Всем привет. Я новый пользователь вашего форума. Будем надеяться, что он поможет расставить некоторые точки над и. ... Столкнулся с проблемой, может это не проблема и есть альтернативное решение, но я его пока не нашел. В заголовке второго уровня, мне нужен какой либо отступ, допустим 10px. Если его делать с помощью маргин или паддинг, то он смещается вместе с бордером который идет с низу. Есть альтернативные варианты отступа, без "съезжания" нижнего бордера. Или только использовать спец.символ "nbsp"? li > h2{ border-bottom:2px dashed #222; color:#66C; } li > p{ text-indent:1em; } </style> </head> <body> <div id="main"> <div cl…

    Asked by Bandyy,

    0 votes
    8 answers

  24. position: absolute + bottom: 0 + height: XXem

    Появилась необходимость, сделать див с фоном человека, который стоит на самом краю браузера. Ясное, дело html - height: 100% body - height: 100% mainContent height: 100% + position: relative .wrapper position: absolute + height: 55em + bottom:0 Теперь, при уменьшении высоты экрана меньшую, чем высота блока, он погружается под экран и скролл не появляется))) даже в таком хорошом браузере как FF 3.6. Я совсем нуб?))) Проблему решил через table-cell + vertical-align: bottom , но всё же охото узнать почему так происходило.

    Asked by Yahoo!,

    0 votes
    7 answers

  25. Можете посмотреть макет?

    Смотрите, начал верстать шаблон, вот макет: Скажите что мне нужно добавить и исправить, пока не окончил верстку?

    Asked by htmlonline,

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