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'ы в ряд

    Нужно расположить элементы DIV по четыре штуки в ряд, примерно как на этой корявенькой картинке: Причем еще желательно чтобы они вели себя, как обычные элементы - если все четыре div'а не влезают по ширине в окно браузера, то чтобы они сами переносились на новую строку. По идее, как я прочитал в справочнике, за такое поведение отвечает display:block; но что-то не срабатывает. Все DIV'ы просто идут один за другим по вертикали, т. е. по одному в ряд. Помучился с display:absolute, но это, похоже, вообще тут не катит. Можно было бы не париться и просто сделать TABLE, но хочется же "по-правильному"

    Asked by hooey_ru,

    0 votes
    5 answers

  2. float:left блоки равной высоты в несколько строк

    Добрый день, уважаемые форумчане! Делаю сайт, левая колонка фиксированной ширины, правая (контент) резиновая. В правой колонке выводится список изображений с заголовками: css: .img { width: 200px; float: left; margin: 0 10px 10px 0; } html: <div class="img"> <img src="image.jpg" alt="" /> <h3>Title</h3> </div> <div class="img"> <img src="image1.jpg" alt="" /> <h3>Title</h3> </div> ... <div class="img"> <img src="imageN.jpg" alt="" /> <h3>Title</h3> </div> в итоге зрительно должно получиться подобие таблицы, где по ширине экрана выстраивается столько изображений, сколько позв…

    Asked by AKyHuH,

    0 votes
    46 answers

  3. Наложение блоков div друг на друга

    Добрый день! Не очень опытна в верстке блоками, поэтому хотела бы обратиться за помощью и подсказкой. Нужно сделать вот в таком виде: Я тупо решила это, позиционируя блоки с relative. Но что-то мне подсказывает, что решение очень неудачное, и все может сползти... Возможно как-то можно решить с помощью margin? Пока в голову не приходит как именно. Плюс желательно, чтобы блок2 и текст2 могли смещаться вправо, допустим до красной линии.

    Asked by m2141,

    0 votes
    6 answers

  4. Scroll внутри блока без полосы прокрутки

    Задача: сделать scroll внутри div, избегая полосу прокрутки. Причина: полоса прокрутки не вписывается в дизайн сайта (ну как обычно). Выбранный путь: #block { position: absolute; height: 256px; width: 256px; overflow: hidden; } .info { position: relative; padding: 0; margin: 0; } #block:hover .info { position: absolute; bottom: 0; } <div id="block"> <p class="info"> Вот дом,<br> Который построил Джек.<br> <br><br> А это пшеница,<br> Которая в темном чулане хранится<br> В доме,<br> Который построил Джек.<br> <br><br> А это веселая птица-синица,<br> Которая часто ворует…

    Asked by iDrugov,

    0 votes
    9 answers

  5. Какого разрешения должна быть фоновая картинка у сайта

    Добрый день! Подскажите, пожалуйста, какого разрешения должна быть фоновая картинка у сайта? При учете, что сейчас максимальное разрешение экрана 2600*1440. Заранее благодарен.

    Asked by rulikch,

    0 votes
    10 answers

  6. Кто использовал Смарти?

    Возник вопрос. Если кто-нить использовал Смарти, то подскажите, как организовывается структура сайта? Для каждой страницы пишется отдельный шаблон? И для того, чтобы поменять, например, логотип, нужно изменять все шаблоны? Или шапки и футеры отдельно хранятся? Кто что знает, пишите

    Asked by shkoda,

    0 votes
    24 answers

  7. Как промаштабировать картинку под размер div?

    Есть div определенного размера. И есть картинка размера гораздо большего чем размер divа. Как промаштабировать картинку под размер div? Понятно что можно вставить картинку в html с помощью img и задать width="100%". Но хотелось бы через стиль. Простейший код: <html> <head> <link rel="stylesheet" type="text/css" media="screen" href="cascade.css" /> </head> <body> <div id="header"></div> </body> </html> #header { height: 200px; background-image: url(head.jpg); background-repeat: no-repeat; background-position: left top; background-color: #ffff00; color: #ffffff; text-align: right; } Спасиб!

    Asked by neiro,

    0 votes
    6 answers

  8. Таблица. Фиксированный заголовок, столбец. Покритикуйте код.

    Здравствуйте! Всем известно, что в Excel можно зафиксировать области так, что при прокрутке содержимого таблицы, сторока и столбец оставались на месте. Решил сделать нечто подобное и для HTML. В гугле полно примеров, но большинство из них очень громоздки или используют jQuery и прочие библиотеки. А мне хотелось как-нибудь попроще, без JavaScript, на одном CSS. Если фиксировать что-нибудь одно, то скрипт не нужен, например для заголовка http://jsfiddle.net/2Bfxm/3/ Но одновременно и для столбца, не получится без JavaScript. Впрочем, он небольшой. Пример работает в Опере, Мозилле, Хромом, IE8-9 http://jsfiddle.net/bS3wf/ Маленький недостаток - в IE8-9 при прокрутке, немног…

    Asked by user89,

    0 votes
    3 answers

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

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

    Asked by mario,

    0 votes
    3 answers

  10. что такое контейнер?

    Здравствуйте. Помогите пожалуйста понять, что такое контейнермв языке html. На данный момент читаю лекции интуита и там непонятно об этом написано. цитирую курс введения в html лекцию 1 : то есть, выходит, что контейнер это открывающийся тег+содержимое+закрывающийся тег? чуть далее, на этой же странице написано то, что подтверждает предыдущее положение: То есть, они даже с примером дают пончять, что контейнер - это условное название открывающихся и закрывающихся тегов с содержимым меж них.Но! в их тестах к этому курсу есть вопрос: "Контейнер, содержащий данные и позволяющий отформатировать их определенным образом, носит название ..." варианты ответов: -идентификатор -т…

    Asked by Ingvarion,

    0 votes
    6 answers

  11. резиновая картинка в css

    <img src="/images/logo.png" style="float: left; margin: 0 10px; max-width: 100%; height: auto;"/> Если ставлю в html, то картинка работает. А если преобразую в css, то картинка исчезает. Что неправильно? HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...ransitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ Без Имени</title> <link href="im.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="min"></div> </body> </html> CSS: .mi…

    Asked by Jolly1,

    0 votes
    5 answers

  12. Как подогнать фон сайта под разные разрешения экрана

    Здравствуйте! Заранее прошу прощения за скорее всего тупой вопрос, но как сделать, что бы фон сайта (<body background="image.jpg">) правильно отображался под разные разрешения экрана? Я правильно понимаю, что есть только один способ - поместить картинку по центру и прилегающие края сделать из того же, что в картинке цвета?

    Asked by Alex777,

    0 votes
    7 answers

  13. Расстояние между строками таблицы

    Всем доброе время суток. Допустим, у меня есть таблица в виде: <table> <tr><td>...</td><td>...</td></tr> <tr><td>...</td><td>...</td></tr> <tr><td>...</td><td>...</td></tr> </table> И там расположен в ячейках какой то материал. Как задать расстояние между строками? cellspacing/padding увеличивает все расстояния, а мне нужно что то вроде <tr><td>...</td><td>...</td></tr> <tr><td colspan="2"><br/></td></tr> Либо <tr><td style="padding-bottom:50px;">. Просто как грамотно это сд…

    Asked by Akcium,

    0 votes
    2 answers

  14. Сложно ли изучить HTML / CSS?

    Привет, являюсь J2EE разработчиком. Думаю изучить (может поверхностно) HTML и CSS. Сколько времени нужно потратить на получение вменяемых знаний, которые реально можно будет использовать на практике?

    Asked by fedotxxl,

    0 votes
    12 answers

  15. position:absolute за пределы окна монитора

    Как сделать так чтобы position:absolute за пределы окна монитора не приводило к появлению прокрутки? Заметил любопытную вещь: при задвиге слоя за левую границу монитора горизонтальной прокрутки не возникает, при задвиге же за правую возникает. Простейший пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>Пример</title> <style> DIV.primer1 { width:100px; height:100px; background-color:#F00; position:absolute; top:0px; left:-50px; } DIV.primer2 { width:100px; …

    Asked by Колос,

    0 votes
    7 answers

  16. Выравнивание элементов списка по-центру

    Дано некое абстрактное ul { margin: 0; padding: 0; list-style-type: none; } ul li { width: 100px; height: 50px; float: left; } Если в списке всего 2 элемента (<li>) то как можно выровнять их по-центру? Учитывая что ul на 100% ведь от окна растянуто по-умолчанию. Конечно можно задать ширину для ul и margin: 0 auto; но меня интересует именно автоматический вариант - чтобы при изменении кол-ва пунктов не было нужны изменять ширину ul. Спасибо

    Asked by Razor,

    0 votes
    11 answers

  17. button отступы

    Здравствуйте. В IE убирается: overflow: visible FF выставляет 3px отступ. Как убрать?

    Asked by Zippovich,

    0 votes
    22 answers

  18. При клике мышкой увеличить картинку

    Добрый всем день. Вот такая у меня проблема. Хочу что бы при клике мышкой на маленькую картинку она увеличивалась. Несколько часов гуглил читал и пробовал но ничего не получается. Я не специалист и мне нужна подробная информация, как говорится для тех кто в танке. Вот сайт: http://www.mogemvse.in.ua/index.php?option...=4&Itemid=4 при наведение на тортики они должны увеличиваться, подскажите как это сделать? что нужно устанавливать и куда вставлять? Если нужен код html или css могу выставить. Спасибо.

    Asked by gumuch,

    0 votes
    11 answers

  19. показ/скрытие строки таблицы

    В таблице есть скрытая строка: <TR COLSPAN=4 ID='other_model_TR' style='display:none;'>"; print "<TD CLASS='head' style='text-align:right;'>введите модель вручную:</TD>"; print "<TD CLASS='data'><input ID='other_model' name='other_model' type='text' value=''></TD>"; print "<TD CLASS='head'></TD><TD CLASS='data'></TD>"; print "</TR> при выборе определенной опции списка, выполняется функция которая показывает эту скрытую строку: function aaa() { var block = document.getElementById('other_model_TR' ) if ( условие ){ // если выбрана опция // то показывем поле ручного ввода block.style.display =…

    Asked by Sserg-135,

    0 votes
    15 answers

  20. Вставка Flash в HTML

    Приветствую. По некоторым причинам стандартный способ, сгенерированный Adobe Flash, не подходит для вставки в HTML. Подскажите, пожалуйста, код который не нуждается в скрипте. Спасибо.

    Asked by klierik,

    0 votes
    15 answers

  21. Как сделать так, чтобы строчный элемент начинался с новой строки

    Есть строчный элемент (span). Нужно, чтобы он начался с новой строки. Вкладывать в блочные элементы нельзя, добавлять/убирать <br> перед элементом не очень удобно, хочется, чтобы перенос на новую строку управлялся стилем. Как можно сделать?

    Asked by fedotxxl,

    0 votes
    4 answers

  22. Как убрать вертикальный скролл (визуально)?

    Нужен кроссбраузерный вариант, как визуально убрать вертикальный скролл на странице. Чтобы можно было скроллить колесиком, но самого скролла не было видно.

    Asked by Feel,

    0 votes
    7 answers

  23. TABLE кроссбраузерно выходит за правую границу DIV

    HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Список клиентов</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <link href="/i/css.css" rel="stylesheet" /> <script src="/i/js.js" language="JavaScript" type="text/javascript"></script> <meta http-equiv="Keywords" content="" /> <meta http-equiv="Description" content="" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /…

    Asked by jg_shift,

    0 votes
    5 answers

  24. FAQ по кодировкам.

    Часто возникают типичные вопросы по кодировкам, типа: "перенёс страницу на хостинг а там одни квадратики". Ответы на эти вопросы не менее типичны. Прежде чем задать вопрос относительно кодировок обязательно прочтите этот FAQ. В: На странице не вместо кириллицы отображаются какие-то закорючки и кубики, что делать? >( О: Скорее всего вы либо не задали странице кодировку в meta-тегах, либо она не совпадает с кодировкой документа. 1. Сохраните файл в кодировке UTF-8 (без BOM). 2. В заголовках (<head>) страницы укажите эту же кодировку: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Более подробная информация по использован…

    Asked by Игорь Ермаков,

    0 votes
    29 answers

  25. отступ от левого края

    в ячейке таблицы текст, как лучше через CSS сделать отступ текста от левого края я сделал так: <style type="text/css"> .p1 { margin-left: 32px; } </style> </head> <body> <table> <tr> <td><div class="p1"> <p>ssssssssssssssssss</p> <p>ssssssssssssss</p> <p>sssssssssssssss</p> <p>Если соотношение отражаемых спектральных лучей схоже с соотношением, свойственным солнечному свету (преобладание сине-зеленых лучей и уменьшение содержания других цветов по краям спектра), то поверхность принимает белую окраску. Если же в соотношении спектральных лучей есть сдвиг в сторону,…

    Asked by antosha,

    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