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) Закрыть это окно (это просто, делаю через JS: <a href="java script:window.close()">) вопрос как реализуется первый пункт?

    Asked by Alexey Menshikov,

    0 votes
    2 answers

  2. Текст в кружке.

    Добрый день! Задумал сделать сайт в виде лупы Подскажите кто сталкивался, как сделать так, чтобы текст помещался строго внутри круга?

    Asked by Prokopov Nikolai,

    0 votes
    2 answers

  3. float и border

    Всем хи!!! Не могу решить тривиальную задачю. Есть контейнер, включающий в себя плавающие дивы. Как сделать чтобы граница внешнего контейнера отрисовывалась вокруг плавающих в нем дивов. <style> #pageNavigationPanel { border: 1px solid #000; height: auto; } #pageNavigationPanel div { position: relative; float: left; width: 14px; height: 14px; } </style> <div id="pageNavigationPanel"> <div>32</div> <div>1</div> <div>2</div> <div>32</div> <div>3</div> </div> fkds

    Asked by CoDy,

    0 votes
    2 answers

  4. значения атрибутов, и где родители

    Синтаксис width: значение | проценты | auto Аргументы В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера. Аргумент auto устанавливает ширину исходя из типа и содержимого элемента. ——————— от сюда вопросы 1) у меня div(ширина 100%) в div(на 50%) один для другого родитель и для этого родителя body родитель но почемуто указывая ширину 100% он выростает на всю р.область. как указать явного родителя. 2) как указать 12.5% (ил…

    Asked by serjico,

    0 votes
    2 answers

  5. Ссылка в слое

    Всем привет! Подскажите кам мне сделать картинку ссылкой, но при условии что картинка у меня является фоном слоя. <html> <body> <div id="menu1">ссылка</div> </html> сss: div#menu1 { background: url(menu.jpg); width:100px; height:100px; } Вообще можможна такая конструкция или нужно картинку поместить между div-ми?

    Asked by spatlet,

    0 votes
    2 answers

  6. div и дочерний элемент с margin > 0

    Здравствуйте, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Модальное окно</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { height : 100%; margin : 0; padding: 0; } </style> </head> <body> <div style="background-color: green;">asd</div> <div style="margin: 0; padding: 0; background-color: blue;"> <h1 style="margin: 45px; padding: 0px;">Заг…

    Asked by wholegroup,

    0 votes
    2 answers

  7. Банально - резиновый трехколоночный макет одинаковой высоты колонок, но...

    Коллеги, нужно решение или пинок, я и еще один сторонний верстальщик с этим вопросом не справились Есть макет из трех колонок, левая\правая фиксированной ширины, центральная соответственно резина, сам сайт резиновый по ширине экрана Нужно сверстать блоками, левая\правая колонки имеют фоновую заливку в соответствии с макетом дизайна и все три колонки должны быть одной высоты по самому заполненному блоку background: url("../images/bg_module.gif") repeat-y; Все инструкции что я встречал по данной ситуации говорят делать через отрицательный margin и border-left: 200px solid #FFF2BF; /* фон левого сайдбара */ Но меня это соответственно не устраивает, поскольку нужна фоновая…

    Asked by Sulpher,

    0 votes
    2 answers

  8. Меню на картинке

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

    Asked by Ritter,

    0 votes
    2 answers

  9. Css сдвиг м IE срочно пжл!

    Здравствуйте. Сделал верт. меню для сайта и сверху и снизу делаю изображение, чтобы меню выглядело эффектно, однако в ie небольшой отступ наблюдается, подскажите пожалуйстка как исправить или улучшить код. Верхний свиток выше от меню, .а надо, чтобы он к нему прижимался. Проблема только в IE

    Asked by Sayitright,

    0 votes
    2 answers

  10. перенос строки в абзаце

    есть тег абзаца <p>. внутри него идет текст, в котором возможны переносы. как сделать так, чтобы эти переносы вывелись как есть? т.е. нужно сделать что-то типа тега pre, только чтобы и искуственные переносы были при длинных предложениях. копаюсь в инете по этому поводу, подскажите, кто как решает такого рода проблему?

    Asked by theo_,

    0 votes
    2 answers

  11. Как сделать высоту 100% у внутренних элементов

    <table style="height:300px;" border="1" cellpadding="4"> <tr> <td valign="top"> <div style="background:orange">Bla bla bla...</div> </td> </tr> </table> Есть такой код. Мне нужно сделать чтобы высота у элемента div была такой же, как и у родительского элемента td. То есть для данного примера - чтобы таблица была закрашена оранжевым во всю свою высоту. Однако как ни бился с height - кроссбраузерного решения не получилось... Если у td и у div прописать стиль height:100% начинаются проблемы если высота таблицы больше высоты экрана. Если вместе height использовать min-height:100% - не работает в chrome. Может кто из более ум…

    Asked by Тсарь,

    0 votes
    2 answers

  12. Правила для IE and Firefox

    Скажите пожалуйста, как в этом стиле для IE с 5.5 по 7 сделать правило отдельно? (надо, чтобы в IE отступ был 100px а в остальных браузерах 120) .csssss { padding-top: 120px; padding-left:310px; width:400px;

    Asked by Sayitright,

    0 votes
    2 answers

  13. правильное расположение блоков

    Здравствуйте! Ситуация такая - есть стандартный 3-ех колончатый, резиновый макет... Цель: cделать так, чтобы центральный блок занимал все свободное место в отсутствие правого... помогите кто чем может, желательно советом Спасибо!

    Asked by lebyr,

    0 votes
    2 answers

  14. как используется COLSPAN ?

    .....

    Asked by cosonic,

    0 votes
    2 answers

  15. Как сделать блок одним целым

    Парни подскажите как сделать следующию конструкцию одним монолитом! выводится картинка, а слева с ней надпись, которая выровнена по вертикали относительно картинки. Это получается один блок. и таких блоков может быть очень много. Один из блоков может дойти до конца строки, картинка останется на старой строке, а текст переносится на новую. Как сделать, чтобы при достижении конца строки, если весь блок не входит, то целиком бы переносился на новую строку. Надеюсь, мне удалось объяснить <div class="pic"><img src="../pic.png" style="vertical-align:middle;"><a href="">Картинка</a></div> где .pic { display: inline; text-align: left; pad…

    Asked by Pacan4ik,

    0 votes
    2 answers

  16. Ширина абзаца в ячейке таблицы

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> … <style> .first {width: 44%; padding: 0 4% 0 6%;} .second {width: 42%; padding: 0 4% 0 0;} </style> … <table width="100%" border="0" cellpading="0" cellspacing="0"> <tr> <td class="first">Длинный текст</td> <td class="second">Текст</td> </tr> </table> IE8 отрисовывает текст первой ячейки за пределы онной. Как побороть, если паддинг нужен?

    Asked by psworld,

    0 votes
    2 answers

  17. overflow: visible в IE

    Всем привет!!! Подскажите плиз решение данной проблемы(если оно есть). Вот код: div#test { margin: 0; padding: 0; width: 100px; background: #ff0; border: 1px solid #000; zoom: 1; overflow: visible; } </style> <div id="test"></div> <div id="test">asdadaasddssssssssssssssssss</div> Везде кроме IE эти контейнеры имеють шрину 100px и видно их содержимое(ибо overflow: visible;), а IE растягивает нижний до размеров содержимого, игнорируя width: 100px;. Подскажите можно ли это както поправить?(мне это нада для создания контента который не занимает места, position: absolute не подходит)

    Asked by CoDy,

    0 votes
    2 answers

  18. Старый больной Ослик

    Друзья спасите!!! Понимаю, что надо отказаться от поддержки IE6, но вся работа по кроссбраузерности позади...осталась одна странная засада: в текст в тегах абзаца вставлены обтекаемые текстом картинки, которые в Ослике (!!!) ОСТАЮТСЯ ПОД ФОНОМ. Т.е. весь текст виден, места под картинки предопределены, а сами изображения видно секундочку только при перезагрузке страницы...потом их накрывает фон. Бред. Причем ВСЕ остальные браузеры отображают страницу нормально. Гуглил, но результатов 0. Вдруг у кого такое было... Кстати сказать, если изображения вывести из тега абзаца, то они появляются.

    Asked by carakurt,

    0 votes
    2 answers

  19. не понятная ошибка

    Здравствуйте. подскажите, пожалуйста, как может на одной странице комментарии отображаться "криво", а на остальных нормально, как и положено? писал форму по заказу, выслал все файлы заказчику, он сам устанавливал всё на сервер. сегодня зашёл посмотреть, что получилось и увидел такую проблему вот здесь можно посмотреть. Заранее благодарю откликнувшихся.

    Asked by slo_nik,

    0 votes
    2 answers

  20. Вставка видео

    Люди помогите мне найти Тэг на вставку видео,. я начинаю только создавать сайты, и многое не знаю

    Asked by M@SK@,

    0 votes
    2 answers

  21. Вставка видео в статью!

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

    Asked by respect,

    0 votes
    2 answers

  22. Цвет маркера

    Как можно задать маркеру цвет? Чтобы не пользоваться list-style-image.

    Asked by Игорь Ермаков,

    0 votes
    2 answers

  23. Ячейка теперь не ячейка

    Может кому пригодится, сегодня обнаружил, что если ячейке сказать "дисплей блок", то ее спокойно можно вынимать из таблицы и располагать куда угодно отриц. маргинами, позиционированием. Проверил только в Опере, ФФ и ИЕ: да, да, нет(включая 8).

    Asked by Justnewone,

    0 votes
    2 answers

  24. ссылка на скачивание сайта

    всем привет. перепробовал много вариантов. не качаеться. файлы katalog.zip и katalog.pdf - есть. путь - в папке вместе с index.html как сделать правильно ссылку на скачивание? спасибо <p><a href="katalog.zip"> каталог </a><br> <p><a href="katalog.pdf"> каталог</a><br> <p><a href="file:katalog.zip"> каталог</a><br> <p><a href="file:katalog.pdf"> каталог </a><br> <p><a href="file://katalog.pdf"> каталог </a></FONT><br>

    Asked by sky_master,

    0 votes
    2 answers

  25. как сделать запрос

    доброго всем дня у меня такой вопрос: например есть поля. Например выбрать город, выбрать улицу, выбрать дом, нажать выполнить и выводится результат поиска. Так вот, вопрос, с помощью чего это делается. Хотелось бы сделать такое же, может MySQL?

    Asked by kLASTER,

    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