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 class="qwerty">текст</div> и есть стиль .qwerty{ font-family: "Courier New", Courier, monospace; font-size: 14pt; font-weight: bold; color: #660000; margin: 0; padding-left: 90px; height: 80px; background-image: url(../images/fon_zag.png); background-repeat: no-repeat; background-position: left; } в общем есть картинка 80х80 которая является фоном и которая должна быть слева. А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу. Это реально?

    Asked by Gold Dragon,

    0 votes
    17 answers

  2. Позиционирование flash по z-оси

    Окно flash перекрывает выпадающее меню навигации. Как сделать, чтобы выпадающее меню прорисовывалось поверх флэша? z-index мне, почему-то, не помог.

    Asked by zapper007,

    0 votes
    9 answers

  3. Помогите пожалуйста выронять меню

    Здравствуйте. Я "верстаю" шаблон, и в ie6 верхнее меню не пристыковывается с левой стороны к шапке. А firefoxe всё хорошо. Вот вёрстка HTML <!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Rational by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="outer"> <div id="header"&…

    Asked by Sayitright,

    0 votes
    22 answers

  4. Проблемы с PADDINGом

    Приветствую всех вас, уважаемые друзья! Проблему свою постараюсь разъяснить максимально лаконично! .topmenu { height: 29px; width: 980px; text-align: right; padding-right:20px; } .topmenu a { text-decoration: none; margin-left: 11px; margin-right: 11px; font-family: tahoma, sans-serif; font-size: 13px; font-weight: bold; } при Этом Width: 980px ; Заданно потому что при паддинге вправо 20 пикс. див становится шире, я приходится сокращаться ширину самого дива с 1000 до 980, выглядит довольно схоже с дизайнерским макетом, но правильно ли это? И еще, Мэрджин и вовсе не задается ни справа, ни откуда либо еще для данно дива, что скажете?

    Asked by sv12,

    0 votes
    3 answers

  5. Создать сайт с нуля для новичков

    Спам

    Asked by dobergon,

    0 votes
    4 answers

  6. Вложенные дочерние селекторы в CSS

    Допустимо ли в CSS записывать так: table#FrameID>tr>td ? И как сделать стиль для td, если код генерируется сервером (т.е. я на него повлиять не могу) и только таблица имеет ID ?

    Asked by Webr,

    0 votes
    8 answers

  7. Параметр float, почему div выскакивает из родительского div'а

    Не могу понять употребление элемента float, т.е. некоторую его особенность. Я делаю такой сценарий: <div id="main"> <div id="main1"> </div> </div> Т.е. один div (main1) вложен в другой div (в main). При этом я хочу div main1 позиционировать float=left. Но пока я не добовляю float=left, у меня один div прекрасно располагается в другом (main1 в main). А как только я в стилях добавляю этот параметр float=left, то main1 выскакивает из main и идет в браузере уже тупо под div'ом main. Объясните, почему так происходит, и как сделать, что бы он не выскакивал, а оставался внутри родительского div'а? есть и картинки, но не прикладываются они в этом…

    Asked by htmluse,

    0 votes
    4 answers

  8. Стереть значение атрибута в CSS

    Есть HTML-код, который генерируется сервером, и я не могу на него влиять. Могу оперировать лишь с помощью CSS в отдельном файле. В коде есть таблица: <table id="ReportViewerControl" style="display:inline-block;height:100%;width:100%;"> <tr> <td>Control panel elements</td> </tr> <tr> <td style="width:100%;height:100%;"> Content </td> </tr> </table> Проблема в том, что при display:inline-block; таблица в Опере разворачивается на всю ширину окна, как и требуется, а TD - нет. Когда удаляю display, всё встаёт на свои места, но как провести это "удаление" в пользовательском CSS?

    Asked by Webr,

    0 votes
    6 answers

  9. Чем чревато появление в html-коде страницы двух одинаковых id и двух разных id в одном теге?

    Я начинающий админ форума на одном бесплатном сервисе и хостинге. Сервис предоставляет якобы движок форума phpbb3, однако, доступа к шаблонам не дает. И если в форуме что-то работает не так, то приходится обращаться в техподдержку с тем, чтобы программисты исправили ошибки в коде движка. А убедить в необходимости исправлений их не всегда удается. Проверяя валидность страниц своего форума, я обнаружила, следующие строчки в коде одной из страниц (в форме ответа): <button class="button2" onclick="bbstyle(54)" id="addbbcode54" onmouseover="helpline('tab')" type="button" id="addbbcode54" accesskey="" title="{L_BBCODE_TAB}"><img src="http://illiweb.com/fa/wysiwyg/tab…

    Asked by Alice,

    0 votes
    9 answers

  10. Помогите разобраться с шириной обертывающего слоя

    Здравствуйте.. Никак не могу разобраться в следующей проблеме (страница, где можно это увидеть - http://script.idhost.kz/XHTML_tpl_test/index.html): имеется слой (красного цвета), который содержит 2 других слоя: - синий, шириной 1000px - зеленый, шириной 100% при уменьшении окна браузера менее чем на 1000px по логике обертывающий слой (красный) должен обернуть синий слой, ширина которого = 1000px, и при этом зеленый слой шириной должен быть 1000px. Но на деле выходит так: ширина красного слоя = ширине видимой части окна, и, соответственно, зеленый слой = такой же величине.. Весь день проводил опыты, но неудачно.. Эффект который требуется, можно заметить в Opera или FF,…

    Asked by ScRiPt,

    0 votes
    5 answers

  11. Кнопки input type button и <button>

    Можно ли задать размеры кнопок <input type="button" и <button>? Имею ввиду, что бы задать им определенную ширину и высоту, например. Нужно вряд поставить 4 кнопки, хотелось бы, что бы они были одинаковые по ширине, независимо от ширины текста в них.

    Asked by htmluse,

    0 votes
    6 answers

  12. Растягивание блока по высоте

    Имеем следующее: Проблема в том что контент(белый цвет) не растягивается по высоте блока manufacturers(желтый цвет)... основной код: <div class="wrapper"> <div class="content"> <div class="manufacturers"> <ul> <li><a class="aprilia" href="#">Aprilia</a></li> <li><a class="arctic_cat" href="#">Arctic Cat</a></li> <li><a class="benelli" href="#">Benelli</a></li> <li><a class="bimota" href="#">Bimota</a></li> <li><a class="bmw" href="#">BMW</a></li> <li><a class="bombardier" href="#">Bombardier</…

    Asked by Kup,

    0 votes
    9 answers

  13. Тег nofollow

    Узнал что для Сео,для сохранения веса страницы лучше прописывать в ссылках идущих с моего сайта тег rel="nofollow",но как с этим тегом должна выглядеть ссылка полностью? счас у меня вот так: <a href="http://www.seversiti.ru/" title="Гостиница"><img src="images/banners/gostsever.jpg" border="0" alt="Гостиница" width="248" height="60" style="border: 0; margin: 1px;" /></a> а как будет с тегом rel="nofollow" ? Спс огромное тому кто подскажет)

    Asked by stardel,

    0 votes
    3 answers

  14. Flash-сайты

    Очень красивый дизайн у флеш-сайтов. Можно такие фуртеля закрутить - прямо закачаешься! Но вот интересно ваше мнение какие плюсы и какие минусы у такого сайта? Возможно ли как-то подключить java script к такому сайту? Как-нибудь можно решить трудности с обновлением сайта, если сайт не рекламный и частенько подлежит обновлению? Как поисковики относятся к подобным сайтам? Большой ли размер у подобного рода сайтов? Стоит ли делать флеш-сайт, если тематика "Юмор" и раза 2 в неделю он обновляется? Просто может есть какие способы как для action script сделать актуальным или подключить java script?..

    Asked by maksimka,

    0 votes
    6 answers

  15. Исключение IE

    Суть вот в чем... Есть такая конструкция в которой написанный код применяется только если ie6 или допустим ie7 там только немного подправить нужено <!--[if lte IE 6]> ... <![endif]--> Так вот... а есть ли такая конструкция, которая бы действовала наоборот? То есть все что находилось бы в этой конструкции не применялось если у пользователя браузер IE.

    Asked by TavlaD,

    0 votes
    17 answers

  16. Выпадающий список select

    Добрый день. Помогите решить проблемку: в форме регистрации на сайте сделал (а точнее переделал ненужный мне AOL) выпадающий список, в котором пользователи при регистрации должны выбрать марку телефона. <tr id="siM9"><td class="manTd1" id="siM10">$AOL_SIGN$</td><td class="manTd2" id="siM11"> <select size="1" id="siF11" name="aol"> <option>NOKIA</option> <option>SAMSUNG</option> <option>MOTOROLA</option> <option>SONY ERICSSON</option> <option>APPLE</option> <option>LG</option> <option>Другая марка</option> </select> Всё работает, но вот если вдру…

    Asked by AlexM,

    0 votes
    8 answers

  17. Назначение каждому заголовку h1 картинки перед ним

    Возможно вообще назначить заголовку картинку бэкграундом? Нужно чтобы на всех страницах у каждого заголовка h1 перед ним была картиночка(страниц очень много). Я через стили и так пытался, и так, но никак не выходит - не появляется картинка и все тут. Просто назначить ее беком не выходит; если сделать заголовок блочным элементом, назначить ему высоту и т.п., то тоже картинка не появляется и т.п. Это вообще возможно сделать только через стиль? Или как еще можно картинку перед каждым заголовком расположить?

    Asked by Torner,

    0 votes
    6 answers

  18. моя первая работа

    1. Начал подключать изображения и столкнулся с проблемой. Как сделать две полоски резиновыми? Да, и нижнюю полосу я склеил с листьями в один слой. 2. Еще сохраняю изображение с прозначностью в 50%, но когда вставляю его в файл оно полностью закрывает текст. Прозрачность исчезает.

    Asked by 121990,

    0 votes
    14 answers

  19. Как растянуть таблицу на 100% по внешнему блоку а не по внутреннему содержанию?

    Т.е. табличка (width=100%) как бы обрамляет текст но не растягивается по всему внешнему блоку.

    Asked by Radik_45,

    0 votes
    12 answers

  20. Google Chrome

    Имеется letter-spacing:-0.03em; Во всех браузерах отображается как надо. В гугле с погрешностью до 0.01, то есть он показывает значение -0.02em. Есть ли вариант замены, или как прописать css для chrome отдельно.

    Asked by Ritter,

    0 votes
    8 answers

  21. браузер Opera

    Нужна помощь Браузер opera не правильно отображает страницу Думаю, на картинке видно в чем проблема. Может быть проблема где то здесь? /*========= LAYOUT =========*/ #page{ background: #ffffff; margin: 0 auto; width: 960px; } /*— Main Columns —*/ #columns{ margin: 20px 0 0; padding: 0 15px 25px; } .col1{ float: left; width: 550px; } .col2{ float: right; width: 350px; } /*— Sub Columns —*/ .subcol{ width: 160px; } .subcol h2{ color: #ff7800; font-size: 14px; padding: 0 0 10px; } Весь CSS код: /*========= SETUP =========*/ *{ border: 0; margin: 0; padding: 0; } body{ background: url(images/bgr.gif) #bcbcbc repeat top; color: #000000; font: 0.8em A…

    Asked by clip,

    0 votes
    2 answers

  22. как убрать маркер отметки элемента

    При активации некоторых элементов, например табов вкладок, либо радиокнопок, остаётся 'маркер' последнего выделенного активированного элемента. В огнелисе например выглядит в виде очертания квадрата тонкой линией вокруг элемента. Как его убрать? Код вывода табов: <ul class="offers-menu tabset"> <li> <a class="tab a2" href="#">Padluka</a> </li> <li> <a class="tab a3" href="#">Paskuda</a> </li> <li> <a class="tab a4" href="#" a="">Skatina</a> </li> <li> <a class="tab a5" href="#">Svoloch</a> </li> </ul> Какое свойство отвечает за этот хренов маркер?

    Asked by srakaptcha,

    0 votes
    3 answers

  23. Верстка полурезины

    Вобщем надо сверстать макет. Он отрисован на 1260 пикселей. Задуман как резина - но контентная часть фиксированная на 1000 пикселей. То есть при разрешении 1280 и выше никаких проблем. А при разрешении менее 1280 нужно чтоб часть фона (картинка) отрезалась. Для наглядности приложу скрин. http://i080.radikal.ru/1004/8d/a23ce6e9d77e.jpg Можно ли такое сделать вообще? Не могу придумать

    Asked by Dioni$$,

    0 votes
    17 answers

  24. Проблема с ссылками и таблицами.

    Народ у меня проблема. У меня есть Html страница (index.html) Она состоит из нескольких таблиц: 1) header 2) меню 3) body a) Таблица с втавленной в неё другой html страницей (index_1.html) б) Таблица с данными 4) footer Вопрос: Как нажимая на ссылку в меню можно менять html страницу в "body " "a" c index_1.html на index_2.html ? Заранее спасибо за ответ.

    Asked by LORDIF,

    0 votes
    4 answers

  25. CSS + bg-image + text

    Всем добрый день!!! Проблема в следующем: Делаю растягивающуюся менюшку с размноженным задним фоном. Попытался добавить стиль в CSS: TD.menu { font-family : Tahoma, Arial, sans-serif; font-size : 10px; text-align: center; font-weight: bold; color: #ffffff; background-image: url('images/lttemplate/menu_m.gif'); } <td class="menu" width="13%"> Результат - текст нужного стиля, первая ячейка растягивается на максимум, остальные - по ширине текста. Заднего фона нет. Если в тег <td> добавить style="background-image: url('images/lttemplate/menu_m.gif')" Получаем первую ячейку на максимум, остальные - по ширине текста, задний фон появляется. Желаем…

    Asked by CrazyXoma,

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