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. ВСЕ нормально но выявляется интересная проблема!

    Все не могу нормально продвинуть в верх таблицу в Dreamweaver пожалуйста помогите в этом.

    Asked by Maestro,

    0 votes
    0 answers

  2. table + iframe -> broken height?..

    Стоит следующая задача (на которой я обломался): необходимо в ячейке таблицы развернуть ПОЛНОСТЬЮ фрейм. Таблица состоит из двух ячеек (в одну строку). Ширина первой ? фиксирована, высота не имеет значения. Вторая ячейка: ширина не имеет значения, высота должна равняться строго высоте содержимого фрейма. Как такое организовать? Относительные размеры ведутся только по отношению к высоте отображаемой области, указание точных размеров тоже плохой вариант. Кто подскажет ? как быть? <html> <table width="100%" align="left" border=0 bgcolor=#b0f0e0 frame="void" rules="none" cellpadding="0" cellspacing="0"> <tr> <td align="left" width="190">any text &…

    Asked by Maxer,

    0 votes
    0 answers

  3. Две колонки с блоками в них. из одной колонки блоки поподают в другую

    КАТОЛОГ ЭЛЕКТРОТОВАРОВ Кабель и провод ПУНП, ПУГНП, ШВВП ВВГ, ВВГ-нг, ВВГ-нг-ls, АВВГ NYM, NYM-севкабель ВбБШВ, АВбБШВ пвс, кг, А, АПВ, СИП ПВ-1, ПВ-3 КСПВ, ШТЛП, ТРП UTP, FTP, STP, TV-кабель Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки этот блок вообще вправо вылезает в эксплоере Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал,…

    Asked by makel,

    0 votes
    0 answers

  4. background и src

    Вопрос вот в чем.Есть input type=image.Мне надо повесить на эту кнопку прозрачную картинку.Я делаю через свойство filter.Но что делать с параметром src.Если ему дать значение,картинка налаживается на background.Если не давать значение,появляется надпись Submit query.Это в IE 6.

    Asked by user,

    0 votes
    0 answers

  5. Заместь картинки - [AD] 0_o

    Почему так? Может это для Вас и примитив но для меня это важно... И такое у меня ток с одной картинкой... Захожу на сайт - [AD] —-- пару раз обновил - появилась картинка=) <- мистика!) вот css картинки #leftbar .adv img{margin-bottom:2px;display:block;margin-right:0} вот html картинки подробнее... Заранее спасибо.

    Asked by oledj,

    0 votes
    0 answers

  6. overflow:auto + IE = непонятный отступ

    Здравствуйте! Имеется таблица, в одной из ячеек которой <div id='t' style='height:500px; overflow:auto;'></div> В этот блок при помощи AJAX загружается табличка. Проблема в том, что если эта табличка больше определенного (?) размера, то весь блок "сползает" вниз. Прич?м Opera отображает вс? правильно. Может кто-нибудь знает, как победить это? Скрины: Большая таблица: Маленькая таблица:

    Asked by Fillonik,

    0 votes
    0 answers

  7. Сделать для группы символов другую кодировку

    Возможно такое?

    Asked by user,

    0 votes
    0 answers

  8. помощь в работе с float left

    Добрый день! Подскажите пожалуйста каким способом можно реализовать такую задачу! Имеется разрешениее XXX, при данном разрешении в контйнер влазиет 4 картинки, если разрешение YYY (больше XXX) то влазиет например 5 картинок. Вопрос как сделать так чтобы если пять полность не влязиет то оставшиеся 4 разместить по центру!

    Asked by tornton,

    0 votes
    0 answers

  9. Заливка полигона в area shape (MAP)

    Здравствуйте. Использую на картинке мэп. Необходимо, чтобы при наведении курсора полигон заливался или чтобы происходило выделение границы полигона. Как это возможно реализовать? CSS? <img src="image_ex.gif" width="200" height="150" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="poly" coords="77,116,66,70,132,57,127,105" href="#" title="****" /> </map> Спасибо за ответ

    Asked by annik,

    0 votes
    0 answers

  10. Width 100% относительно др. таблицы

    Помогите пожалуйста, сайт www.q-flash.net некорректно отображается в IE, в FF все нормально... Таблица под названием q-Flash при разрешени 1024х768 разьезжается на 100% окна, сломал всю голову.... как сделать чтоб вложенные таблицы заниали 100% ширины от табл q-Flash, а не от окна. Заранее спасибо откликнувшимся... Added: Оказывается все просто достаточно в табл q-flash добавить style="table-layout: fixed;" но никто не мог подсказать...:/ тему можно закрывать

    Asked by PymC,

    0 votes
    0 answers

  11. Подскажите с IFRAME

    В общем сделал делаю галерею картинок. По середине изображение, вверху полоса картинок для выбора. Это полоса IFRAME. Так вот когда я выбираю картинку,загружаю другую с помощью то есил я после загрузки нажму НАЗАД в браузере то на месте IFRAME остает белое пятно вместо полосы картинок. Подскажите как сдлеать чтоб там все время был IFRAME?

    Asked by mess,

    0 votes
    0 answers

  12. Центрирование плавающих блоков

    Столкнулся с проблемой. Есть 5 блоков которые должны идти в 2 ряда - 3+2 Задача центрировать получившуюся конструкцию. Блоки должны оставатся блочными элементами (тк в свою очередь тоже содержат блочные элементы) так что display:inline не подходит. Все что я нарыл в инете по этому вопросу - размноженная на куче блогов статья как центрировать меню http://dimox.name/how_to_center_floating_list/ - но этот метод не подходит - второй ряд все равно оказывается прижат к левому краю... Подскажите плз, как можно решить данную задачку

    Asked by Di.Mon,

    0 votes
    0 answers

  13. Проблемы с выравниванием формы в ячейке в ИЕ 6 и 7

    Есть таблица, в шапке таблице в ячейках справа должно быть две стрелочки вверх и вниз ввиде кнопок, в Мозиле и Опере нормально все становяться как надо, а вот в IE 7 и 6 держать их по центру... Проблема с IE 6 и 7 решила путем добавление вместо margin применив padding, в Опере с margin нормально, но вот в Мозиле из-за margin таблица не уменьшаеться...а если ставить padding, то начинает растягиваться ячейка в Опере... css обновила.. html <table> <thead> <tr> <th>Фото</th> <td>Марка <div class="form"> <form name="a1" method="post"> <input name="order" src="i/tr1.gif" height="8" type="image" widt…

    Asked by Mary_RND,

    0 votes
    0 answers

  14. Растягивание по вертикале

    Здравствуйте! Столкнулся с одной проблемой... Есть таблица, заранее неизвестной ширины, в ее ячейке лежит div. Так вот, мне нужно, что бы этот div автоматически растягивался, по всей высоте таблицы... Как такое осуществить?

    Asked by RoaminFire,

    0 votes
    0 answers

  15. Вывод контекста в зависимости от max высоты

    Допустим есть таблица из двух колонок. В левой колонке - основное содержание, в правой - небольшие информационные блоки (которых может быть очень много). Необходимо выводить блоков в высоту ровно столько, на сколько растягивает таблицу основное содержание левой колонки. Пока единственно что надумал - вставить в правую колонку резиновый фрейм на всю высоту с max. кол-вом информационных блоков (но в этом случае будет часто видно что след.блок "обрезается"). Какие еще решения могут быть на HTML / + CSS / + JS ? Заранее всем спасибо

    Asked by Razor,

    0 votes
    0 answers

  16. Как изменить размеры элемента формы Option?

    В списке выбора Select появляются очень длинные значения. Мне надо ограничить их длину. С помощью стиля я сделала это, работает в IE и Мозилле, но в Опере и Сафари не хочет. Вот код: qweqwe11111444444444441111111111111122 22222222211111111111111111111111111111 1q 2q В Опере и Сафари сам список укорачивается, а значения - нет. Помогите, если кто сталкивался!

    Asked by GPush,

    0 votes
    0 answers

  17. Nimbus Roman No9 L, Liberation Serif и Windows

    Подскажите, пожалуйста, аналоги этих шрифтов из стандартной поставки Windows

    Asked by duke,

    0 votes
    0 answers

  18. Верстаем под шаблон.Убрать отступ у первого элемента.

    Столкнулся с такой проблемой: необходимо выводить на страницу 5 изображений в линию и брать их в рамку, как показано здесь http://img398.imageshack.us/my.php?image=justifyoj7.jpg. Так чтобы слева и справа от изображений отступ был одинаковым и небольшим, а рамка равномерно заполнялась картинками за сч?т отступов между ними. Размер рамки фиксированный, размер картинок тоже. Зfдача осложняется тем, что в?рстка делается под шаблон, т.е. нельзя отдельно применять стили только к одной картинке или ссылке. Я наш?л 2 способа решить эту проблему 1)с помощью соседних селекторов 2)с помощью псевдокласса :first-child, но ИЕ6 как всегда сказал что ему на них положить большой ... (. У…

    Asked by SIC,

    0 votes
    0 answers

  19. Горизонтальное меню

    Подскажите пожалуйста как сделать такое вот меню. Я делаю следущее <div align="left" style=" width: 900px; height: 40px;border: 2px solid; border-color:ffffff;"> Тут задаю размеры блока на котором оно будет. <a href=" "class="rollover1" > </a> <a href=" " class="rollover2" ></a> <a href=" "class="rollover3"></a> <a href=" "class="rollover4"></a> <a href=" "class="rollover5"></a> Тут идет перечисление граф в меню,Хотелось бы сделать меню как то по проще,дело в том что при этом коде каждый следущий рисунок меню становится вертикально и получается столбик.Который потом очень неудобно по…

    Asked by Whatsup,

    0 votes
    0 answers

  20. Якорь в iframe

    Возникла проблема. На странице реализован обычный якорь типа <a name="top"></a> //// <a href="#top">NEXT</a> Но при вставке этой страницы, на другом сайте через iframe якоря перестают работать... Возможно ли как-то решить проблему?

    Asked by lordenas,

    0 votes
    0 answers

  21. Картинка в скрытом DIVе

    Осмелюсь задать еще один вопрос. Вот такая задачка <script type="text/javascript"> <!-- function Function_1(div){ for (i=0; i<99; i++){ document.all.tags("div").item(i).style.display="none"; } document.all.tags("div").item(div).style.display="block"; } --> </script> <a href="#" onClick="Function_1(0), document.pic1.src='pic1.gif'">1-я ссылка</a> * * * <a href="#" onClick="Function_1(99), document.pic100.src='pic100.gif'">100-я ссылка</a> <div style="display:none">Текст 1 <img src="" name="pic1"/></div> * * * <div style="display:none">Текст 100 <img src="" name="pic100"/></div> Вобщем мне ну…

    Asked by Николай 2357,

    0 votes
    0 answers

  22. Подпись у картинки шириной с картинку

    Здравствуйте, есть код: <style> div.illustr { float:left; background-color:#f0f0f0; } div.illustr p { text-align:center; } </style> <p>Подрисуночная подпись ? текст, являющийся названием рисунка или описанием изображения.</p> <div class="illustr"> <img src="http://imgl.yandex.net/i/www/logo.png"> <p>Подпись Подпись Подпись Подпись Подпись Подпись Подпись Подпись</p> </div> <p>Подпись хоть и называется подрисуночной, но может располагаться не только под рисунком.</p> Размер изображения всегда разный и неизвестен. Реально-ли сверстать так, что-бы подпись переносилась при достижении края изображения? То…

    Asked by crond,

    0 votes
    0 answers

  23. авторесайз выпадающего списка

    есть выпадающий список, есть поля как короткие так и длинные, можно ли сдлать так чтобы в момент раскрытия списка, он автоматом ресайзился до максимального количества элементов? собственно смотрим тут http://scooter-dope.ru/index.php?do=catalog

    Asked by mongolor,

    0 votes
    0 answers

  24. путь к админке wordpress

    Стоит ли менять стандартный путь к админке? И будут ли последствия в последующем при обновлении или добавлении модулей? Или лучше не надо? Может wordpress и так надежен?

    Asked by Slyfox,

    0 votes
    0 answers

  25. Как растянуть боковое меню по высоте между шапкой и подвалом?

    Требуется следующая конструкция: Сверху шапка - height:50px; Футер всегда внизу - height:50px; По центру боковое левое меню с border-right:1px solid black; width:200px; и контент. Верстка "резиновая". Надо растянуть левое меню на всю высоту оставшуюся между шапкой и подвалом даже если контента мало. Притом если убрать левое меню, контент растянется на всю ширину экрана, если убрать шапку, то середина должна сместиться на освободившееся место. Если бы не было разделителя border-right , то не было бы необходимости растягивать левое меню. Подскажите пожалуйста способ .

    Asked by trezvenik,

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