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

  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. Дизайнер или я криворукий?

    В общем у меня макет псд сайта. Нужно верстать и чтобы сайт был резиновым. Я копирую шапку, в псд макете она 900 пикселей в ширину. Потом вставляю в style.css ( #header { background-image: url (img/header.png); }) и шапка всё равно фиксированна, хотя в конструкторе хтмл шаблона указывал, чтобы сайт был резиновым. Если увеличивать ширину картинки в гимпе и потом вставлять, то всё равно же она фиксированна будет в браузере. Вопрос: какая ширина должна быть у сайта, когда он в псд, если сайт должен быть резиновым? Каким его должен делать дизайнер? Просто дизайнер мой друг и мы оба позорные дилетанты в сайтостроении, мы пока только 1 сделали и он был фиксированным, и вперв…

    Asked by prowoke,

    0 votes
    31 answers

  2. Opera - проблема с outline и z-index

    Здравствуйте. Подскажите, пожалуйста, как решить следующую проблему: есть два div_а с position:relative. у одного z-index: 5 у второго z-index: 10 Они пересекаются. В div_ве с z-index: 5 находится картинка, для которой указан border и outline. В opera поверх div_а с z-index: 10 прорисовывается outline нижнего дива. Как-то решается этот баг? Заранее спасибо за совет.

    Asked by user-offline,

    0 votes
    1 answer

  3. Кнопка с помощью display:block;

    Итак имем: Столбец ссылок (НЕ <div>) Вот такой ХТМЛ: CSS: По центру горизонтально текст худо-бедно отцентровал через text-align:center; А вот опустить не получается, ибо вместе с ним съезжает и фоновое изображение. Как быть ? Спасибо ! ЗЫ: есть, конечно, мыслишка, оберныть каждую ссылку в <div> сделать фон для дива, а ссылку уже margin-ом кое как отцентровать - но это похоже на извращение

    Asked by volkoff,

    0 votes
    5 answers

  4. Перекрытие слоёв (почему так работает)

    Пожалуйста, объясните в чем разница (см. код) при отображении в FF, Chrome, Opera (в IE почему-то одинаково и как нужно.) <!DOCTYPE html> Код при котором все как нужно (содержимое div class="Ad" поверх TopBanner) <div id="TopBanner"><div class="Ad"></div> <a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a></div> если поменять местами <div id="TopBanner"><a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a> <div class="Ad"></div></div> то div class="Ad показывается ниже изображения со ссылкой CSS a img { b…

    Asked by KFQR,

    0 votes
    6 answers

  5. Opera произвольно меняет картинки. Почему бы?

    Столкнулся с проблемой - виндовая опера меняет картинки на странице случайным образом... в других браузерах все в порядке, в линуксовой опере все хороше и в маковой. Проблема только в опере и только в винде. Версии оперы разные... начиная с 8.х... Валидатор показывает что все в порядке, по крайней мере на главной странице, остальные чистить буду позже... вот http://validator.w3.org/check?uri=http%3A%...ine&group=0 Сама страница: http://wless.ru/ Интересно что опера так глючит не на всех сайтах... копался в исходниках но не нашел взаимосвязи... Подскажите, сталкивались ли вы с таким и как эту проблему решить?

    Asked by APL,

    0 votes
    12 answers

  6. Спойлер без JS

    Доброго времени суток! Знаю что иду по пути не самому простому, но другого решения нет, проблема такая: нужно сделать спойлер без использования скрипта, т.е html+css. Вторые сутки мучаюсь, нашла вот что: HTML: <div class="spoil"> <div class="smallfont">Текст описания спойлера<input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElemen…

    Asked by wetta,

    0 votes
    25 answers

  7. Прозрачность в IE 6

    Делаю кастомный селект. Для этого указываю для селекта -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); Вроде как этого должно быть достаточно для всех браузеров. А вот для ИЕ6 почему-то недостаточно — в нём как всё как было так и осталось. Что я делаю не так?

    Asked by Veseloff,

    0 votes
    15 answers

  8. Странный зазор в меню

    Посмотрите пожалуйста, вот тут меню, после первых 2-х пунктов появляется странный зазор, помогите разобраться откуда он

    Asked by dr.5y51em,

    0 votes
    4 answers

  9. div в Opera - съезжание при попытке подогнать по ширине страницы

    При попытке нажать кнопку в Opera "подогнать по ширине" шапка сайта, состоящая из двух jpg и одного flash расползается - правая картинка перемешается вниз. Также при включенном режиме "подогнать" 3 уровень выпадающего меню частично исчезает - при любом разрешении. Для div выставлены точные размеры ширины и высоты в css. "Подогнать по ширине" (кнопка внижнем правом углу) работает, если разрешение монитора меньше, чем ширина сайта - 996 px Пытался поставить невидимое изображение 996 * 1 - оно, конечно, начинает маштабироваться в этом случае. Возможно ли устранить эти проблемы? Благодарю за помощь. см. http://rbenergo.ru/new/

    Asked by alanbus,

    0 votes
    4 answers

  10. ASP.NET

    Если известно что сайт будет работать на ASP.NET(или под ASP.NET не знаю как тут правильнее), то что я как верстальщик должен учесть, и есть ли вообще какая то разница. Однажды был опыт верстки под что-то подобное, там вся страница была обернута в тег <form> к сожалению тогда не уделил этому внимания и не разобрался как следует, теперь вод даже не знаю ASP это было или не ASP. Кто сталкивался, и если есть какие то тонкости то что стоит учесть? Спасибо.

    Asked by rediskavet,

    0 votes
    3 answers

  11. div relative и static одновременно

    Добрый день, Есть два слоя, ширина 100%, следующие друг за другом. <div>(1) static, высота не известна заранее, т.к. определяется контентом, который вставляет php</div> <div>(2) relative, т.к. внутри используется div с абсолютным позиционированием</div> Чтобы внутри второго слоя (2) работало абсолютно позиционирование, я ставлю ему relative. Но тогда он не учитывает, что перед ним есть другой слой (1) и слои накладываются, (2) поверх (1). Вопрос: как сделать так, чтобы внутри второго слоя работало абсолютно позиционирование, но он располагался строго под первым? Заранее спасибо) UPD: Чуть ниже разместил наглядную картинку "что сейчас и что не так"

    Asked by Diver2,

    0 votes
    10 answers

  12. Использование colspan делает таблицу на 1 пиксель шире

    Дано: <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T" colspan="4"> </td> </tr> <tr class="EMPTY"> <td colspan="4"> </td> </tr> <tr class="TR"> <td class="DOC_E"> </td> <td class="DOC_L"> </td> <td class="DOC_M"> </td> <td class="DOC_R"> </td> </tr> </table> </div> <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T"> </td> </tr> <tr class="EMPTY"> <td&g…

    Asked by RussianGirl,

    0 votes
    6 answers

  13. Как применять Xml-формат

    Здравствуйте всем! Пожалуйста помогите разобраться, как при помощи XML - кода транспортировать данные со стороннего сайта на свой. Куда его вставлять, нужно ли базу данных создавать? Допустим мне нужно данные игрового сайта вставить на страницу своего сайта, не пойму как это сделать. Заранее благодарна .

    Asked by lada,

    0 votes
    2 answers

  14. Глюк с Оперой и QueryTabs

    В общем не хочет правильно отображаться следующий код в Опере, все кнопочки перемешиваются при их перемещении... (такое происходит только в этом браузере) ПС. Заодно хотелось бы спросить, как заставить браузер запоминать положение этих кнопок (вероятно прибегнув к кукисам) Код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Навигация по сайтам </title> <meta name="generator" content="Navigation bar"> …

    Asked by SlowDeath,

    0 votes
    2 answers

  15. Помогите выудить FireBug-ом элементы списка.

    Здравствуйте специалисты по CSS. Помогите пожалуйста выудить Firebug-ом один элемент. Вот сайт http://nablago.com.ua/ там меню сбоку раскрывается/открывается Хочу сделать чтобы родительский уровень (1) был одним цветом, а те которые выпадают (2) другим? Что-то тыкаю FireBug-ом никак не могу его подловить.

    Asked by VasyOK{!},

    0 votes
    10 answers

  16. Калькулятор

    Всем добрый день! Вопрос по реализации идеи! Я создаю свой форум! Форум посвящен кулинарии! Вопрос по изменению окна отправки сообщения! Мне необходимо сделать так, что бы пользователь при создании рецепта мог из списка выбрать нужный ему ингридиент, написать его вес, и при отправке сообщения, скрипт сам подсчитывал на основании данных калорийность рецпта, и эта цифра отображалась в сообщении! По сути это калькулятор калорий! Но реализованый в другом стиле! Как я понимаю надо каждому продукту присвоить значение! В дальнейшем я хочу сделать например поисr по продуктам! Добавляешь продукты в поиск и он находит тебе все рецепты с этими продуктами. Нажимаешь на продукт откр…

    Asked by xaron13,

    0 votes
    4 answers

  17. Отступ сверху таблицы.

    Создал таблицу. Даже на пустой странице её отступ от верхнего края составляет целиком высоту экрана. И в Опере и в IE, и в лисичке. В чём может быть проблема? <table border="5" bgcolor="#FFA000" align="center"> <tr> <th></th> <th>A</th> <th>B</th> <th>C</th> <th>D</th> <th>E</th> </tr> <tr> <th>1</th> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></…

    Asked by Kadett,

    0 votes
    7 answers

  18. Вопрос-ответ

    Итак, первый вопрос: Как сделать так, чтоб в <div>е список не оступал от верхнего и левого краев ? padding 0px в свойстве дива не помогает хтмл <div id="left"> <ul> <li> one </li> <li> two </li> <li> three </li> </ul> </div> <div> в css #left { float:left; width: 102px; height:100px; border:solid 1px #000; } <li> в css li { list-style-image:url(img/li.jpg); } Спасибо !

    Asked by volkoff,

    0 votes
    18 answers

  19. Каталог

    Здравствуйте. Имеется вот такой недоделанный сайт: http://happyclouds.spb.ru/ Требуется создать каталог: http://happyclouds.spb.ru/premium.html Вопрос: как автоматизировать (ускорить) создания каталога? PHP? CMS? Начала создавать вручную - получается долго и муторно. Заранее всем спасибо за ответы

    Asked by _elf_,

    0 votes
    1 answer

  20. создание таблицы

    Здравствуйте, должна быть таблица с двумя строками, а в каждой строке по 2 ячейки. В ячейке 1-1 и в расположенной по диагонали ячейке 2-2 находятся рисунки, а в ячейках 1-2 и 2-1 находиться текст и все ячейки разной длины и все содержимое прижимается к левой стороне. Так вот - с одной строкой все содержимое ведет себя ок., а когда создаю вторую строку с ячейками 2-1 и 2-2 , то все четыре ячейки становятся одинаковыми по длине, не зависимо от содержимого. Подскажите в чем причина?

    Asked by pattaya,

    0 votes
    8 answers

  21. Непонятная реакция на DIV

    Вот часть кода: <a href="index.php">Главная</a><a href="#">О нас</a><a href="#">Карта сайта</a>, то есть на странице ссылки будут отображаться по-порядку (писаться в одну линейку). Но мне нужно каждую из ссылок взять в отдельный тег DIV, то есть так: <div id="1"><a href="index.php">Главная</a></div><div id="2"><a href="#">О нас</a></div><div id="3"><a href="#">Карта сайта</a></div> после чего все ссылки пишутся с отдельной строчки, а мне нужно что бы в одну. Подскажите как исправить ситуацию. Спасибо.

    Asked by Alex&R,

    0 votes
    4 answers

  22. Checkbox и textarea

    Хотел сделать так чтобы только полсе прокрутки содержимого в текст. поле можно было поставить флажок. Но как то не получилось, помогите найти ошибку. Заранее благодарен. (P.S. onclick="f_click();" привязанно к другой функции и работает) <!DOCTYPE HTML PUBLIC "-//W3C//DTD Html 4.01//EN" "http://www.3.org//TR/html4/transitional.dtd."> <html> <head> <title>Флажок</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script type="text/javascript"> <!-- function f_flag() { document.getElementById(check1).disabled = false; } //--> </script> </head> <body> <center><h2>П…

    Asked by Lag,

    0 votes
    0 answers

  23. Проблемы с кодировкой

    В принципе это не проблема вёрстки, не знаю куда написать. Сайт http://galant-tour.ru/, если открыть в мозиле, в форме поиска некоторые (?! O_o) слова ромбиками, а так жеещё в нескольких не распространнёных браузерах, в опере и в осле всё нормально, что это? Форма поиска работает с сайта exat.ru, у них всё нормально на их собственной форме, правда у них сайт в 1251 а у нас в UTF-8. Но почему только некоторые слова ромбиками, как быть? Если поменять кодировку в браузере на 1251 то всё наоборот =) зачем они присылают в разной кодировке непонятно, их службы поддержки в выходных нет, но в опере же всё работает, можно что сделать?

    Asked by SoFuWa,

    0 votes
    1 answer

  24. <table> и Opera

    Доброе утро всем! Помогите пожалуста... Вложеная таблица (вложена в ячейку другой таблицы) убегает вниз, но почему то только в Opere, в IE нормально всё. Почему так, как можно исправить? Вроде все перепробовал, всякие align, valign ((

    Asked by PiratGrey,

    0 votes
    6 answers

  25. Пару вопросов начинаещего

    Здравствуйте, решил создать сайт, подобие баша, за основу взял движок simple quote engine 1.3, Интересуют вопросы: 1) пример или где можно разузнать, про то как сделать изменение рейтинга цитаты без перезагрузки самой страницы. код рейтинга сейчас: 2) создание выпадающего списка при наведении на ссылку или слово (как тег <SELECT>, но нужно чтоб слово, на которое наводится было не в боксе, а как обычная ссылка) (!) Важно: все это надо без использования JavaScript'ов сам сайт: sc2funny.rxfly.net (PHP, CSS, MySql)

    Asked by KuDe$niK,

    0 votes
    1 answer

  • Обсуждения

    • 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