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. Как растинуть картинку во весь экран.

    Здравствуйте. У меня такая проблема. Верстаю вот этот шаблон. как мне сделать 2 полоски Оранжевую и Серую в длину во весь экран ? Вот исходный код http://jsfiddle.net/6cuah/ только я не знаю как туда свои изображения вставить на этот сервис jsfiddle p.s. я начинающий верстальщик не судите строго)

    Asked by WEB-best,

    0 votes
    5 answers

  2. Как растнуть фон? (css)

    Есть картинка с градиентом, с двумя еле заметными полосками снизу, сверху и тенью снизу. Глянуть картинку . Нужно сделать её растягивающимся фоном (!), учитывая что нижние и верхние полоски должны полюбому быть как на оригинале-снизу и сверху, и обовъязково тень снизу. Левая и верхняя часть этой картинки должны быть зафиксированы, а правая и нижняя-растягиваться под разный экран. Ещё момент: картинка находится по центру экрана, занимая собой всю площадь от правого края экрана до левого, а снизу и сверху при любом разрешении должны оставаться зазоры примерно 10-15%. Решение желательно в div, если нет-то в таблицах или javascript. PS, Уже резал её на части, пытался прис…

    Asked by sergey1317,

    0 votes
    4 answers

  3. Как растягивать родительский блок без float:left

    помогите решить одну проблемку: есть общий блок container, внутри него блок main со свойствам float:left и футер, который прижат низ экрана. Общий блок имеет опред. ширину и центрировано. проблема в том что когда контент блока main больше он выходит за рамки container и его бордер не охватывает всю высоту. Как можно от этого избежать? В принципе можно, если придать container свойство float:left, но он должен быть в центре. Для наглядности даю код HTML <div id="container"> <div id="main"> контент </div> </div> <div id="footer"> </div> CSS * { margin: 0px; padding: 0px; } html, body { margin:0; padding:0; width:100%; height:10…

    Asked by jumancy,

    0 votes
    5 answers

  4. Как растянуть #contant на всю страницу?

    Сайт http://kofe.16mb.com/ Нужно для прижатия подвала к низу. HTML: <!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Аренда и продажа кофемашин и продажа кофе</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> </head> <body> <div class="topline"></div> <div id="contant"><div id="ave"><!--Приветствие--> <img src="img/logo01.png" alt="логотип" width="250" height="239" id="…

    Asked by vova.a99,

    0 votes
    0 answers

  5. Как растянуть <div> в Firefox?

    Имеется (с фиксированной шириной и нефиксированной высотой) с неким текстом, вложенный в другой ( тоже с фиксированной шириной и нефиксированной высотой). При изменении текста внутренний растягивается и раздвигает внешний. Но это происходит только в IE и Opera. В Firefox внешний всегда остается одного размера - даже при height:auto. Как быть? Применение таблиц исключено. Помогите, заранее благодарен.

    Asked by Temansky,

    0 votes
    6 answers

  6. Как растянуть <option> в IE 7-9?

    Коллеги, выручайте. Не могу решить проблему с optoin. В обычных браузерах содержимое выпадающего списка увеличивается по ширине в соответствии с шириной содежримого option. В IE не работает. Что же делать?

    Asked by Tatyana_Verstka,

    0 votes
    7 answers

  7. Как растянуть a на весь блок

    Получится ли это сделать или надо попиксельно подбирать.

    Asked by user,

    0 votes
    11 answers

  8. Как растянуть div

    Как в этом случае сделать резиновым по высоте тэг div.a2? код

    Asked by SnowWind,

    0 votes
    3 answers

  9. Как растянуть Div на всю высоту экрана?

    Собственность вопрос поместился в тему . Немного уточню, я хочу сделать так что бы колонка была всегда от начала окна и до конца в независимости от того какое расширение использует пользователь, и какое количество текста содержит эта колонка. Заранее спасибо за ваш ответ

    Asked by Bizon4ik,

    0 votes
    10 answers

  10. как растянуть DIV на всю ширину родительского элемента?

    по сути страница не сложная, проблема же вот в чем: контентная часть состоит из 2-х колонок в левой много наполнения, а правая несет оформительский характер но в ней почти ничего нет и она по высоте зависит от количества наполнения, как не пытался заставить правую растянутся на всю высоту контентной части, ничего не выходит, кучу форумов облазил, ничего путнего не нашл, подскажите плиз в чем ошибка <div class="main-container clearfix"> <div class="head"> <div class="left"> <div class="logo" style="z-index:250"><a href="#"><img src="siteimg/logo.png"></a></div> </div> <div class="right"></div> &l…

    Asked by Likan,

    0 votes
    3 answers

  11. Как растянуть Div по вертикали ?

    Есть DOCTYPE - quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> И его трогать нельзя... Как с этим DOCTYPom растянуть div на 100% по вертикали На скок я знаю с ним Div не растянится ... Я прав или нет ? Подскажите кто знает.... ;|

    Asked by antonP,

    0 votes
    2 answers

  12. Как растянуть div по высоте

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

    Asked by _Tornado_,

    0 votes
    10 answers

  13. Как растянуть div по высоте родительского элемента?

    Всем привет! Собственно, у меня есть три колонки, две с фиксированной шириной по краям и одна в центре занимает все остальное пространство. Div#center служит для того, чтобы сделать границы между боковыми колонками и центральной. В нем находится заголовок и еще один div.content с границей по краям, при чем у заголовка границ быть не должно. Границы div.content соединяются с картинкой в td#content_footer, но только когда центральная колонка больше по длине, чем две соседние. Подскажите, как можно сделать так чтобы границы div.center примыкали к картинке в td#content_footer. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/…

    Asked by python,

    0 votes
    3 answers

  14. Как растянуть Iframe во весь экран?

    Здравствуйте, помогите мне растянуть iframe во весь экран, я пробую так: <frame src="some_page.php" width="100%" height="100%" frameborder="0"></iframe> Но у меня со всех сторон где то отступ по 5px.

    Asked by Maskca,

    0 votes
    1 answer

  15. Как растянуть iframe?

    Всем привет. Люди помогите разобраться с iframe. Как сделать, чтобы он растягивался на всю длину? Вот код, который не хочет работать. Iframe должен быть без полос прокрутки. И как поставить блок div, содержащий фрейм, рядом с блоком содержащим много текста. <html> <body> <div style="max-width:1200px; min-width:800px; margin:4px;"> <div style="width:100%; height:146px; border:solid 1px #000;"></div> <div align="center"> <div style="float:left; width:120px; border:solid 1px #000;"> <br /> много текста <br /> много текста <br /> много текста <br /> много текста <br /> …

    Asked by Straik,

    0 votes
    1 answer

  16. Как растянуть SVG всю ширину блока?

    <div class="logo"> <a href="/" class="logo-link"> <img src="/logo.svg" class="logo-svg"> </a> </div> .logo { width: 250px; height:100%; } Как сделать, чтобы лого было шириной 250 и высотой 100%? т.е. во весь блок. Если выбрать GIF лого - оно само растягивается. SVG же автоматом уменьшается визуально. как я понял, надо что-то в самом свг поправить: <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1407.9 938.4" style="enable-background:new 0 0 1407.9 938.4;" xml:space="preserve"> Пробовал менять preserve на defa…

    Asked by nikki4,

    0 votes
    2 answers

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

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

    Asked by Prana,

    0 votes
    3 answers

  18. Как растянуть блок на 100% высоты

    По моему мнению, в этом макете нужно растянуть левый блок на всю высоту экрана, чтобы при Масштабирование он не обрезался. Как это сделать ? http://cs425128.vk.me/v425128727/8b81/KLGiFV2VzCc.jpg http://vidiatest.esy.es/site/

    Asked by Ghost86421,

    0 votes
    2 answers

  19. Как растянуть блок на весь viewport?

    Решено как сделать так, что бы родительский блок имел ширину не меньшую чем дочерний к нему, в случае, когда ширина viewport'а меньше чем ширина этого дочернего блока? Пример тут Откройте его в окне шириной меньше 1000px и получите это: Вопрос продублирован на хабре, надеюсь это не противоречит правилам.

    Asked by titulus,

    0 votes
    1 answer

  20. Как растянуть блок на оставшуюся высоту экрана?

    Допустим у нас заполнена половина экрана блоком с известной высотой, второй блок (под ним) должен растягиваться до конца экрана. Вот, хотяб приблезительно как сделать можно?)

    Asked by Razor,

    0 votes
    3 answers

  21. Как растянуть блок на оставшуюся высоту.

    Пробую верстать сайт.Возникла проблема растянуть блок блок на оставшуюся высоту,но не знаю как это сделать. Пробовал три метода. Вот скрин что нужно сделать. [hide] [/hide] Вот код HTML: <!-- Контент --> <section id="content" class="margin-center"> <!-- Левая часть контента --> <section id="left-aside-content"> <article> <header class="hookah-icon"><a href="#"></a></header> <p>Максимальное наслаждение от курения ароматного, сладкого кальяна.</p> </article> <article> …

    Asked by ELBegemotos,

    0 votes
    2 answers

  22. как растянуть блок содержимым ?

    что то я совсем скажем блок расположен в блоке который имеет ширину 100% и центрирует по центру.. но вкладываемый блок всегда тянется на 100% в ширину, а хочется что бы он растягивался по содержимому. резиновый блок... тоже самое как если дать ему float:left но нужно, что бы он остался по центру, а не ушел к краю. всегда засовывал таблицу и она сама растягивалась... а тут хочу блок

    Asked by iillyyaa2,

    0 votes
    17 answers

  23. Как растянуть блок ТОЧНО до нижнего края экрана

    Вчера весь рабочий день просидел в гугле, но так и не смог найти ответа на вопрос: "Как в css растянуть блок по вертикали?". Точнее, ответы есть, но они на элементарные случай, когда блок растягивается на 100% высоты своего родителя. Но этот и подобные способы не работают, если перед моим блоком стоит другой блок, и мне нужно, соответственно, заполнить растягиваемым блоком все пространство от его текущего положения до конца экрана. Причем мне нужно именно растянуть блок точно до правого нижнего угла, а не "обрезать" родительским блоком все, вылезло за его размеры. Постараюсь объяснить зачем мне это нужно на простом примере: http://jsfiddle.net/ongpj2vz/ <body>&lt…

    Asked by suvolod,

    0 votes
    3 answers

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

    вот пример на codeopen.iohttps://codepen.io/anon/pen/gGgMWX Всем ячейкам задана высота 45px. Одной из ячеек задана высота 69px. Строка растянулась по высоте в 69px. Как сделать так, чтобы остальные ячейки тоже растянулись по высоте строки ?? height: 100% не будет работать Мне просто интересно возможно ли как то сделать, не ужели нельзя...

    Asked by SnowSilver,

    0 votes
    13 answers

  25. Как растянуть боковое меню по высоте между шапкой и подвалом?

    Требуется следующая конструкция: Сверху шапка - height:50px; Футер всегда внизу - height:50px; По центру боковое левое меню с border-right:1px solid black; width:200px; и контент. Верстка "резиновая". Надо растянуть левое меню на всю высоту оставшуюся между шапкой и подвалом даже если контента мало. Притом если убрать левое меню, контент растянется на всю ширину экрана, если убрать шапку, то середина должна сместиться на освободившееся место. Если бы не было разделителя border-right , то не было бы необходимости растягивать левое меню. Подскажите пожалуйста способ .

    Asked by trezvenik,

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