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. 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

  2. div и ещё раз div: отступ и центрирование

    Hi there) Помогите плз доделать сайт https://tracker-list.firebaseapp.com/ Проблемы: 1) Когда сжимаешь страницу, блок rom располагается не строго по центру https://i.imgur.com/Vvdc1E8.png из-за медиа запроса где стиль width:80% Но мне нужно его отцентировать и чтобы размер был относительно страницы как по умолчанию на декстопе со свойством width:30% Что в коде изменить? 2) Если убрать id=dbox и box блок rom выглядит так как задумывалось изначально, а с ними почему-то Уже стал. Как это исправить?

    Asked by jeckk,

    0 votes
    6 answers

  3. Div и картинки. Адаптивная верстка

    Здравствуйте, уважаемые посетители форума. Замучался решать вопрос, он следующий. У меня есть скрипт ротатора картинок, который меняет картинки по времени (делает это через ul). Как сделать так, чтобы картинки которые он выводит НИКОГДА не выходили за границы div'а? И еще вопрос. Мне нужно чтобы все это было адаптивно к экрану (будет показываться на full HD, но была бы возможность посмотреть с 17-24"(Radmin)). Если вас не затруднит, помогите пожалуйста. Код прилагаю. В нем о размещении элементов даже не пахнет (много раз исправлял). Нужен такой вариант как во вложении (картинке), чтобы так было на всех экранах (ток картинки по-больше в высоту ну и выровняно). Понимаю, что…

    Asked by morohon,

    0 votes
    1 answer

  4. Div И рисование Геометрических фигур

    Ребят такая ситуация вот я с помощью css нарисовал трапецию ,вот код:#trapezoid { border-bottom: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; width: 100px; } потом присваиваю это css правило div контейнеру мне нужно чтобы была рамка горизонтальная по всему сайту с низу из трапеций как это реализовать,думал насчёт функции repeat но она подходит только для background image

    Asked by Stripped,

    0 votes
    3 answers

  5. div и фоновая картинка

    Изучаю div верстку, столкнулся с проблемой - не работает фоновая картинка в теге div. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Новый Документ</title> <style type="text/css"> <!-- H1 { background-image: url(1.jpg); } --> </style> </head> <body> <div id="H1">Здесь располагается содержимое нового тега Div</div> </body> </html> Картинка и html страничка лежит в одном кат…

    Asked by sneg06,

    0 votes
    4 answers

  6. div или table

    Как по Вашеу мнению, что эффективней, быстрее и к"кроссбраузерней" ) использовать div или table. Приветствуются именно аргументированные ответы, а не в стиле "Я использую table, потому что меня так научили..." и т.п.

    Asked by emgebor,

    0 votes
    24 answers

  7. DIV или TABLE

    Здравствуйте! Почитал по форуму и возник у меня такой вопрос что предпочтительнее? Кто то пишет, "делай так как привык" кто то "ааа да там табличный дизайн". Попробовал я сделать страницу без таблицы, получилось, но заморочился по полной. Сделать такую же страницу в таблице будет раза в 2 - 3 быстрее. вопрос собственно: В чем преимущество того и другого способа верстки?

    Asked by Walker,

    0 votes
    4 answers

  8. Div или Table Height=100%

    Есть простая страница - колонка посередине, слева background div, справа backround div (оба на всю вышину). То есть макет элементарнейший. Условия: 1) doctype transitional (с ссылкой на документацию) 2) кроссбраузерность. на все таги вешаем как положено height:100%, на html,body и контентные. Теперь траблы: или надо выкидывать doctype или IE. Собственно, что таблица, что div-ы с height:100% ведут себя точно также, разницы нет в чем верстать. Забудем по причине работоспособности о других браузерах кроме ИЕ. Все вытягивается нормально до момента когда длинна контента не превышает вышины ока браузера. Как только появляется scroll, то вышина diva остается равной вышине окна …

    Asked by paulik,

    0 votes
    2 answers

  9. Div к списку ссылок

    Кто-нибудь может подсказать в каком направлении гуглить: хочу сделать так чтобы Div примененный к списку ссылок(прямые на картинки) применял к каждой ссылке такую форму: <a href="{URL}"><img width="150" src="{URL}" border="0"></a> Или средствами css этого не добиться?

    Asked by gifron,

    0 votes
    13 answers

  10. div как ссылка

    имею .number1 {background:url('wrapper_tr.jpg') 100% 0 no-repeat; } нужно добавить чтобы данный класс явился ссылкой на постоянный адрес, и имел размер ну допустим 100 на 150 рx. что нужно дописать? linkblock - не работает.

    Asked by Gokusa,

    0 votes
    13 answers

  11. div как ссылка в firefox 3.6

    доброго всем времени суток Хочу спросить помощи, так как самостоятельно не могу решить задачку. Суть изложена в названии темы - моя цель сделать некий div ссылкой. На страничке имеется выпадающая менюшка, сделанная на jQuery и CSS. Под ней есть див с картинкой внутри. Я использую ShadowBox, в итоге код получился для конструкции такой: <div id="имя"> <a href="путь" rel="shadowbox;width=640;height=480" title="что-то"> <img src="путь" title="что-то" alt="название" class="pic"/> </a> </div> У менюшки описан z-index: 5, ввиду того что картинка обновляется скриптом и иногда возникает эффект "мерцания" этой самой менюшки. То бишь перекрывается она…

    Asked by hAhol,

    0 votes
    3 answers

  12. div как таблица

    Привет...Подскажите интересные решения, как див сделать таблицей без использования display

    Asked by Mr.Black,

    0 votes
    5 answers

  13. Div Кнопка - ссылка, как быть?

    Здравствуйте еще раз.=) Столкнулся с такой проблемой как кнопка - ссылка Div. Вот код: <a href="#"> <div class="button_uznai1"> <p class="button_uznai1_text">Узнай больше!</p> </div> </a> Вот файл css для этого дела: div.button_uznai1 { width:172px; height:41px; background-image:url(uznai2.gif); margin-left:50px; margin-top:30px; display:block; } div.button_uznai1:hover { background-position:0 -41px; } p.button_uznai1_text { font-size:16px; font-family:"Arial Black", Gadget, sans-serif; padding-top:7px; } Вот так кнопка выглядит в браузере: (Нажмите для увеличения) Проблема в том, что мне надо сделать так, что…

    Asked by logicface,

    0 votes
    4 answers

  14. DIV конструкция с треугольником на CSS3

    Здравствуйте. Создал на CSS3 небольшую конструкцию: http://jsfiddle.net/R6ynT/ Линия 100%, под ней два блока пл 50% и у одного из них прилеплен треугольник через псевдотэг. В FireFox отображается хорошо, а вот в Chrome и Opera - по-разному. В Chrome треугольник сдвигается на пиксель вверх. В Opera появляется просвет между треугольником и левым блоком. Подскажите, пожалуйста, можно ли решить эту задачу кроссплатформенно? Заранее благодраю за подсказки.

    Asked by DarkTranquillity,

    0 votes
    2 answers

  15. div лесенкой

    Не могу нормальным способом сделать следующее: - слой - слой - слой - слой Единственное, что приходит в голову - или каждому слою дать id или запихнуть слой № 2 в №1, 3 в 2, 4 в 3 и каждому выставить отступ.

    Asked by IceBars,

    0 votes
    4 answers

  16. div меню со span'ами и justify

    решил написать резиновое меню с простым концептом: <div id="menu"> <span>menu element 1</span> <span>menu element 2</span> <span>menu element 3</span> </div> на div решил указать text-align: justify и на кажды span небольшие горизонтальные padding'и. тоесть весь мой css выглядит так: #menu {text-align: justify;} #menu span {padding: 0 5px;} но текст не тянется на ширину div'a и располагается слева. нужен совет по исправлению или новый концепт (желательно первое).

    Asked by freeek,

    0 votes
    3 answers

  17. div на div

    В общем ситуация: есть див с ещё тремя внутри. Жёлтый не трогаем. У зелёного заданы только бордеры - нужно вроде как оформление сделать, не суть. А в красном текст будет. И этот зелёный как бы в стороне - текст доходит только до его границы, некрасиво получается. А надобно, чтоб он шёл дальше. Как бы реализовать? У зелёного относительное позиционирование верх право + плавает справа, это нормально?

    Asked by Peekit,

    0 votes
    8 answers

  18. div на все экран

    Всем привет. есть такой вопросик У меня есть div дочерний body Мне нужно сделать так что бы он даже пустой был на весь экран. а при наполнении контентом тоже увеличивался мой вариант не работает корректно. При открытии документа он отображается на весь экран. но при добавлении контента его высота отается неизменной. В данном диве находиться фон сайта. Подскажите пожалуйста вариант как это можно обойти

    Asked by kent666,

    0 votes
    3 answers

  19. Div на всю свободную высоту со скроллом

    Здравствуйте! Как можно сделать, чтобы левая колонка занимала всю свободную высоту между шапкой и подвалом и при этом имела вертикальную прокрутку (содержимого в ней будет не меньше 4-5 экранов)? И чтобы при этом не появлялась вертикальная прокрутки всей страницы. Сейчас задал ей высоту жестко в пикселях - height: 600px;. Соответственно, на малых разрешениях имею нежелательный вертикальный скролл всей страницы и "наплыв" подвала на левую колонку, а на больших - кучу свободного места между левой колонкой и прикрученным к низу подвалом. Ну, и до кучи хотелось бы, чтоб высота правой колонки (независимо от количества текста в ней) всегда равнялась высоте левой Вот нынешни…

    Asked by Kovalen,

    0 votes
    2 answers

  20. DIV на высоту ячейки

    Добрый вечер, уважаемые форумиты. Очень прошу вашей помощи. У нас есть табличка с двумя колонками. Высота таблицы изменяется в зависимости от контента либо в левой либо в правой ячейках. В левой ячейке есть DIV. Как этот DIV растянуть на всю высоту ячейки? Заранее, большое спасибо!

    Asked by Noirless,

    0 votes
    2 answers

  21. div надо приклеить справа снизу страницы.. никак((

    ребят есть такой код <style type="text/css"> .block1 { bottom: 0px; padding-right: 10px; background: #ccc; position: absolute; } </style> <div class="block1">Lorem</div> в итоге на этой странице DIV со словом Lorem отображается слева, все чего я смог добиться это то что он приклеился к низу http://anitchkov.vputi.net а мне надо что бы он был в самом углу справа, снизу справа и желательно что бы этот DIV шел нижним!!!! слоем, потому что туда я хочу разместить кусок фона!! буду очень признателен за подсказки заранее спасибо

    Asked by prajenik,

    0 votes
    11 answers

  22. DIV не больше заданой ширины

    Приует всем! Мне нужно создать див, чтоб он был не больше 1600пикселей, но мог быть меньще, не подскажите куда мне смотреть или тыкните носом как это можно реализовать.

    Asked by lamaka,

    0 votes
    6 answers

  23. DIV не выравнивается по высоте

    Добрый день, подскажите пожалуйста: http://jsfiddle.net/8xyNP/ 1) Почему, у span.b автоматически не выставляется высота как у родителя div.a? 2) Если, у span.b выставить width: 500px, как сделать чтобы span.c сам выставил себе значение width, до элемента span.b?

    Asked by AppleMacMy,

    0 votes
    6 answers

  24. div не обтекает картинку в IE 6

    Сложилась такая проблема: Мы имеем картинку размером 340x105 px, и теперь нам надо всунуть её в div, да так чтобы он ее полностью обтекал. Для этого: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> main </title> <style type="text/css"> body { margin: 0; padding: 0; border: 0; } /* Данный блок тех же размеров что и изображение */ #header { width: 340px; height: 105px; background-color: red; } </style> </head> <body> <div id="header"> <img src="logotype.gif" width="340" height="105"> </div> </body> </html> Во всех остальных…

    Asked by stolker,

    0 votes
    2 answers

  25. div не растягивается по содержанию

    Уважаемые подскажите, совершенно вылетело из головы, где я забыл какие параметры. Проблема в том, что у бокса есть фон, тянущийся до самого низа. В данный момент фон виден только сквозь див "headerbox", дальше следующие дивы перекрывают собой его. Как сделать чтоб фон не зависимо от параметров начинки, виден был по всей протяженности блока. html <div id="box"> <div id="headerbox"></div> <div id="section1">1</div> <div id="section2">sfgdfg</div> <div id="section3">1</div> </div> css #box {width:960px;margin:0 auto;text-align:left;background:url(img/bg0.gif) repeat-y;position:relative;} #headerb…

    Asked by cmndr_alexgreen,

    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