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. Проблема со фоном в футере

    Ситуация. В шапке сайта фоном лежит изображение, прописанное в css: body { padding: 0; margin: 0; background: #003D73 url(img/bg2.jpg) no-repeat center top; width: 100%; display: table; } Макет простой и состоит на данный момент буквально из двух таблиц (которые лежат на фоне img/bg2.jpg): ————————-- | основной контент сайта | ————————-- ————————-- |футер | ————————-- Вот в футер, в отдельную таблицу, хочу добавить еще одно фоновое изображение, поверх которого вывести телефоны, контактные данные и пр. Но это фоновое изображение не появляется ибо body забивает собой всю страницу. Как решить эту проблему?

    Asked by wcp,

    0 votes
    6 answers

  2. Фон body при уменьшении размера сайта.

    Всем привет! Подскажите пожалуйста как можно реализовать сохранение background-а у body при изменении размера самого сайта (имеется в виду при нажатии "Ctrl" + "-"). Хочется чтобы background оставался во весь экран(у меня картинка),а размер сайта менялся.. Вот кусок моего кода если он нужен: body { background: url(images/body-bg.jpg) no-repeat top fixed; font-size: 12px; line-height: 1.6; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color: #111; } Подскажите пожалуйста,наверняка кто то с таким сталкивался!

    Asked by Torvild,

    0 votes
    1 answer

  3. Расчет ширины блока в 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

  4. Размеры фиксированной верстки.

    Какой размер является стандартным для фиксированной верстки? Исходя из чего определяют ширину фиксированной верстки( допустим, контента мало)?

    Asked by amelice,

    0 votes
    15 answers

  5. Граница столбца не видна в опере/ie

    Почему-то опера 11 и ie 9 не понимают конструкцию <td>левая колонка</td> <td width="1" style="border-right: 1px dashed #167AAC;"></td> <td>правая колонка</td> Т.е. я пытаюсь сделать простейший разделитель между двумя колонками. Отображает его только хром. Разделитель становится видимым, только если указать, что колонка непустая, т.е. добавить пробел: <td>левая колонка</td> <td width="1" style="border-right: 1px dashed #167AAC;"> </td> <td>правая колонка</td> Но это приводит пусть к небольшому, но увеличению ширины колонки - она уже не 1px.

    Asked by wcp,

    0 votes
    3 answers

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

    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

  7. вопрос пр ссылки

    у меня такой вопрос: как можно быстро создать большое количество ссылок на одной странице? например у меня на одной странице должно размещаться больше 700 ссылок на другие страницы сайта(которые отличаются друг от друга лишь одной картинкой)и мне интересно может есть какой то способ сделать это все по-быстрому, а то вручную уж очень долго получиться, темболее у меня не одна такая страница....вобщем если есть какой то совет помогите, а то я новичек и много еще не знаю

    Asked by Archi30,

    0 votes
    5 answers

  8. Кнопки меню под логотипом картинками

    Всем привет. Требуется сделать кнопки меню под логотипом в виде картинок, под кнопками фоном должна проходить некая полоса (не однотонная, градиент) на всю ширину экрана, примерно так: Подскажите, как примерно это можно реализовать?

    Asked by vkapas,

    0 votes
    7 answers

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

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

    Asked by Rambo2045,

    0 votes
    4 answers

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

    Картинка обрезается, но тень почему не видна. 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

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

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

    Asked by psy_addicted,

    0 votes
    1 answer

  12. Помогите! Текст поверх картинки.

    Всем привет! Не могу сделать текст поверх картинки. Перепробовал множество атрибутов, использовал CSS, подключал классы. Толку - 0. Вот ссылка на сайт: Не реклама! Выберите приложение ниже "Wormix" самое первое! И вот на этом сером фоне я хочу написать текст (описание приложения). У меня не получается, либо текст смещяется влево, либо вообще в углу. Вот эта часть "Слайдер": <div class="wrapper col3"> <div id="gallery"> <ul> <li class="placeholder" style="background-image:url(images/gallery/default.gif);">Image Holder</li> <li><a class="swap" href="#"><img src="images/gallery/1_s.gif" alt="" /><span&gt…

    Asked by ice72,

    0 votes
    8 answers

  13. Маркер в горизонтальном списке

    Здравствуйте) Сегодня чего-то очень туплю) Специально добавил вопрос в категорию для начинающих. Верстку забыл совсем) Вот сам вопрос: список сделал горизонтальным через display: inline, маркер к списку никак не добавляется. Можно вообще добавить к inline маркер? С float:left все работает О'кей. И еще один вопрос. В последней Opere не отображаются свои шрифты из @font-face, что делать? Весь форум облазил, не нашел ответа, вариант из харбахабра работает, но очень криво.

    Asked by Comex,

    0 votes
    1 answer

  14. лишние блоки

    под opera/ff/chrome/ie8/safari сверстал шапку такого макета. главная трудность для меня была в наслоениях. думаю, я здесь слишком много блоков использовал. если кому-нибудь приходилось верстать подобное, то дайте пожалуйста ссылку на рабочий сайт, хочу посмотреть как люди делают.

    Asked by cyklop77,

    0 votes
    2 answers

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

    Дивы коректно отображаются в 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

  16. Проблема с паддингом в инпуте

    Следующая проблемка возникла в пятом фоксе. Задаю инпуту ширину и паддинги в процентах. Везде всё нормально, а там padding-left и padding-right работать отказываются. Чего я только не пробовал, всё тщетно. Помогите, пожалуйста, решить эту проблемка. Собственно ссылка: http://divstudio.ru/portfolio/domaintest/ Ну и скриншот уж тогда, чтобы не мелочиться:

    Asked by Shugich,

    0 votes
    10 answers

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

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

    Asked by Roomas,

    0 votes
    7 answers

  18. пропали блоки

    помогите пожалуйста найти пропавшие в ie6, ie7 блоки. в других браузерах они видны. страничка

    Asked by cyklop77,

    0 votes
    3 answers

  19. 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

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

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

    Asked by Maximalist,

    0 votes
    1 answer

  21. Расположение потомка позади предка

    Можно ли расположить элемент-потомок позади родительского элемента? С z-index ковырялся, но не вышло.

    Asked by Titansword,

    0 votes
    17 answers

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

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

    Asked by vvsh,

    0 votes
    2 answers

  23. 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

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

    Имеется такой файл: ?<!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

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

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

    Asked by cyklop77,

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