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. IE обрабатывает не все стили

    В моей практике несколько раз сталкивался с тем, что IE7-8 иногда обрабатывает не весь css, при первой загрузке этого файла. Обычно выражается это в том, что он игнорирует margin:0 auto; После рефреша -- всё хорошо. Сейчас встала задача исправить этот косяк. Вычленить проблему не смог, появляется баг из неоткуда. Есть мысли как поправить?

    Asked by Dimitry Wolotko,

    0 votes
    17 answers

  2. IE 6 неправльно считает абсолютные координаты

    Всем любителям весрки привет многому научился с тех пор как я на этом форуме, но верстая очередной сайтешник обнаружил для ся еще один баг IE6, посмотрите вот тут http://www.realfact.ru/zhkh.html?id=24#comments, внизу у каждого блока с комментариями есть 4 уголка которые абсолютно установлены относительно их родителя <div class="commBlock"> в мозилле и опере как всегда все супер, ие7, ие8 тоже претензий нет, а вот ие6 опять проглючил у координаты почему то у него разные что и привело к такому виду! Народ плизз, как с этим бороться? PS: нижние левые и правые уголки вообще куда то делись

    Asked by TonKhaO,

    0 votes
    16 answers

  3. Равномерное растягивание ячеек

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

    Asked by 100kd,

    0 votes
    3 answers

  4. Фон не подключается из внешнего файла

    Добрый день! Занимаюсь версткой уже не первый год, но впервые столкнулся с подобной проблемой - и не могу найти ее причину. Есть файл стилей (style.css), содержащий строку с подключением фона: body { background: #fbf4a0 url(img/bg-b-l.jpg) bottom left no-repeat; color: #5c3400; font-family: Arial; padding: 12px; } ... И страничка (index.php), в которую файл стелей подключен строкой: <link rel="stylesheet" href="cssjs/style.css" type="text/css" /> Проблема в том, что фон не подключается! На странице отображается только фон цвета #fbf4a0, а изображение отсутствует. Что самое интересное - если прописать на страничке встроенный стиль, то все подключается! …

    Asked by shass,

    0 votes
    4 answers

  5. Помогите с background

    Завел я свой блог, и решил изменить фон. В настройках можно редактировать СSS. Написал body { background-image: url("http://attachments-blog.tut.by/29555/files/2009/12/fon.jpg"); background-repeat: no-repeat; background-position: center ; background-attachment: fixed; } Получилось с белыми отступами по бокам. Пробовал другие тэги, не получается все равно сделать фон на всю страницу. Может есть стандарное разрешение, которое нужно использовать. Размер моей картинки 1024x927.

    Asked by 121990,

    0 votes
    8 answers

  6. Учитель по CSS !

    Может это конечно покажется дико но все же...ищу учителя, или так сказать того кто сможет мне в любую минуту подсказать как и что в CSS. моя ася 423802702

    Asked by Space,

    0 votes
    2 answers

  7. Firefox 3.0.15 и Opera 10 неправильно отображают меню

    Здравствуйте. Проблема - Firefox 3.0.15 и Opera 10 неправильно отображают меню, в то время, как IE7 и Opera 9.50 отображают так, как задумывалось. Менюшка на js - выпадающая. Сами посмотрите на скрине, как это выглядит в Opera 10: Менюшка такая же установлена еще на паре сайтов, там проблем с отображением нет, видимо, все дело в верстке, но понять не могу, в каком моменте. Адрес сайта scrubs-mtv.ru. Ребят, очень нужна ваша помощь. Спасибо за внимание.

    Asked by FRUTALITY,

    0 votes
    3 answers

  8. Ссылка с картинкой и пунктирное подчеркивание

    Здравствуйте ! Есть такая ссылка : <a href="#" onclick="JS-code">Текст<img src="foo.gif" alt="foo" /></a> Можно ли сделать так, чтобы текст в ссылке был подчеркнут пунктирной линией, а картинка нет ? Разделить это на две отдельные ссылки не предлагать. Дело в том, что код, который находится в onclick достаточно длинный и укоротить его нельзя, а таких ссылок на странице много. Страница и так уже довольно обьемная и увеличивать ее еще больше не хотелось бы. Спасибо.

    Asked by subalex,

    0 votes
    1 answer

  9. Помоги организовать выпадающее меню

    Здравствуйте! Необходимо организовать меню электронного справочника, которое имело бы вид: Раздел 1 Подраздел 1.1 Подраздел 1.2 .... Раздел 2 Подраздел 2.1 .... Все подразделы необходимо скрывать, а сами разделы дожны изменять свое положение на странице в зависимости от скрытых/открытых подразделов, в этом и проблема. Использую HTML, возможно применение Java Script. Заранее спасибо.

    Asked by _L_e_x_y_,

    0 votes
    31 answers

  10. Footer at bottom

    На этом форуме, да и на многих сайтах приводится пример прибивания футера к низу екрана. И многие сталкивались с проблемой что в опере это не работает. Изучив код из сообщения Scrum ( http://forum.htmlbook.ru/index.php?s=&...st&p=123368 ) я пришел к такому коду <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>footer at bottom</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html{ overflow:auto; height:100%; } body{ margin:0; height:100%; …

    Asked by mishka,

    0 votes
    9 answers

  11. Вложенные списки <ol>+<input>

    Всем привет. Вопрос по валидности. есть код такой: <div id="opros"> <ol type="I"> <li>Алкоголь</li> <ol> <li>Употребляете ли вы алкоголь?</li> <input type="radio" name="vopros1[]" value="10" id="vopros1_1"> <label for="vopros1_1">Да</label><br> <input type="radio" name="vopros1[]" value="01" id="vopros1_2"> <label for="vopros1_2">Нет <em></em></label> ................................. Доктайп такой использую: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> …

    Asked by crash,

    0 votes
    7 answers

  12. проблемы в опере

    http://kardinal.pp.ua/index.php парни , как убрать причину , которая режет бегущую строку в опере?

    Asked by face2005,

    0 votes
    1 answer

  13. Пустой квадрат вместо ∪

    Тема не совсем в тему. Дело в том, что мой клиент не видит на этой странице символ ∪(∪). Вместо символа - пустой квадратик, по его описанию. Лично я в ИЕ6,7,8, Опере и Лисе вижу символ прекрасно (на двух ПК)! Есть идеи - отчего так может быть?

    Asked by rasebor,

    0 votes
    19 answers

  14. Стиль ссылки на странице, на которую она ссылается

    Всем доброго времени суток! Подскажите как можно задать стиль ссылки на странице, на которую она ссылается? Или хотябы ткните носом в темку, которую можно почитать) Спасибо!

    Asked by Zietge,

    0 votes
    5 answers

  15. Динамическое добавление двух полей в форму

    Приветствую, подскажите как сделать динамичеки добавление 2х полей в форму, по кнопке добавить. Вот чтобы так примерно было Пункт 1: <input type="text" name="item1" size="20">Путь для 1: <input type="text" name="url1" size="20"> Пункт 2: <input type="text" name="item2" size="20">Путь для 2: <input type="text" name="url2" size="20"> Пункт N: <input type="text" name="itemN" size="20">Путь для N: <input type="text" name="urlN" size="20"> Заранее Спасибо

    Asked by woofs,

    0 votes
    9 answers

  16. Помогите исправить ошибки в CSS

    Вот ссылка с валидатора на страницу ошибок ссылка на валидатор

    Asked by witek,

    0 votes
    14 answers

  17. Как с имеющегося jpg сделать прозрачную картинку?

    Есть вырезаная картинка в формате jpg. Возможно ли обрезать на ней лишнее и сохранить с прозрачностью не меняя ее размер?! Наперед спс за помощь)

    Asked by Spidey,

    0 votes
    2 answers

  18. Input text +checkbox

    Добрый вечер. Есть такой код: <label for="vopros2_4">Ваш вариант ответа: <input type="text" name="vopros2[]" size="100" onfocus="f.vopros2_4.checked=true;" onblur="if(this.value=='')f.vopros2_4.checked=false;" class="checked"></label> То есть при клике на текстовое поле, автоматом срабатывает флаг у чекбокса. Но этот способ какой то не хороший, может кто знает как проще сделать это? Может с jquery? Всем спасибо.

    Asked by crash,

    0 votes
    5 answers

  19. Label + input

    Есть код: <input type="checkbox" name="vopros2[]" value="0001" id="vopros2_4" class="checked"> <label for="vopros2_4">Ваш вариант ответа: <input type="text" name="vopros2[]" size="100" class="checked" id="text1"></label> В Опере при клике на инпуте, флаг не ставится. В Файр Фоксе при клике не инпуте, флаг ставится, но фокус с текст поля пропадает и невозможно ввести текст. В Хроме работает все отлично) Как сделать это решение более кроссбраузерно?

    Asked by crash,

    0 votes
    1 answer

  20. списки

    <div id="apDiv2"><h3> <a href=</a> <font class="olive">(120)</font> </h3> <ul> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a> </li> </ul> </div> Подскажите плиз или дайте ссылку где почитать. Нужно сделать список в два столбика друг на против друга в одном элементе.

    Asked by ppvkomi,

    0 votes
    6 answers

  21. Корзина как!

    Есть сайт, к нему надо прикрутить корзну. Где можно найти уже готовые решения? Готовый код?

    Asked by urugvai,

    0 votes
    3 answers

  22. Некорректное отображение сайта в IE.

    Здравствуйте! Мой сайт: http://www.garden08.ru При показе в IE происходит такая неприятная вещь: при уменьшении ширины окна правая колонка периодически падает вниз под левую, потом снова встаёт на место (эффект мелькания). Возможно ли это как-то исправить? Хотелось бы решить эту давнишнюю проблему этого сайта, т.к. сейчас занимаюсь интеграцией дизайна в sBuilder. Заранее спасибо!

    Asked by Светлана Г.,

    0 votes
    15 answers

  23. CSS и PHP

    PHP скрипт генерирует обычную таблицу из MySQL. Как вывести результат используя классы CSS. Конкретно - задать ширину столбцов и в первом (естественно № пп) текст по центру, в остальных столбцах - слева. Подскажите пожалуйста, ну очень длинный затуп а результатов не дал. Спасибо

    Asked by olboror,

    0 votes
    1 answer

  24. списки

    <div class="apDiv1"> <a href="index.php?categoryID=24" class="cat">простые телефоны</a> <br> <ul> <li><a href="index.php?categoryID=74" class="standard">INTEGO</a><span style="white-space: pre;"> <a href="index.php?categoryID=87" class="standard">Samsung</a></li> <li><a href="index.php?categoryID=81" class="standard">LG</a><span style="white-space: pre;"> <a href="index.php?categoryID=80" class="standard">Panasonic</a></li> <li><a href="index.php?categoryID=72" class="standard">ВЕКТОР</a><span style="white-space: pre;"> <a href="in…

    Asked by ppvkomi,

    0 votes
    18 answers

  25. CSS и PHP

    PHP скрипт генерирует обычную таблицу из MySQL. Как вывести результат используя классы CSS. Конкретно - задать ширину столбцов и в первом (естественно № пп) текст по центру, в остальных столбцах - слева. Подскажите пожалуйста, ну очень длинный затуп а результатов не дал. Спасибо

    Asked by olboror,

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