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

  2. Неймоверное задание, кто возьметься?)

    Внутри этого листика будет контет. И резать нужно только с прозрачностью, потому что фон не позволяет по другому! Я порезал его применив фильтр * html #block_1 .blocks { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='images/img_5.png'); } Но в ие6 весь контент внутри этого листика работает через ж. Ссылки не мигают при наведении, и текст ваще не выделяется как надо! + ко всему он еще и тянуться должен. Как исправить ситуацию? Что бы и прозрачность и в ие норма работало. п.с. пнгфикс не подходит!

    Asked by Spidey,

    0 votes
    13 answers

  3. div bg problem

    Скрин с разрезкой сайта, собственно, вопрос телезрителей: как бэкграунд сделать цельненьким? т.е. чтобы не было серых областей под второй и третьей слева колонок. http://img260.imageshack.us/img260/1663/bg1j.jpg Засунул все дивы в див, назовем его box, для него прописал бекграунд, но толку ноль, как будто его вообще нет. В чем теор. может быть ошибка. На всякий прикреплю еще текст. <body> <div id="page"> <div id="header"> пэхэпэшечка </div> <div id="123"> <div id="content"> пэхэпэшечка </div> <div id="sidebar2"> пэхэпэ </div> <div id="sidebar"> пэхэпэ </div> &…

    Asked by slipkahh,

    0 votes
    17 answers

  4. списки

    <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

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

    Приветствую, подскажите как сделать динамичеки добавление 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

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

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

    Asked by urugvai,

    0 votes
    3 answers

  7. CSS и PHP

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

    Asked by olboror,

    0 votes
    1 answer

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

  9. Скрыть путь к изображению

    Здравствуйте Уважаемые форумчане! У меня возник вопрос: «Как скрыть ссылки на определенные рисунки?». Сайт на движке DLE 8.0, есть краткая и полная новость в обеих по картинке. В браузере Opera нажимаем правой кнопкой мыши на фото => «Свойства изображения…» и получаем полный путь к картинке на сайте. Например “http://mysait.ru/library/files/arc_61883/003/screen.jpg”. Вот его мне и нужно скрыть т.к. это вопрос безопасности остального содержимого в той же папке. Скажите пожалуйста, можно ли скрыть с помощью кода адрес рисунка и как? Т.е. какие технологии применить, чтобы картинка отображалась, а ее местоположение было скрыто?

    Asked by Holli,

    0 votes
    11 answers

  10. IE проблемы с отображением img в li

    Только в IE рисунок расположенный в одной строке рядом с текстом сползает на строку вниз. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Img сползает</title> <link rel="stylesheet" href="style.css"/> </head> <body> <div class="menu_list" id="secondpane" style="width:20%"> <p class="menu_head">Header1</p> <div class="menu_body"> <ul> <li><a href="#">str2<img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9W…

    Asked by Nairit84,

    0 votes
    2 answers

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

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

    Asked by Spidey,

    0 votes
    2 answers

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

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

    Asked by witek,

    0 votes
    14 answers

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

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

    Asked by Zietge,

    0 votes
    5 answers

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

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

    Asked by rasebor,

    0 votes
    19 answers

  15. колонки одинаковой высоты

    http://s16.radikal.ru/i191/0912/26/53f31c5f9e6c.png - нужно что б колонки не просто были одинаковой высоты, но и занимали всё пространство от них до футера не в зависимости от содержимого.

    Asked by Yahoo!,

    0 votes
    23 answers

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

  17. Вложенные списки <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

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

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

    Asked by face2005,

    0 votes
    1 answer

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

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

    Asked by Space,

    0 votes
    2 answers

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

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

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

    Asked by subalex,

    0 votes
    1 answer

  22. Баннер загораживает меню

    Здравствуйте! Верстая выпадающее меню столкнулся с проблемой. Под меню был флеш баннер. И в опере выпадающий список "уходит" под баннер. Мои попытки как-то обойти данную ситуацию ни к чему не привели. Баннер упорно лежит выше менюшки. В примере я специально спозиционировал меню и баннер так, чтобы было видно наложение. Повторюсь что данный "эффект" хорошо наблюдается в Опере. Я знаю что можно позиционировать слои с помощью z-index, но применять его на практике мне как-то не удавалось. (это бонус вопрос наверное ) Вот хтмл <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http…

    Asked by Dioni$$,

    0 votes
    6 answers

  23. IE обрабатывает не все стили

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

    Asked by Dimitry Wolotko,

    0 votes
    17 answers

  24. я понимаю что достал

    Вот есть такой код <table style="text-align: left; width: 100%; height: 455px;" border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td id="menu1"align="center" valign="top" <a href="index.php?categoryID=2" class="cat">автонавигаторы</a> <font class="olive">(15)</font> <ul> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> </ul> </div> </td> <td id="menu2" align="center" valign="top"<a hr…

    Asked by ppvkomi,

    0 votes
    24 answers

  25. Помогите с 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

  • Обсуждения

    • 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