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. вертикальное выравнивание

    картинка находится внутри рамки, надо чтобы горизонтально и вертикально стояло по центру, но БЕЗ таблицы, блоками <style type="text/css"> .box{ width: 200px; height: 200px; border: 1px solid #000; text-align: center; vertical-align: middle } </style> <div class="box"> <img src="img.jpg" alt="" align=""/> </div>

    Asked by jumancy,

    0 votes
    6 answers

  2. список поверх рисунка

    как сделать, чтоб нумерация списка была видна, а то остается под рисунком вот ссылка

    Asked by jumancy,

    0 votes
    7 answers

  3. 2 колонки и IE

    Собственно, нужно добиться: А ИЕ выдает: Вот HTML: <div id="page"> <div><div id="left"> Menu </div> <div id="content"> <p>Content</p> </div></div> <div id="footer"> Footer </div> </div> А вот CSS: #page { width:1010px; background-color:white; margin-top:15px; text-align:left; padding:5px; } #left { float:left; width:300px; } #content { width:700px; margin-left:305px; } #footer { width:100%; } Помогите пожалуйста!!

    Asked by rizorko,

    0 votes
    15 answers

  4. Прототип меню

    Сперва объясню задумку. При наведении на верхний .elem из под #grey_box выдвигается .back с такими же .elem. .elem имеют событие :hover. Конструкция резиновая. #grey_box { height: 50px; background: #ddd; padding-top:10px; } table { margin-left:300px; } .back{ padding-top:30px; background:orange; position:relative; z-index:-1; } .elem{ background:blue; } .elem:hover{ background-color:yellow; } <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div id="grey_box"> <table> <tr> <td> <div class="elem">menu item</div> &lt…

    Asked by Titansword,

    0 votes
    19 answers

  5. Норматив

    Собрался верстать резину, но не знаю, какими ставить минимальную и максимальную ширину. Что посоветуете? Минимум думаю, стоит ставить 1000, а максимум какой?

    Asked by ctpz,

    0 votes
    18 answers

  6. Проблема с валидацией

    Имеется такой файл: ?<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="pdd_style.css" /> <title>Документ без названия</title> </head> <body> <h1>Правила Дорожного Движения 2011</h1> <h3>4. Обязанности пассажиров</h3> <ul> <li><span class="point">5.1.</span>Пассажиры обязаны:</li> <ul> …

    Asked by Selassie,

    0 votes
    2 answers

  7. Обрезание картинки и тень от нее

    Картинка обрезается, но тень почему не видна. margin-top:0px; margin-left:-15px; position: absolute; clip: rect(5px 125px 100px 15px); box-shadow: 0 0 5px black; box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 10px; Как можно исправить?

    Asked by Tchorteg,

    0 votes
    8 answers

  8. Позиционирование

    Вот что сейчас имеется http://itmages.ru/image/view/240226/cad68f97 , Как выровнять текст по центру(по вертикали) внутри картинки background:url(3.png)? #menu_itc { font-size: 16px; height:30px; text-align:center; background-color: #949494; } #menu_itc div { width:736px; margin: auto; } #menu_itc a { display:block; width:184px; height:30px; float:left; color: #fff; text-align:center; text-decoration: none; } #menu_itc a:hover { background:url(3.png); } <div> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 4</a> </div…

    Asked by Rambo2045,

    0 votes
    13 answers

  9. IE6 абсолютный блок на всю ширину родительского

    Доброго дня. Помогите с проблемой, бьюсь уже который час. Она заключается в том что в IE6 абсолютный блок ни как не хочет растягиваться на всю ширину родительского блока с position: relative, а растягивается на ширину окна браузера при width: 100%; или без width на ширину контента. В остальных браузерах всё отлично. .rel { position: relative; float: left; } .abs { position: absolute; width: 100%; } <div class="rel"><p>Текст Текст Текст</p> <p class="abs">Текст</p> </div> Спасибо.

    Asked by bilbas,

    0 votes
    3 answers

  10. Помогите пожалуйста сверстать кому не трудно

    Кто поможет сверстать простой макет? пожалуйста

    Asked by skeman,

    0 votes
    10 answers

  11. проблема с подвалом

    помогите пожалуйста решить проблему с подвалом. сверстал страничку, используя этот шаблон. в результате подвал обрублен с правой строны и (что главное) при уменишении размера экрана(ctrl+колесо мыши)прилипает к левому краю экрана так же буду раз любым замечаниям и критике

    Asked by cyklop77,

    0 votes
    9 answers

  12. Резиновая кнопка оригинальной формы

    Я недавно начал заниматься версткой и столкнулся с небольшой проблемой. Нужно сделать кнопку, растягивающуюся в зависимости от ширины текста. Кнопка имеет необычную форму. Растягивание кнопки с обычными закруглениями выполняется просто. Здесь нужно сохранить форму кнопки: левый и правый края, а растягивать только середину. Я нашел решение, но в нем кнопка становиться длинной с большими отступами текста. Нужно сделать кнопку как можно короче. Кто сталкивался с подобной проблемой, надеюсь на вашу помощь. Заранее благодарен. Кнопка: http://webfile.ru/5469334

    Asked by silverlight90,

    0 votes
    3 answers

  13. Текст обтекаемый линией

    Подскажите как можно такое осуществить? http://itmages.ru/image/view/245397/0639b5e4

    Asked by Rambo2045,

    0 votes
    4 answers

  14. Помогите понять - заморочка со слоями

    Есть такой шаблон Моя ссылка Все замечательно но в мозиле и хроме нижняя картинка зависает на границе окна, что можно поделать с такой бедой, я уже зае..ся. Может еще будут какие то советы по верстке, высказывайте буду благо дарить!

    Asked by Roomas,

    0 votes
    7 answers

  15. выделение button в opera

    здравствуйте. как убрать черную рамку при нажатии на input[type=button] в opera? спасибо

    Asked by vvsh,

    0 votes
    2 answers

  16. Как сделать просмотр видео, в flv формате, на сайте?

    Забавно, но не могу уже второй день решить такой казалось бы простой вопрос. Нужно разместить flv видео подобно тому как на youtube. Чтоб также как и там, у пользователя появлялся проигрыватель, и он мог прям на странице просмотреть видео (сейчас у меня просто ссылки на скачивание). Сайт находится внутри городской локальной сети доступ из которой к Интернету часто недоступен, и вариант с видеохостингами отпадает. И чтоб работала это во всех популярных браузерах (IE, Opera, FireFox, Chrom). С инета надергал и перепробывал с полтора десятка различных вариантов, но не один кроссбраузерно не работает Например используя тег embed вообще не в одном браузере не заработало. А…

    Asked by Maximalist,

    0 votes
    1 answer

  17. Выравнивание блока

    Как выровнять блок вертикально по центру экрана ? { display:table-cell; text-align:middle; } почему то не работает ( или то я что то не так делаю ) обьясните в общем плз как выровнять по центру блок ( например с шириной 400 и высотой 600)

    Asked by MaferoK,

    0 votes
    11 answers

  18. display=block + colspan > 1

    суть в том, что верстается блок, который состоит из заголовка (текст + иконка) и контента, при нажатии на иконку, контент скрывается весь блок мне хочется реализовать с помощью одной таблицы. все хорошо, но когда блок скрывается, колонки в заголовке разъезжаются вот код: <script> function hide(img, block_id, expand_img, hide_img) { var block = document.getElementById(block_id); if (!block) return; if (block.style.display != 'none') { block.style.display = 'none'; img.src = hide_img; } else { block.style.display = 'block'; img.src = expand_img; } } </script> <table style="border: 1px solid grey; width: 600px;"> <tr> &l…

    Asked by mishero,

    0 votes
    4 answers

  19. Трабл с обратной связью

    http://www.gistoryja.ru/template/sendmail/ Если чтото не заполнить и нажать отправить вылазит дин. уведомление о ошибке. Но перед тем как нажать отправить эта кнопка "Отправить письмо" стоит по середине, если нажать на неё она сдвинется влево, вот не знаю как это исправить. Вот КСС код Но чтото не могу найти то что мне надо Помогите. #contact_form { font-family: Verdana, Arial, "Times New Roman"; font-size: 12px; color: #666; } /** FORM STYLES GENERAL **/ #contact_form input, select, textarea { font-size: 11px; color:#999999; width: 300px; height: 28px; border: #CCC solid 1px; /** BORDER RADIUS HACKS **/ } #contact_form input:hover, sel…

    Asked by bayanruby2,

    0 votes
    0 answers

  20. Блоки картинок

    Как сделать чтобы картинки распределялись только по одной строке на всю ширину экрана,и те которые выходять за край экрана должны убираться совсем. <style type="text/css"> .thumbnails { margin: -3em 0 0 -2em; text-align: center; } .thumbnail { text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 3em 0 0 2em; } .thumbnail .r { width: 14em; float: left; } </style> <div class="thumbnails"> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="anon.jpg" alt="прп. апррв" /></a><br /> прреп «<a href="#">апвр&l…

    Asked by Rambo2045,

    0 votes
    1 answer

  21. В опере поехал див !

    Дивы коректно отображаются в Internet Explorer , Mozilla Firefox , Google Chrome . Но зато в Opera едут влево пикселей на 200 . нашел хак для оперы : @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .style {background: #F00;} } Я так понимаю его нада прописывать в хеде . Но как мне его подключить чтоб дивы отображались норм не только в опере но и во всех бравзерах ? <!--map--> <div id="map_canvas" style=" margin: 12px 0; border: 2px solid #ccc; position:relative; width:186px; height:283px; left:-229px; <!--Для Opera - 25px --> top…

    Asked by Vandeko,

    0 votes
    1 answer

  22. Расчет ширины блока в IE после float и его перенос

    Собственно, все, чего бы мне хотелось - это заставить IE отображать данный пример так же как это делают другие браузеры. Т.е., чтобы зеленый блок со ссылкой не уезжал под красный блок с float... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <div style="width:300px; border:1px solid black;"> <div style="float:left; background: #f00; width:100px; height:100px; "></div> <a href="" style="display:block; width:300px; background: #0f0;">TODO write content</a> </div> </body> </html>

    Asked by voyager,

    0 votes
    1 answer

  23. Текст расползается на ширину всего экрана (внутри <table>)

    Подскажите пожалуйста, как можно решить следующую проблему? внутри таблицы тэг <div> не реагирует на ее ограничения по ширине. причем в опере и ИЕ все нормально - а в файрфоксе и сафари ненормально - можно ли как то установить приоритет таблицы или что-нибудь подобное?

    Asked by psy_addicted,

    0 votes
    1 answer

  24. Ошибки в css классе

    Вот код ,который нужно добавить к остальному: <div class="thumbnails"> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="1.jpg" alt="К44774тво. Вто74ание"border="0" /></a><br /> Про4еии «<a href="#">Ко43ва</a>» </div> </ins> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="2.jpg" alt="Оп673темы" border="0"/></a><br /> <a href="#">Офтал367357овка</a> к54нии «Опт367емы» </div> </ins> <ins class="thumbnail"> <d…

    Asked by Rambo2045,

    0 votes
    1 answer

  25. DOM в html5

    Сейчас прохожу данный урок http://htmlbook.ru/html5/canvas, там есть такая строчка Где найти эту строчку var a_canvas = document.getElementById("a");?

    Asked by ismakv,

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