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#bodyGradient к левой стороне div#bodyContainer и повторить по оси Y по высоте div#bodyContainer . Имеем следующее: HTML: <div class="bodyGradient"></div> <div class="bodyContainer"> ... <!-- тут куча других дивов, в общем главные элементы страницы --> </div> CSS: /************* Structure *************/ div.bodyContainer { width: 1000px; margin: 0 auto; } div.bodyGradient { width: 10px; height: 1px; background-image: url("../img/bodyLeftGradient.png"); background-position: bottom left; background-repeat: repeat-y; float: left; } Схематично это выглядит так: Нужно чтобы было так: Подскажите пожал…

    Asked by str,

    0 votes
    2 answers

  2. Помогите проблема с позиционированием

    Вот станичка http://palitra-oil.narod.ru/stoimost.html вот код из slideshow.js Object.extend(this.props, props || {}); a = $('aro-' + this.props.n + 'a'); a.style.position = 'absolute'; a.style.border = 'double 5px saddlebrown '; a.style.left = '1280px'; a.style.top = '-680px'; img = a.cloneNode(true); img.id = 'aro-' + this.props.n + 'b'; img.style.zindex = '100'; div = a.parentNode; div.style.display = 'block'; div.style.position = 'absolute'; div.style.border = 'solid 1px black'; div.style.left = '-800px'; div.style.top = '800px'; div.style.width = a.width + 'px'; div.style.height = a.height + 'px'; div.appendChi…

    Asked by Palitra,

    0 votes
    1 answer

  3. Помогите проблемку решить

    Сайт http://artvasiliev.com неправильно отображается в FireFox в Internet Explorer'e все нормально работает. Причем что странно когда файл в Firefox загружаю с компа проблем не возникает все нормально отображается как и в Internet Explorer'e , а вот когда с хостинга начинаются всякие проблемы. <!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" /> <title>Художник Васильев Виктор Официальный сайт</title> </head> <body style="background-color:…

    Asked by nicotin,

    0 votes
    40 answers

  4. Помогите проверить html пожалуйста

    Доброго времени суток, Помогите пожалуйста провалидировать код формы! Насолько там все корректно!? Спасибо.

    Asked by plywoods,

    0 votes
    1 answer

  5. Помогите пройти валидацию

    У меня есть форум, есть блог. И то и то работает, но вот приспичило мне проверить валидность кода. Использую для этого HTML Validator для Firefox. Сейчас исправляю форум. Некоторые ошибки сам исправил. Но еще много осталось. Около 100. Может что-то и осталось, что я сам смогу исправить, но в таком количестве тяжело ориентироваться. Начал "читать" с начала. И первая ошибка на строчку... "<!DOCTYPE html>" Не пойму что с ней не так. Делал как в статье автора Марк Пилгрим. Спецы, может поможете чуток. Адрес форума from-kpi.com.ua

    Asked by armid,

    0 votes
    10 answers

  6. Помогите пройти валидацию

    Не могу допетрить, что валидатору не нравится( XHTML 1.0 Strict Валидатор пишет: Error Line 139, Column 114: document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag …e="border: 1px solid #cccccc; background-color: #ffffff;" size="26" value="" /> строка: <input type="text" name="name" style="border: 1px solid #cccccc; background-color: #ffffff;" size="26" value="" />

    Asked by Un1x,

    0 votes
    6 answers

  7. Помогите ради бога!

    Люди добрые, помогите! Делаю тестовое задание для работодателя. Нельзя упасть лицом в грязь... Как лучше реализовать эту полоску с текстом посередине?

    Asked by JosePerez,

    0 votes
    9 answers

  8. помогите разбить окно на фреймы?

    Asked by amunejia,

    0 votes
    6 answers

  9. помогите разместить div

    Помогите пожалуйста. Надо выровнить div(отмечен красным) так, чтобы он оказался вверху столбца таблицы. Код примерно такой: <table width="100%"> <tr> <td width="20%"> [color="#FF0000"]<div class='panel'> ... </div>[/color] </td> <td width="60%"> ... </td> <td width="20%"> ... </td> </tr> </table> Как я не пытался, он стоит по середине

    Asked by er@s,

    0 votes
    2 answers

  10. Помогите разместить блоки

    Доброе время суток. Я тут сделал вот такую радость: http://jsfiddle.net/Bizon4ik/wQPgR/ Помогите решить следующие задачи: 1. Как с права от серого блока прижать еще один блок высоты больше чем серый, но при этом синий должен продолжать растягиватся на всю свободную высоту экрана 2. Как сделать так что бы синий блок не ездил при горизонтальной прокрутке?

    Asked by Bizon4ik,

    0 votes
    9 answers

  11. Помогите разместить картинку рядом с переключателем слайдов

    Здравствуйте ! Помогите разместить картинку (next.png) рядом с переключателем слайдов как показано на изображении. При этом, чтобы она никуда не съезжала при изменении разрешения монитора. Верстку слайдера можно посмотреть по ссылке (https://www.dropbox.com/sh/0xnl4z68q0pw9q3/AABctWVsS1GpQD5hgvbplXtsa?dl=0) и там же скачать как zip-архив. Заранее большое спасибо !

    Asked by 964758,

    0 votes
    2 answers

  12. Помогите разобратся

    Добрый день. Хочу попросить помочь мне. Дело в том что сайт http://bplsp.com.ua/ не открывается в IE., т.е. не могу открыть главную страничку, а если записать адрес другой странички тогда она открывается.

    Asked by Eduard1976,

    0 votes
    2 answers

  13. Помогите разобратся в FLV ! ( ОЧЕНЬ ПРОШУ )

    Вот в чем проблемма, значит захотел я на сайт поставить flv видео, скачал flv плеер, закачал на сайт, начинаю размещать на сайте вот таким вот кодом: <center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" allowfullscreen="true" src="http://сайт/video/flvplayer.swf" type="application/x-shockwave-flash" flashvars="file=http://сайт/video/video.flv" width="500" height="400" bgcolor="#FFFFFF" /></center> Видео работает, НО проблемма в том, что видео показывается только в маленьком окошке а не в том расширении что я назначил. Вот фото как показывается видео: Помогите сделать, чтобы видео показывалось в том, расширении что я ему назначил.

    Asked by Dmitri,

    0 votes
    2 answers

  14. Помогите разобратся. Шаблон на <DIV> + CSS

    Привет всем. Значит такое дело: верстал шаблон и столкнулся с такой маленькой задачкой. А точнее 2умя маленькими задачками (: 1-ая проблема: Есть шаблон. В нем есть главный див (.maindiv), в котором находится все содержимое. Длинна этого дива 995px. С помощью margin: auto; он располагается по центру страницы. Однако есть ещё один элемент дизайна - .provod . Этот элемент должен располагаться в верхней части страницы и вплотную прилегать к правой стороне главного дива (.maindiv) . Так же, дабы не увеличивать ширину сайта ( и смотреть его без скрола на маленьких разрешениях), надо что бы этот див (.provod) был как бэкграунд - при нехватке места на мониторе он прятался бы за …

    Asked by FriZZ,

    0 votes
    8 answers

  15. Помогите разобрать, что за зверь

    Уважаемые, Форумчане!! Мне сегодня долго доказывал один человечек, что адаптивная верстка и мобильная верстка две разные сущности. Я не стала упираться и взяла таймаут для изучения вопроса. Скажите есть ли различия между адаптивной версткой и мобильной версткой? Где можно почитать про мобильную верстку (если такая существует)? Заранее большое спасибо за пояснения.

    Asked by Anna Zharova,

    0 votes
    5 answers

  16. помогите разобраться

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

    Asked by cooperOk,

    0 votes
    3 answers

  17. помогите разобраться

    Ребят, у меня следующая проблема: Я сделал фиксированную ширину у body 120.4em и отцентрировал, то есть теперь мой сайт располагается ровно по центру, потом я назначил <div id="content"> position: relative; но вот незадача: При расширении экрана в браузере ИЕ7 мой <div id="content"> почему то остаётся на месте, пока я не обновлю страницу. А вместо этого он должен сразу двигаться на середину экрана. Один друг мне посоветовал прописать у Контейнера с position: relative; #content{height:1%;}, но почему то это не работает, может кто подскажет, в чём проблема и как она решается? вот html: http://psywalker2008.narod.ru/Nep/index.html вот CSS: http://psywalker2…

    Asked by psywalker,

    0 votes
    7 answers

  18. Помогите разобраться

    На главной странице сайта (примерно в середине) образуется разрыв в тексте, пустой абзац. Наблюдаю его только в IE6. Как побороть? Сайт http://www.aquapage.ru Спасибо за помощь.

    Asked by aquapage,

    0 votes
    12 answers

  19. помогите разобраться

    у миня такая проблема как сделать в css чтобы цвет границы отображался не только в отдельной ячеики а полностью во всей таблице! как было раньше в теге bordercolor... вот пример <table width="90%" border="1" cellspacing="0" cellpadding="0" align="center" class="table"> <tr height="50"> <td width="30%"> </td> <td width="60%"> </td> </tr> <tr height="50"> <td width="30%"> </td> <td width="60%"> </td> </tr> <tr height="50"> <td width="30%"> </td> <td width="60%"> </td> </tr> <tr height="50"> <td width="30%"> …

    Asked by Boriss,

    0 votes
    4 answers

  20. Помогите разобраться

    Я только начал разбираться в разметке дивами, так что не судите строго... Разместил див в диве. Но при задании в дочернем диве параметра margin-top: 20px сдвигается и родительский. Что делать? Как родительсктй оставить в самом вверху, а дочерний сдвинуть на заданное количество пикселей? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body LEFTMARGIN=0 TOPMARGIN=0> <div style="width: 500px; height: 1000px; margin-right: auto; margin-left: auto; background: #6633FF"&…

    Asked by nautilus,

    0 votes
    3 answers

  21. Помогите разобраться

    Всем привет! Верстаю один макет. Там выпадающий список. Необходимо сделать, чтобы эта выпадалка строилась в две колонки. Однако она тянется на всю ширину страницы. Пробую это сделать на display:inline-block, vertical-align:top +white-space:nowrap В итоге в фоне оказываются только два слова, остальные тянутся на всю страницу. Я подозреваю, что где-то не там указываю что-то. В общем я запутался немного. И еще какие-то черточки перед словами появляются. Откуда они? Вот ссылка на пациента.

    Asked by Softlink,

    0 votes
    7 answers

  22. Помогите разобраться

    Размещаю картинку(будет слайдер) на нее пытаюсь установить кнопку с помощью position:absolute;но при масштабирование страницы, кнопка съезжает как ее зафиксировать на слое??...Пытаюсь сверстать сайт из psd...Первый мой сайт))сильно не пинайте))

    Asked by eremeevd,

    0 votes
    2 answers

  23. Помогите разобраться

    Решил я применить данный https://codepen.io/cl4ws0n/pen/jyxrZJ?page=5& визуализатор, все шикарно треки добавить можно с soundcloud, только при прослушивании зацикливается 1 трек, хотелось чтобы они воспроизводились один за другим(Конечно если кто подскажет как добавить органы управления между треками буду очень благодарен.), для меня это была не легкая задача разобраться в данном коде, прошу помощи в знающих людей. Спасибо что откликнулись, приму любые идеи висказуйте их в комментариях. Спасибо

    Asked by Gora,

    0 votes
    0 answers

  24. Помогите разобраться с Less

    Здравствуйте. http://mixertest.pp.ua/ Изучаю основы Less. Написала адаптивную страницу, но при изменении размера окна несколько div сползают в section.comments (screen http://mixertest.pp.ua/image.html). Помогите пожалуйста найти причину.

    Asked by lbuzya,

    0 votes
    2 answers

  25. Помогите разобраться (размер картики)

    Не могу понять как выставить фиксированный размер картинки. Демотиватор создается 800px а если смотреть на сайте то он растягивается до 900px, что плохо влияет на качество. В css настроек нет, если смотреть в php файле то: echo '<img src="'.$url.'" width="100%"></a>'; Меняю на: echo '<img src="'.$url.'" width="800px"></a>'; Картинка смещается влево, а как сделать по центру?)

    Asked by whisky,

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