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. Размещение jQuery слайд шоу в нужном элементе

    Доброго времени суток! Есть тестовая страница http://poligonteam.ru/ Задача: поместить фоновое слайд шоу Supesized v3.2.7 в первый параллакс слайд (Stellar.js). Собственно на данный момент часть слайд шоу помещено в первый слайд (текст и кнопки навигации), но смена изображений происходит в body (Slide1 и Slide4 имеют прозрачный фон). В jQuery (да и вообще в JavaScript) понимаю плохо, но стараюсь разобраться. Просматривая код (Supersized), натолкнулся на такую запись (function($){ /* Place Supersized Elements —————————-*/ $(document).ready(function() { $('body').append('<div id="supersized-loader"></div><ul id="supersized"></ul>'); }); …

    Asked by PR0XY2027,

    0 votes
    0 answers

  2. размещение баннеров

    работаю на юкоз. сделал сайт, не доделал верстку из-за одной проблемы: сайт рекламный. как мне сделать так, чтобы любой пользователь после оплаты мог разместить свой баннер на главной?

    Asked by Sn0wBreeze,

    0 votes
    3 answers

  3. Размещение блока div и резиновый дизайн

    Я уже почти день ломаю голову и никак не могу придумать как это все сделать. Может, поможете? http://cssdesk.com/vku9R Нужно, чтобы дизайн был резиновый, а именно 25% 50% 25% Шапка и подвал на своих местах. Блоки .menu #content .ads были на одном уровне.

    Asked by Haindell,

    0 votes
    2 answers

  4. Размещение блока по центру экрана

    Здрвствуйте! Задача: разместить два блока на div один в другом в центре экрана. Для большей наглядности привожу ссылку: _hххp://zdoba.modxshop.ru/avtorizacziya.html Стили: #autoriz { background: #FEFDCD url(../images/zastavka.jpg) no-repeat; width:1000px; height:800px; position: absolute; top:15%; left:15%; border: 1px red solid; margin: auto; } .content { width:1000px; height:800px; display: table-cell; vertical-align: middle; } Верска: <div id=autoriz> <div class=content> содержание </div> </div> Использование top:15%; left:15%; я так понимаю это лишнее, это не то что нужно, так как на ра…

    Asked by SKM,

    0 votes
    4 answers

  5. Размещение блоков

    Помогите решить вот такую проблемку: CSS - код @charset "utf-8"; /* CSS Document */ body { background-color:#FFF; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; } /*Бокс 1*/ div.h1 { margin: 10px; padding:35px; background-image:url(../img/Log_in.jpg); width:230px; } .ot_l {margin-top:3px; margin-bottom:3px; margin-left:8px;} .ot_p {margin-top:3px; margin-bottom:3px; margin-left:3px;} .f_1 {font:Verdana, Geneva, sans-serif; font-size: 11px;} /*Бокс 2*/ div.h2 { margin:10px; width:300px; height:150px; background-image:url(../img/Log_in.jpg); position:absolute; right:10px; top: 60px; } PHP - код <body> <table width="…

    Asked by Snake242,

    0 votes
    3 answers

  6. Размещение блоков css

    Не Могу разместить блоки чтобе они располагались вот так: <style> * { vertical-align: top; margin: 0; padding: 0; zoom: 1; } </style> <div style="width:192px;background:#000;"> <div style="display:inline-block;background:red;width:32px;height:32px"></div> <div style="display:inline-block;background:green;width:32px;height:32px"> </div> <div style="display:inline-block;background:blue;width:64px;height:64px"> </div> <div style="display:inline-block;background:orange;width:32px;height:32px"> </div> <div style="display:inline-block;background:ora…

    Asked by geroi,

    0 votes
    2 answers

  7. Размещение блоков вряд, без копирования кода.

    Добрый день жители форума. Нужна помощь салаге, не видавшему морей) Мне нужно сделать четыре столбца, подряд, Есть такой вот код: .f_panel div { position:absolute; margin:20px 20px; width:220px; color:#FFF; background-color:#999; text-align:left; } Вопрос, как сделать их не копируя код в самом html? То есть я делаю div в нем делаю еще дивы со столбцами, в них будут краткие описания новостей, как их сдвинуть... не писать же для каждого столбца стиль с разным сдвигом, можно это как-то упростить?. Прошу извинения за немного абстрактный вопрос.

    Asked by vaak,

    0 votes
    2 answers

  8. Размещение блоков как на картинке

    Ну В общем помогите кто может, надоело репостить короче линк http://www.cyberforum.ru/html/thread750424.html С НОвым Годом!!!

    Asked by md5u,

    0 votes
    0 answers

  9. Размещение блоков на странице

    Добрый вечер, господа! У меня в макете нужно сделать следующее наложение блоков http://c2n.me/3c7Bs0s Нужно чтобы на слайдере была наложена шапка Никак не могу придумать как это сделать. Подскажите как бы это сделали вы? Вот то что сейчас есть: http://justexemple.host56.com/

    Asked by alex.kv,

    0 votes
    1 answer

  10. Размещение блоков с контентом

    Здраствуйте! Хотел бы узнать у вас, как делается подобный макет? Что мы имеем? (1) "Подложка" фиксированной ширины(по центру экрана) на которой размещаются контейнеры с контентом (2) Несколько блоков на "Подложке", а именно: Шапка, меню, два-три контейнера под меню(Там Мб личный кабинет, теги и тп), 5-7 контейнеров, расположенных справа от меню, в которых предпологается размещение новостей, подвал под всем этим делом ( Забыл нарисовать, но да ладно, с ним не возникает проблем) Итак, вопрос, как грамотнее всего реализовать данный макет? У самого были такие варианты: - с помощью position:fixed(left, top, right и bottom) попытаться все эти блоки разместить на "подложке". …

    Asked by OlegLont,

    0 votes
    3 answers

  11. Размещение блоков с помощью position: relative

    Нужно сделать что бы показывался определенный блок DIV по нажатию на выбор radio, остальные блоки становятся невидимыми. Блоки выводить нужно в одном и том же месте где и первый блок. Для реалицаии сделал использование position: relative. с отрицательными координатами top. Но в различных браузерах значения отступа разные... как это можно пофиксить? Делал изначально под Opera 9.27 там норма. в FF немного едит вниз. в IE 6 cущественно сьезжает вниз. Какие есть методы пофиксить эту проблему? <!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"> <he…

    Asked by ProGGGer,

    0 votes
    6 answers

  12. Размещение вложенных блоков ПОД слоем, в который они вложены

    Друзья, проблема такая. Есть две кнопки для листания карусели вперёд и назад (.prev и .next), мне нужно их разместить за блоком #page, в котором эта карусель находится. Дизайнерская задумка такая, что тень от #page падает на эти блоки, а тень, отбрасываемая блоками, частично скрывается за блоком #page. То есть #page находится над .prev и .next. Но почему-то не получается у меня поместить эти стрелки в нужное место, в результате они сами отбрасывают свою тень на #page. То есть они находятся над контейнером, в который помещены, а не под ним, как мне это нужно. Танцы с бубном вокруг z-index и position мне не помогли.. Подскажите, вообще задача реальная стоит? И если реальная…

    Asked by StormMan,

    0 votes
    4 answers

  13. Размещение документов

    Здравствуйте! У меня такой вопрос. Есть меню «Документы» как на этой станице разместить файлы txt, doc и т.д

    Asked by SignalshikZP,

    0 votes
    2 answers

  14. Размещение заголовка новости и даты создания новости на одной строке

    Как сделать размещение заголовка новости и даты создания новости на одной строке, при условии что дата должна всегда быть привязана к правой границе контейнера. Вот какая стилизация: http://jsfiddle.net/kipes/8cJE4/1/ А вот картинка, что на деле: а на деле получается, когда заголовок длинный (как в последнем заголовке на картинке), то дата вырывнивается по левому краю, а надо по правому, во всех остальных случаях тоже. Как быть, сам не разобрался

    Asked by Delat,

    0 votes
    5 answers

  15. Размещение изображений

    Хочу разместить изображение ровно по середине страницы над всеми элементами сайта, как подобное возможно реализовать? Сайт: http://madmandarin.tk/ Изображение это стрелки которые должны быть ровно по середине снизу изображения чайничка с чаем.

    Asked by MadMandarin,

    0 votes
    1 answer

  16. размещение изображений в виде таблицы без выравнивания по строкам

    добрый день. Подскажите пожалуйста, как реализовать вывод изображений как на этой странице bersoantik.com/catalog/ Нужно чтобы все изображения выравнивались только по столбцам - по 3 в строке, но в строке чтобы если одно меньше, одно больше по высоте, то отступы между изображениями по вертикали были одинаковые, то есть как-будто какой-то небольшой хаос. Спасибо за помощь.

    Asked by simplyweb,

    0 votes
    2 answers

  17. Размещение картинки в блоке

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

    Asked by NeoMurderer,

    0 votes
    1 answer

  18. Размещение картинки в центре слоя

    Добрый день. Слой с логотипом растягивается по всей ширине экрана. Картинка по ширине заведомо больше нужного размера. Как разместить центр картинки (по горизонтали) строго по центру слоя, желательно в фоне. Спасибо. П.С. Резать пополам картинку не хотелось бы.

    Asked by Ururu,

    0 votes
    4 answers

  19. Размещение картинки внутри div

    Здравствуйте! Такая проблема возникла. Есть div, у которого указано display: block;. Внутри него хочется разместить текст и картинку - просто чтобы они нормально выглядели, и текст облегал картинку. Для этого указываю у картинки align=left (или right), текст начинает облегать картинку, всё отлично - но только пока текста достаточно много. Если же текста мало, то div не раздвигается, и картинка вылезает за его пределы: http://problems.ru/view_by_author.php?author=480 Если же align=right не указать, то текст перестает облегать картинку, и возникают гигантские дыры. Можно ли поймать одновременно двух зайцев: чтобы при маленьком тексте div раздвигался до размера картинки, а п…

    Asked by Spartach,

    0 votes
    8 answers

  20. размещение картинки-ссилки на галерею в oт Picasa

    Здравствуйте. Вот ссылка на страницу: _http://www.skilledbuilders.ca/Gallery.html\ Создал в Picasa 4 галереи мне выдало на каждую код для помещение на страницу. Как видите все 4 Галереи размещены вертикально, а мне надо по 2 в одном ряду. Искал инфу в интернете и пробовал сам никак не получается. Код на вторую из них: <table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="https://picasaweb.google.com/103542931496703438548/BathroomShower?authuser=0&feat=embedwebsite"><img'>https://picasaweb.google.com/1035429314967…

    Asked by iceboyz,

    0 votes
    0 answers

  21. размещение картинок

    подскажите пожалуйста как правильно разместить на странице много фоток + упрвление с CSS. Нужно: - что бы они были размещены равномерно - возможность размещения коментариев к каждому фото - при клике на фотку она должна увеличиваться в отдельном окне спасибо

    Asked by Walsidalv,

    0 votes
    1 answer

  22. Размещение кнопки слеваот таблицы справа

    Не получается разместить кнопку в другой таблице от другой таблицы. В архиве фото ,какое я хочу получить, и мой код , который не может сделать это. http://www.sharemania.ru/0113759

    Asked by people2010,

    0 votes
    3 answers

  23. Размещение кнопок на странице

    Люди, пожалуйста помогите!!! Необходимо выставвить на html странице кнопки в фигуру "V" Как это можно реализовать, я уже голову сломал, кто может, помогите!!! Плиз!!

    Asked by Soviero,

    0 votes
    7 answers

  24. размещение кода баннера на сайте для партнера

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

    Asked by Darisha,

    0 votes
    1 answer

  25. Размещение контента наверху (после <body>), а визуально в центре

    Сопровождаю сайт с табличной версткой. Естественно что код с меню (с большим количеством ссылок - 15-20) и header находятся выше контента; хоть я и спрятал все детали оформления под CSS (остались только <td> и <tr>), но хотелось бы еще упростить жизнь поисковым роботам. Где-то вычитал, что при верстке слоями есть возможность расположить код с контентом выше всего остального, хоть визуально текст будет находится в середине странички, окруженный меню, хедером и футером. Подскажите пожалуйста, как вот в этом примере расположить код слоя с контентом поверх всего остального, но визуально оставить в центре. Если не трудно приведить пожалуйста несколько примеров так…

    Asked by Lime,

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