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. Растянуть svg на весь экран

    Привет. Подскажите, пожалуйста, как растянуть svg на весь экран и возможно ли это вообще. Например, есть svg как в приложении (truba.svg), может быть ситуация, что таких svg будет несколько (естественно, объединенных в одну). svg на страничке отображаю следующим образом: <object id="svg_id" type="image/svg+xml" width="1024" height="768" data="svg_name.svg"></object> Также, если кто знает, подскажите, что можно/нужно почитать для решения следующей проблемы: есть на страничке svg, например, на svg нарисована кнопка, и если нажать на эту кнопку, происходит какое-то событие, на которое js реагирует. Спасибо.

    Asked by ioprst,

    0 votes
    2 answers

  2. Растянуть UL

    Есть такая конструкция: <div id="main"> <ul id="menu"> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> <li><a href="#">link3</a></li> </ul> </div> #menu li { display:inline; float:left; } т.е. простое горизонтальное меню. как бы мне сделать так чтобы элементы растягивались на всю ширину div'a

    Asked by folibis,

    0 votes
    4 answers

  3. Растянуть блок aside по высоте при отсутствии текста в нем

    Добрый день! Потихоньку изучаю html и столкнулся с вопросом: как можно растянуть фон у блока aside в данном примере, чтобы он по высоте был всегда равен блоку posts? https://www.dropbox.com/s/2gwhcxprhozr38w/superverst.rar Ответившим заранее спасибо.

    Asked by FunApple,

    0 votes
    3 answers

  4. Растянуть блок div

    Есть блок HTML <div class="sidebar" id="sideRight">{include file="sidebar.tpl"} </div><!-- .sidebar#sideRight -->CSS #sideRight {float: left; margin-right: -3px; width: 250px; margin:-100px 0 0 -250px; position: relative; background:#fff;height:100%;}Нужно его растянуть на все высоту (чтобы и футер перекрывал)задавал height:100%; и html и body не помогло Помогите как сделать ?

    Asked by nimens,

    0 votes
    0 answers

  5. растянуть блок до самого низа

    Нужно растянуть левый блок до самого низа, весь форум перерыл - работающего ответа не нашел. Помогите пожалуйста, вот код: <!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="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>сайт</title> <!--<link rel="stylesheet" type="text/css" media="all" href="base.css">--> <style> *{margin:0;padding:0} html { height: 100%; } body { font-family:Verdana, Helvetica, sans-serif; font-size:12px; position: rela…

    Asked by JIEXA,

    0 votes
    8 answers

  6. Растянуть блок за пределы родителя в одну сторону

    https://jsfiddle.net/digitalmedia/1ag23rdb/ Необходимо растянуть блок .map до правого края браузера. Есть ли какое то решение для этого?

    Asked by vip,

    0 votes
    5 answers

  7. Растянуть блок или таблицу по высоте

    Такая ситуация, есть сайт у него такой доктайп: <!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" lang="ru"> Есть таблица, завернутая в другую ячейку таблицы: <td> <table width="100%" height="100%"> <tr> <td valign="top">инфа1</td> </tr> <tr> <td valign="bottom">инфа2</td> </tr> </table> </td> Проблема в том что не могу растянуть по высоте эту таблицу и выравнить по нижнему краю (valign="bottom") инфу2. Подскажите, плиз, как это побороть не меняя данный доктайп?

    Asked by okunev2,

    0 votes
    11 answers

  8. Растянуть блок контента

    Подскажите пожалуйста как исправить данный косяк? Смотреть скрин Блок контента сворачивается если в нем мало содержимого, как его растянуть до футера в не зависимости от наполнения? Вот стили блока #content80 { float:left; width:760px; overflow:hidden; background-color:#FCF6D6; } height: auto; не помогает

    Asked by Modestes,

    0 votes
    1 answer

  9. Растянуть блок меню до самого футера

    Здравствуйте! У меня такой вопрос: есть блок меню с фоном, нужно растянуть его вниз, до самого футера. Сейчас он растягивается только содержимым. Пробовала писать div#menu{position: relative; top:0; bottom: 0; } Но это ничего не дало. Если кто-либо сталкивался с подобной проблемой - подскажите!

    Asked by MariAnette,

    0 votes
    5 answers

  10. Растянуть блок на всю ширину контейнера

    Всем привет! Есть два блока: 1. контейнер 2. блок внутри контейнера Возможно ли растянуть блок внутри контейнера на всю ширину контейнера с помощью css не зная при этом ширины контейнера? http://learn.javascript.ru/play/ACLeKb Спасибо.

    Asked by nerv,

    0 votes
    12 answers

  11. растянуть блок по высоте

    сайт ребята, подскажите как сделать так, чтобы левый див с айди leftcolumn растягивался по высоте полностью.

    Asked by crazybet,

    0 votes
    5 answers

  12. Растянуть блок по высоте

    Добрый день. подскажите пожалуйста, как можно растянуть блок сайдбара на всю высоту контейнера? (от шапки до футера) Выглядит это примерно так: http://clip2net.com/s/1UqTj

    Asked by WabFad,

    0 votes
    8 answers

  13. Растянуть блок по высоте

    Пример тут http://jsfiddle.net/Nfw8M/6/ Надо сделать чтобы блок right и (желательно) left растянулся по высоте, такое же, как и #c

    Asked by Hoax,

    0 votes
    2 answers

  14. Растянуть блок по содержимому в ИЕ7

    <div style="height:100px;display:table;border:solid 1px #111111;width:300px;font-size:14px;"> Отвечая на вопрос журналистов о целях и задачах, которые стоят в нынешних условиях перед Церковью, Святейший Патриарх подчеркнул, что в этот нет ничего революционно нового: "В своем слове после возведения меня на Патриарший Престол я обозначил основные приоритеты. Конечно, это только общие контуры и некие акценты. Требуется, может быть, четкая прорисовка всех деталей, связанных с дальнейшим </div> Как сделать так, чтобы блок бы растягивался по высоте, когда содержимого много. И был равен по высоте 100px, если содержимого мало или нет вообще. Предложенные способ …

    Asked by Колос,

    0 votes
    6 answers

  15. Растянуть блок по ширине содержимого без span

    Есть следующий код: <div style="width:300px"> бла бла бла <code style="display:block; white-space:nowrap"><span style="border:#000 1px solid">тут иногда длинная строка</span></code> бла бла </div> Использую тег span только потому что если применить border к code, бордер растягивается на ширину блока div, а не ширину текста внутри code. Посоветуйте, как избавиться от семантически лишнего span.

    Asked by kedovan,

    0 votes
    7 answers

  16. Растянуть блоки по высоте средствами css

    Стандартный шаблон общий контейнер, шапка, середина(в середине два блока слайдбар и контент) ну и футер. Общий контейнер wrapper растянут по высоте 100% (html & body естесвенно высотой 100%), внутри контейнера #wrapper шапка #header сайта фиксированной высоты, ниже контейнер середины сайта #middle для размещения блока сладйбара и блока для контента. Футер прижат к низу сайта стандартными средствами. Проблема: При малом наполнеии слайдбара #sidebar и контента #content которые имеют свои бэграунды получается дыра до футера. Вопрос: вообще возможно растянуть блоки слайдбара и контента до футера средстваи css? P.S. Табличную весртку не предлагать, JS тоже. Выравнивать …

    Asked by Protey,

    0 votes
    11 answers

  17. Растянуть букву по вертикали и горизонтали

    как растянуть букву по вертикали и горизонтали средствами css? Пример в фотошопе: "Масштабирование по вертикали" и "Масштабирование по горизонтали".

    Asked by mario,

    0 votes
    3 answers

  18. Растянуть два дива на height: 100%

    обычный двухколоночный макет <div class="wrapContainer"> <div class="wrapAside"> <aside> много текста </aside> </div> <div class="wrapArticle"> <article> много текста </article> </div> </div> с помощью маргина и флоата сделал рядом друг с другом http://www.pixic.ru/i/7090Z0O6p4f660y9.png но есть один трабл, когда в любую колонку добавляешь много текста, то она тянется вниз, а другая нет.. проблема в том, что колонки с бэкгроундом и надо чтобы они обе тянулись, если бы были без цвета, то проблемы бы небыло

    Asked by bayanruby2,

    0 votes
    3 answers

  19. Растянуть изображение в диве

    Здравствуйте. Есть картинка размером 800 на 416px Необходимо что бы она была в шапке сайта, но... как сделать её резиновой? Что бы она растягивалась без повторов по горизонтали и не искажалась, а так же пропорционально тянулась по вертикали? я в тупике, помогите пожалуйста.

    Asked by Veanissepil,

    0 votes
    3 answers

  20. Растянуть изображение по вертикали

    Есть изображение (не фоновое) которое нужно растянуть по вертикали на n-число раз. Наглядно выглядит так: На примере 1 красное - фон страницы, белое - то изображение которое нужно растянуть (в оригинальном не растянутом виде) На примере 2 то что нужно получить. Нужно чтобы изображение растягивалось пропорционально количеству текста в нем. Таблицами пока не хочу пробовать, может кто подскажет другой способ. Если стандартными методами html и css нельзя добиться пропорциональной растяжки изображения к тексту подскажите просто как растянуть изображение по вертикали n-ое кол-во раз

    Asked by gadjet,

    0 votes
    4 answers

  21. Растянуть картинку

    Вот в чем проблема: Нужно большую картинку (например: 1000х1000) Растянуть до размеров (например: 200х60) Но что бы картинка не растянулась, а подогналась по размерам, путем увелечения( или обрезания) Ну как то так.. Кто сможет помочь?))

    Asked by ZeleniiDom,

    0 votes
    2 answers

  22. Растянуть картинку

    Привет.. Есть блок в котором выводится статичная картинка с размерами 1300х800px. ширину картинки указал 100% чтобы растягивалась на всю ширину экрана. На на экране размерами 1920х1080 картинка по высоте не влезает вся. небольшой кусок внизу остается за рамками видимости экрана и нужно прокрутить вниз. Можно ли сделать чтобы при любых разрешениях экрана картинка по высоте всегда была видна? И.е. чтобы вся картинка вмещалась?

    Asked by kolhoz,

    0 votes
    7 answers

  23. Растянуть картинку до конца экрана в Bootstrap

    Добрый вечер, подскажите пожалуйста как реализовать такую структуру(как на картинке) Скрытый текст при помощи bootstrap. Есть container и есть row, в них два col-lg-6, как сделать чтобы картинка растягивалась на всю ширину до конца экрана? если ее просто поместить в col-lg-6 то она и займет пространство этого блока а надо чтобы было до конца экрана по ширине, и также со второй картинкой , чтобы она начиналась с начала экрана. Есть код и вот что из этого вышло(на другой картнке) Скрытый текст <div class="news-wrap"> <div class="container"> <div class="row "> &…

    Asked by EvilNeighbor,

    0 votes
    6 answers

  24. растянуть картинку на кнопке

    народ, помогите пожалуйста. вопрос вот такой: как расятнуть картинку на всю кнопку, чтобы не было места между краями кнопки и краями картинки ... что мне нужно для этого дописать сюда: <form action="test.html" method="post"> <button type="submit" name="b_test" style="border:0;background-color:#cccccd;"><img src="/pictures/d_on_pict.png"></button></form>

    Asked by venomancer,

    0 votes
    8 answers

  25. Растянуть контейнер

    Всем привет, очень нужна помощь с одной проблемой: http://jsfiddle.net/qerzR/ На примере можно увидеть сайдбар (float: left) и основной контейнер (растянут на 100% по высоте) , на больших разрешениях ок, но на маленьких основной контент обрезается. мне нужно, чтобы при маленьких разрешениях не было такой картины: http://gyazo.com/8e5d79e102325880d96d468594d986af Спасибо!

    Asked by SuperJerk,

    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