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. height:100% и min-height:100%

    Привет всем. Возник вопросик по css. как реализовать блоки таким образом, чтобы основной блок имел высоту 100% (допустим блок 1) и вложенный в него блок 100% (блок 2). Все хорошо, но есть одна проблема, если блок 2 превышает высоту 100%, то основной (блок 1) остается с высотой 100% и min-height:100 не помогает. <!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="en" lang="en"> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <title>123</title> <style> body {margin:0; padding:0; h…

    Asked by kemp,

    0 votes
    7 answers

  2. Height:100% не срабатывает

    Добрый день, товарищи. Помогите доверстать... есть пимерно такая страничка <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> <div id="content"> <header> <div id="logo"> </div> <div id="account"> </div> <ul id="top_nav"> <li>menu</li> <li>menu</li> <li>menu</li> </ul> <ul id="nav"> <li>menu</li> <li>menu </li> <li>menu </li> <li>menu </li> </ul> </header> <nav></nav> <as…

    Asked by niorix,

    0 votes
    4 answers

  3. height:100% что-то я не пойму

    Здравствуйте. Бился три часа над решением проблемы - убился напрочь. Подскажите пожалуйста, как блок вытянуть на 100% по высоте? Надо вытянуть #left и #right, причем так чтоб при большом контенте в #right, #left тоже тянулся по всё длине странице. Что-то я не как не соображу, может с вёрсткой надо иначе сделать? Вот страница http://palto-modello.ru/tmpl.php Заранее спасибо.

    Asked by clgs,

    0 votes
    2 answers

  4. height:100%-150px

    Здравствуйте, проблема в следующем: Блок тянется на 100% высоты, overflov для него задан auto ( когда контент в нем начинает привышать 100% высоты, появляется полоса прокрутки). Ниже этого блока расположен еще один, он фиксированной высоты (150px), он должен быть всегда прибит к низу. Задаю ему margin-top:-150px. В верхний блок кладу невидимый блок с высотой 160px, он играет роль искуственного отступа. Теперь, при появлении полосы прокрутки, нижний блок перекрывает полосу прокрутки верхнего, не контент, а именно полосу. Как же их состековать, чтобы верхний блок прилипал к границе нижнего?

    Asked by NikuZ,

    0 votes
    2 answers

  5. height:100%; + scrollbar

    Примерно получается следующее: голый html без DOCTYPE! + CSS, таблицей заданы колонки: 200 пикс., 60% и 40% остального пространства (еще одна встроенная таблица). В колонке с шириной 60% надо встроить блок (не обязательно div, можно все что угодно в рамках html(xhtml)+css), который будет растягиваться по ширине на 100% колонки, и на 100% по высоте оставшегося ОКНА БРАУЗЕРА (под "оставшегося" понимается наличие сверху хедера и снизу - футера) и имел полосу прокрутки. То есть я хочу сделать так, что бы сайт не вылезал за пределы окна браузера вообще ни по горизонтали, ни по вертикали с, практически, любым разрешением мониторов (практически потому, что я не беру в учет разре…

    Asked by mozart,

    0 votes
    8 answers

  6. height=auto

    Есть картинки,которые по ширине подгоняются под размер,но высота бывает разная.Если не указывать высоту,в некоторых браузерах картинки сжимаются только по ширине.Я нашел,что height=auto эту ситуацию исправляет.Но IE не понимает auto и ставит height в один пиксель.

    Asked by user,

    0 votes
    5 answers

  7. height|width относительно window при наличии родителя

    Подскажите, если блок имеет родителя, но размер нужно указать относительно окна браузера, как с этим справиться? Или это уже к скриптам?

    Asked by Aroused,

    0 votes
    10 answers

  8. help

    почему не работает ? <html> <head> <style type="text/css"> a:hover { background-image: url(img/1111.png); } </style> </head> <body> <table width="25%" border="1" align="center"> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> </tr> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a …

    Asked by amshegar,

    0 votes
    5 answers

  9. HELP

    Помогите новенькой в CSS разобраться с раскрывающимся меню, второй день бьюсь как "рыба об лёд" подменю второго уровня не закрывается, вот картина: Помогите: тут на поверхности проблема, всеми поджилками чувствую, но найти не могу!

    Asked by ira,

    0 votes
    1 answer

  10. help - не могу размыть задний фон

    Беда какая-то, уже 2 часа бьюсь головой об стену((( Нужен задний фон для .modal окна, чтобы был размыт - использую скрипт blur.js http://blurjs.com/ Но НИЧЕГО не выходит! http://zverushka.zz.mu/river2/ (вспрывалющее окно по кнопке закажите лендинг). Да даже ничего не выходит куда угодно, если скрипт воткнуть. Я уже перепробовала кучу скриптов - но они размывали все окно, а не только фон окна. Код Я даже старый jquery воткнула, как в их демо - чтобы работало, а оно не работает.

    Asked by Zverushka,

    0 votes
    24 answers

  11. help html,css,javascript

    как зделать так, что б при открытии сайта в ie6 выдавало сообщение(обновите ваш браузер, что-то в духе этого?).

    Asked by fastikkk,

    0 votes
    3 answers

  12. Help me guys!

    Очередной мой глупый вопрос.Не могу понять в чем проблема. Крч по теме меню авторизации уезжает вниз в хроме, мазила отображает нормально.Прописал див'у с лого display:inline; не какой реакции в хроме (опять же в мазиле все как надо и на display:inline; он реагирует поднятием блока на уровень с логом).И тут тоже все как надо http://jsfiddle.net/6rdj3983/ Вот такая картина в chrome http://itmages.ru/image/view/2238173/209643b5 Вот что в Mazilla Firefox http://itmages.ru/image/view/2238172/bc124c21

    Asked by NapNu,

    0 votes
    4 answers

  13. Help me!

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

    Asked by stud,

    0 votes
    2 answers

  14. help me!

    вывожу картинки на страницу в коде они есть а визуально нет <div id="soder"><h1>альтернативный текст</h1><br/> <?php $var1 = 'images/big/'; $var2 = scandir($var1); for($i=0;$i<count($var2);$i++){ if(($var2[$i] != ".")&&($var2[$i] != "..")){ $path = $var1.$var2[$i]; echo '<img href="'.$path.'" width="500" height="300"/>'; } } ?> </div>

    Asked by click,

    0 votes
    1 answer

  15. Help Please

    пацаны , расскажите please как сделать полосу прокрутки которая справа цветной ... я где-то видел давно но сейчас найти не могу ...

    Asked by mOnYa,

    0 votes
    1 answer

  16. Help please. Нужна 100% вертикальная растяжка независимо от контента

    Help please. Нужна 100% вертикальная растяжка независимо от контента. Короче надо чтобы Copyright был всегда в низу страницы, независимо от того сколько на этой странице содержания. Я не знаю как это сделать, может кто подскажет?

    Asked by Mossdog,

    0 votes
    8 answers

  17. help with bootstrap

    Нужна помощь, имеется контейнер .container задал ему max-width 620px на md расширении все правильно, но когда уменьшаю размер окна браузера элемент растягивается на весь экран. Как можно сделать что бы он не растягивался а уменьшался пропорционально?

    Asked by dnc,

    0 votes
    0 answers

  18. Help with div+css

    Я новичок в DIV вёрстке и всё никак не могу понять как мне сверстать такой блок: (на скрине он сделан в виде таблицы (table), с помощью неё я легко делаю) А вот с DIV+CSS у меня пока что проблемы. Если кому-нибудь не лень, напишите стили и div-конструкцию для такого блока (ширина блока 380px, а высота по мере увеличения текста, в середине bg:#fff). Вот все изображения: Углы [верх-лево, низ-лево , верх-право, низ-право - (6x6px)] Верх и низ [верх, низ - (1x6px)] Лево и право [лево, право - (6x1px)] Помогите пожалуйста, только на этом застопорился и ничего поделать не могу, всю ночь сидел втыкал

    Asked by SkaZzzz,

    0 votes
    38 answers

  19. help с меню

    (

    Asked by tra+,

    0 votes
    2 answers

  20. Help тест в HTML

    Ребята помогите написать тест в HTML! Надо 15 вопросов. Примерно 3 вопроса - где ответ вводится с клавиатуры, 5 вопросов - это выбор нескольких вариантов ответов, и остальные вопросы - где выбирается 1 вариант ответа. Пожалуйсто, надо к завтрешнему дню. Заранее спасибо!!!

    Asked by Ленуся,

    0 votes
    3 answers

  21. help, parallax/content

    Здравствуйте возникла проблема: http://prntscr.com/t96dcc (parallax) его высота смещает блок с текстом. Может подскажите другую рамку с текстом или как исправить это. Параллакс: <section class="parallax sticky" id="scene"> <div class="parallax-L" data-depth="0.3" id="L"><img src="img/bmw-m32.png" alt="" /></div> #L { width: 100%; height: 50vh; padding: 0; margin: 0; } .L { background: url(bmw-m32.jpg) left no-repeat; background-size: cover; overflow: hidden; } img { max-width: 20%; height: auto; } .sticky{ position: sticky; top: 0; } Рамка с текстом: <div class="ramka-5"> Ра…

    Asked by prank,

    0 votes
    0 answers

  22. Help, внизу страницы не могу удалить пустырь

    Помогите определить проблему, уже всё перепробовал, не могу понять!?!?!??! Внизу страницы большой пробел : http://xn—-7sbabhcq1a2caxdko8d0h.in.ua/service.html Заранее спасибо!!!

    Asked by Vic-Tor,

    0 votes
    5 answers

  23. help, что за прога или не прога

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

    Asked by tr0nik,

    0 votes
    2 answers

  24. Help:Запись выбранных элементов в отдельный блок

    Доброго времени суток. Такой вопрос, как из списка элементов с множетсвенным выбором <select multiple> <option>Пункт 1</option> <option>Пункт 2</option> <option>Пункт 3</option> <option>Пункт 4</option>< </select> Сделать так, чтобы выбранные элементы записывались в отдельный div. Спасибо.

    Asked by imakhortykh,

    0 votes
    6 answers

  25. HELP!

    Всем доброго времени суток. Помогите пожалуйста с страничкой. Вот станичка содержимое правого сайдаба по разному отображается, в IE7 последняя картинка в блоке почти прилегает к низу блока, а в остальных браузерах чуть с запасом. Помогите разобраться. Уже пробовал с бубном танцевать - не помогло.

    Asked by yujin11,

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