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. Помогите с позиционирование простой структуры блоков

    Доброй ночи. Помогите пожалуйста раобраться с позицонированием блоков норме 1,2,3 относительно контента. Какие надо им дать параметры в цсс для верного отображения? Потому как текущи код выстраиваит их в рядок, никто никого не обтекает. .1 { overflow: hidden; min-width:25px; min-height:40px; margin: 5px; position: relative; float: left; z-index: 0; width: 25px; height: 40px; } .2 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: left; z-index: 0; width: 25px; background-color: #FFFFFF; } .3 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: l…

    Asked by artpol,

    0 votes
    5 answers

  2. Помогите с позиционированием

    Сделал в?рстку, в IE работает, в FF нет Намудрил с позиционированием. В FF при наведении на кнопочки ничего не происходит (я имею в виду, что ссылки перекраваюся слоем и на них нельзя нажать), т.е. кнопки под слоем. Можно их "поднять"? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> body { padding: 0; margin: 0; } #menu img { margin: 0; padding: 0; border: 0; } #menu { padding: 1px 0 0 0; position: relative; } #menu #img_spac…

    Asked by Юрий,

    0 votes
    6 answers

  3. помогите с позиционированием

    Здраствуйте! Помогите разместить 2 картинки на разных слоях, чтобы 2-я(меньшая, находится на другом слое) позиционировалась относительно первой (большей) сейчас все выглядит так: http://jsfiddle.net/zzhBL/9/ проблема в том, что меньшая картинка "плавает" в зависимости от размера монитора, а нужно чтобы всегда была на одном и мот же месте относительно первой. Вот код: <p> </p> <div><img src="images/logo-rus.gif" border="0" alt="" style="display: block; margin-left: auto; margin-right: auto; position: relative;" /> <div><img src="images/logo03-ru.png" border="0" style="margin: -20px 175px; vertical-align: top; left: 20px; top: 20px; width:…

    Asked by lin0ks,

    0 votes
    4 answers

  4. Помогите с позиционированием

    Здраствуйте у не могу сверстать один блок, нужно сделать бирку о скидках, у меня бок виден за рамками родителя, как быть? вот код: HTML - <div class="coll"> <div class="salesban">sales</div> <img src="img/sell3.png" alt="img"> <h3 class="sal">$30.00</h3> <div class="hov"> <h3>new STELLA MCCARTNEY</h3> <ul class="star"> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> <h3><a href="#">add …

    Asked by samogray,

    0 votes
    6 answers

  5. Помогите с позиционированием

    Доброго времени суток! Помогите пожалуйста с позиционированием формы через css. Мне нужно, чтобы форма была по центру окна. Чего не хватает в коде css? HTML: <!DOCTYPE html><html lang="ru"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="style.css" /> </head> <body> <form action="" method="post"> <input name="name" type="text" /> <p><textarea name="comment" cols="40" rows="10"></textarea></p> <input name="button" type="submit" /> </form> </body></html>CSS: body { margin: 0; padding: 0; width: 100%; height: 100%…

    Asked by Klaus,

    0 votes
    6 answers

  6. помогите с позиционированием div блоков

    Привет всем! Ребята, помогите пожалуйста, всю голову сломал с позиционированием блоков. У кого есть какие варианты? Верстка резиновая. Прикладываю картинку.

    Asked by migunov88,

    0 votes
    3 answers

  7. Помогите с позиционированием по центру

    Мне надо чтобы текст был строго по центру экрана, прижат к верху (не фиксирован) на разных разрешениях. Перепробовала кучу вариантов - ну никак не получается - на разных разрешениях косяки... ...я в CSS не очень,- может что упускаю... код CSS: .tel {position:absolute;top:-28px;color:#64583a;z-index:1;font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, Serif;font-size:19px;}код HTML: <div class="tel">(048) 794-15-75 (048) 743-57-72 (098) 232-89-13</div>Заранее благодарна за помощь.

    Asked by irinasfdr,

    0 votes
    4 answers

  8. Помогите с позиционированием.

    Сражаюсь уже день, в итоге получается расположить или все в столбик, или все в линию. Source Css ul#content {height:1%;overflow:hidden;list-style:none;margin:0;padding:0;max-width: 1020px;} ul#content li{vertical-align:top;display:inline-block;margin:0 2% 26px 0;width:auto;} * html ul#content li{display:inline;} *+ html ul#content li{display:inline;} Html <ul id="content" > <li> <div style="height: 420px;width: 740px;" ></div> </li> <li> <ul> <li> <div style="min-…

    Asked by mola10,

    0 votes
    8 answers

  9. Помогите с поиском

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

    Asked by Shugich,

    0 votes
    10 answers

  10. Помогите с поиском книг

    Доброго времени суток. Мне хотелось бы найти хорошие книги по 3-м темам: По HTML5 По CSS3 По JS Может быть есть хорошие серии книг от одного издательства по этим темам. Буду благодарен за помощь.

    Asked by ulteriormoon,

    0 votes
    8 answers

  11. Помогите с постоянными элементами, плиз!

    Здравствуйте! На моем сайте есть постоянные элементы - такие как меню слева страницы, логотип и внизу что-то типа копирайтов. Как можно подключить их, а не прописывать на каждой странице? ЗЫ Вариант с фреймами не подходит. Спасибо!

    Asked by otmoroz095,

    0 votes
    9 answers

  12. Помогите с правильной HTML-структурой

    Ребята, можете помочь со структурой html кода. А то напутал наверное. Кому не трудно - проверьте быстренько Буду благодарен http://codepen.io/anon/pen/grXpmP

    Asked by JumpSnoopy,

    0 votes
    1 answer

  13. Помогите с привязкой JavaScript к форме

    вот код <form method="GET" action="au.js" name="au"> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI">Авторизация</font></p> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI">Имя:</font></p> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI"><input type="text" name="T1" size="28"></font></p> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI">Пароль:</f…

    Asked by papa_misha,

    0 votes
    5 answers

  14. Помогите с примерами

    Господа профессионалы, подкиньте пожалуйста ссылки на правильно сверстанные сайты и главное они должны быть сложные . Может и на форуме есть но я почему то не вижу . Охота подглядеть некоторые вещи у профи.

    Asked by Sergik+,

    0 votes
    5 answers

  15. Помогите с примером!

    http://www.getincss.ru/2008/10/19/oformlen...u-css/#more-609 вот статья о том как сдлеать иконку для внешнего сайта. Но нет примера, все написано кусками, не могли бы вы поделиться или обяснить как сделать такой пример. Помогите пожалуйста

    Asked by hello2,

    0 votes
    23 answers

  16. Помогите с проблемой

    Здравствуйте, меня интересует вопрос, почему при масштабе страницы падать блоки? (в блоке "places_results" и навигации), ширина ж задана в px. http://mihayliack98.url.ph/naturetour/index.html

    Asked by Ghost86421,

    0 votes
    1 answer

  17. Помогите с проблемой

    Добрый день! Подскажите как выстроить блоки в ряд и чтоб при уменьшении экрана по ширине, текст переходил на новую строку, а блоки оставались на месте. Вот пример - https://jsfiddle.net/damir180/pu9dtpwb/embedded/result/

    Asked by damir180,

    0 votes
    5 answers

  18. Помогите с проблемой в опере и ie

    Мы с женой сделали сайт для нашего храма htttp://www.vavtovo.ru/hram. Это наш первый и, разумеется, некоммерческий сайт. Он достаточно простой, но, тем не менее, полностью устраивает и нас, и настоятеля. Мы столкнулись с нерешаемой для нас проблемой: когда смотришь галерею (точнее, нижние фотографии галереи) в ie7 и в опере, то полноразмерные фотографии появляются сверху за пределами просмотра монитора. Чтобы их посмотреть, нужно поднять прокрутку. Тогда как в хроме и мозилле все фотографии, независимо от их расположения, открываются по центру экрана. Подскажите, пожалуйста, как быть? Если такая ситуация уже где-то встречалась, пришлите, пожалуйста, ссылочку на решение. …

    Asked by uncleChalex,

    0 votes
    5 answers

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

    Я новичок, сейчас делаю сайт, собственно вот он: _http://personaastro.ru и проблема в отображении на главной странице активных ссылок в виде картинок. Под этими картинками в некоторых браузерах, а именно в firefox и opera, появляется пунктирная линия. По другим форумам мне не могут дать ответ, советуют параметны img src выставить 0 и none, уже выставляли и в коде css, и на странице, не помогает.. вот текущий скрипт: <acronym title="/ov-tod.html" style="/aries.png" width="Телец"> <a href="/tel-tod.html"><img src="taurus.png" width="Близнецы"> <a href="/bli-tod.html"><img src="/gemini.png" width="Рак"> <a href="/rak-tod.html"><img src…

    Asked by ilia,

    0 votes
    9 answers

  20. Помогите с проблемой!

    Привет всем форумчанам Возникла проблема, в css файле у меня установлены параметры для отображения .img Но нужно вставить одну картинку без этого стиля,применяющегося ко всем картинкам. Есть ли способ как-то обойти этот стиль,либо отключить его применение к определенной имаге?

    Asked by AIMCH3R,

    0 votes
    2 answers

  21. помогите с прозрачностью

    Люди помогите в верстке. Нужно получить вот такой элемент. http://s019.radikal.ru/i601/1301/89/d7ac2bf06bbe.gif В котором черный фон прозрачный текст и картинка нет. <section id="line_one"> <aside class="left"><img src="img/photo_like.gif"><p>Показать <br/> все фото</p></aside> <aside class="right"><img src="img/like.gif"><p>Мне <br/> нравится</p></aside> </section> стили .left { width:200px; height:61px; float:left; background:#000; border-radius:0 40px 40px 0; } .left img { float:left; margin:3px 0 0 10px; } .left p { padding: 5px 0 0 80px; } Пробовал по разному, к left…

    Asked by vladmih,

    0 votes
    2 answers

  22. Помогите с проигрывателем

    В общем, написал на сайте страничку креативов, куда человеки могут закинуть флэшки, видео или музыку. Но возникла проблема с проигрывателем для видео и аудио - перерыл кучу скриптов, везде одно и то же "УСТАНОВИТЕ ПЛАГИН". Разве что медиаплеер11 в седьмом эксплорере работает:) Подскажите мне решение этой проблемы, плиз.... Вот например сайты серии Ютуба - заходишь - работает под всеми браузерами, не без глюков, конечно, но работает

    Asked by Элвис,

    0 votes
    10 answers

  23. Помогите с простой задачей XML, CSS

    Доброго времени суток, товарищи! Прошу помочь с таким вот заданием: Вывести содержание документа XML, который приведён ниже, в виде таблицы с фиксированной шириной 900px, где каждый столбец имеет фиксированный размер. Каждый второй ряд таблицы выведите красным цветом.

    Asked by GrandLamoz,

    0 votes
    0 answers

  24. Помогите с путём

    Может быть есть возможность помочь: в html состряпана страничка, пусть i.html на ней рисунок 1.gif страничка на сайте, допустим, по адресу www.******.ru/i.html сайт лежит у провайдера на www.XXXXX.ru и страничка и gif лежат в папке public_html прописываю внутри i.html <img src="1.gif"> - пишет что нет файла!!! хотя тут же в папке лежит другая страничка и файл гиф с такой же пропиской внутри нее - все нормально отображается. может быть как-то сайт провайдера должен быть упомянут? Помогите кто-нибудь, "и чем только я это не пробовала" (С)

    Asked by ыра,

    0 votes
    4 answers

  25. Помогите с расположением слоёв

    есть меню http://ribellina.com.ua/ при наведении на пункты появляется красный бордер, нужно сделать как на скриншоте при наведении http://cs11056.vkontakte.ru/u43872157/140913347/x_1ba0a30b.jpg тоесть убрать полосу снизу игрался с z-index Но ничего не выходит, кто что скажет ?

    Asked by sight,

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