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-а выезжает за его пределы

    Пытаюсь сделать резиновую вёрстку дивами такого типа: Выглядит это сейчас так: http://maestro-magnifico.ru/ (#center_column обвёл красным бордером для наглядности) Проблема в том, что если сузить страницу, то любой контент с фиксированной шириной - картинки или текст с nowrap, которые находятся внутри резинового блока #center_column, выезжают за его пределы. Как это можно предотвратить?

    Asked by Freakmeister,

    0 votes
    8 answers

  2. кроссбраузерность методы и решения

    Доброго времени суток? Столкнулся с такой проблемкой, не могу определить хак, в FF все выглядит нормально, в принципе под него изначально писал. а вот в IE, O, и в гугловском Хроме ползет... вопрос с меню в картинках код следующий: <table cellpadding="0" cellspacing="0" border="0" class="ab"> <tr> <td><img src="../images/uslugi.png" width="251" height="131" class="menu_img" tab=1 /> <div class="links" style="position: absolute;display: none;" id=menu1> <?php $sql->query("select id, name FROM page WHERE img3=1"); while(list($id,$name)=$sql->fetch_row()) echo '<div> <a href="../page.php?id='.$id.'">'.$name.'</a></d…

    Asked by gammi2,

    0 votes
    6 answers

  3. Отступ у дива в таблице

    Что-то я туплю на ночь глядя. Детская ситуация, но я скоро начну входить в транс Есть таблица, в ней есть див, в диве простейшее горизонтальное меню. Появился отступ слева, меню съезжает на следующую строчку, не могу избавиться. <table cellspacing="2" cellpadding="2" class="menu" > <tr> <td width="307"> <div class="top_head"> <ul class="top_head_menu"> <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> …

    Asked by buddah,

    0 votes
    2 answers

  4. как добавить див через :before for ie6?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} div{position:relative} .zi{width:500px; height:200px; border:3px solid red; z-index:expression(runtimeStyle.zIndex=1,insertAdjacentHTML('afterBegin','<div class="ab"></div>'));} .ab{position:absolute; left:100px; height:100px; width:100px; background-color:yellow; top:40px;} </style> </head…

    Asked by bot87,

    0 votes
    6 answers

  5. несколько input с текстом

    Есть 3 input box'a: <input type="text" name="fields_filter[brend]" value="Производитель" onfocus="this.value=(this.value=='Производитель') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Производитель' : this.value;" /> <input type="text" name="fields_filter[naimenovanie]" value="Наименование" onfocus="this.value=(this.value=='Наименование') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Наименование' : this.value;" /> <input type="text" name="fields_filter[nomer_po_katalogu]" value="Номер по каталогу" onfocus="this.value=(this.value=='Номер по каталогу') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Номер по каталогу' :…

    Asked by misterX,

    0 votes
    0 answers

  6. Меню на списках не проходит валидацию

    всем доброго времени суток. сделал меню на списках, все получилось, выглядит отлично, но валидатор ругается на вложенность тегов <ul>, подскажите в чем проблема? вот такой код у меня <div id="leftMenu"> <ul class="folder"> <li><a href="/gallery/painting">Живопись</a><span class="arrowmenu"></span></li> <ul class="subfolder"> <li><a href="/gallery/painting/1976-1985">1976 - 1985</a><span class="arrowmenu"></span></li> <li><a href="/gallery/painting/1986-1994">1986 - 1994</a><span class="arrowmenu">…

    Asked by D1mK4,

    0 votes
    10 answers

  7. Резиновое расстояние между картинками.

    Здравствуйте. Столкнулся с одной проблемой и не знаю как ее решить. Есть файл с рисунками меню и мне нужно это меню сделать на сайте, но что бы расстояние между рисунками было резиновое - изменялось пропирционально рассширению браузера. Меню ввиде рисунков я сделал, но c резиновым расстоянием у меня возникли проблемы. Как задать чтоб расстояние между рисунками было не фиксированным (word-spacing:) - а динамическим, вымеряемое у процентах. ?

    Asked by xunicornx,

    0 votes
    13 answers

  8. Помогите с Ролловер-эффектом

    Всем доброго времени суток. Делал кнопки по такому же принципу, как в уроке "Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?", когда забиваешь одну кнопку всё отлично, а когда 2, то 1 кнопка повторяет изображение 2, когда третью тогда 1 и 2 кнопки повторяют изображение 3, и т.д. но при этом имеют разные адреса..Подскажите плз как сделать так чтобы 3 ссылки имели разные изображения, разный путь и обладали одним эффектом.. Я тупо копировал код, указанный в уроке(Пример 2. Изменение положения рисунка) 3 раза, меняя путь к файлу и адрес страницы..

    Asked by Dextor,

    0 votes
    3 answers

  9. Растягивающийся фрейм

    Подскажите возможен ли растягивающийся фрейм? Проблема вот в чём: Есть гостевая книга,есть сайт вставляю гостевую книгу средствами iframe, по ширине все устраивает но по высоте есть нюанс по мере заполнения книги появляется прокрутка этого фрейма. Как это дело устранить и возможно ли это!! Вставляю фрейм следующим образом <iframe src="guestbook/index.php" width="765px" height="" frameborder="0" align="center"> Ваш браузер не поддерживает плавающие фреймы! </iframe>

    Asked by wortex,

    0 votes
    4 answers

  10. Возникла проблема при вёрстке

    Здравствуйте, вот код: #everything { width:1000px; margin:0 auto; background:url(../images/background_2.jpg); 50% 0 repeat-y black; border:1px solid black; border-width:0px 1px; } нужно чтобы изображение размножалось в низ, вроде всё так сделал, но оно не хочет.

    Asked by b1ohazard,

    0 votes
    2 answers

  11. Глюк футера

    Всем привет, на сайте глючит футер: Причем происходит сия трабла только на главной странице сайта, на остальных страницах всё нормально: Вот index.php сайта:

    Asked by Delorto,

    0 votes
    8 answers

  12. Нестандартное меню - как верстать ?

    Всем добрый день. Дизайнер надизайнил такое вот интересное меню (см. картинку) с наклонными разделителями...такого делать еще не приходилось. Гугл ничего толкового не подсказал. Кто может подсказать оптимальное решение ? Заранее спасибо

    Asked by Honcho,

    0 votes
    6 answers

  13. высота <iframe> 100% не работает в mozilla

    Использую Wordpress и в режиме html вставляю яндекс карту через iframe ,в хроме карта растягивается как надо а в мозиле карта не растягивается и в самом начале отображается п»ї что это за не понятные символы и не понял в коде их точно нет! как сделать чтобы iframe нормально работал и в мозиле использую это на сайте http://adrenalinemap.com/ <iframe src="http://adrenalinemap.com/wp-content/vivodpoints.html" width="100%" height="60%" scrolling="no"></iframe> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег DIV</title> <style type="text/css"> .block1 { width: 100%; background: #81b76d; backg…

    Asked by mkone112,

    0 votes
    0 answers

  14. Вопрос по ссылке-закладке

    Вот скрин моего меню. Обычное положение и при действии :hover. Меню работает с javascript-ом, при нажатия на вкладку в низу меняется контент без перехода на другую страницу. Я хочу что бы при переходе на другую вкладку картинка которая появляется при действии :hover не исчезала. Подскажите, как это можно сделать?

    Asked by sh1va,

    0 votes
    2 answers

  15. Png24 и opacity

    Есть такая проблема: Если есть слой с полупрозрачностью (png24) и к нему применить CSS-прозрачность (opacity) - в IE полупрозрачные области становятся тёмными. Может я чего-то не знаю? Как решить данную проблему? Это первый вопрос =) Для удобства - тестовая страница: http://tarik.kasperovich.ru/test_16/filters.html P.S. Слева - без CSS-прозрачности, справа - с ней. Смотреть в IE. Спасибо.

    Asked by DjTarik,

    0 votes
    9 answers

  16. Как сделать подпись у каждого изображения.

    Как сделать через CSS на всех изображениях что-то вроде подписи или логотипа. Что бы при копировании было видно откуда это изображение.

    Asked by JlEHb,

    0 votes
    2 answers

  17. Резиновая верстка в 3 колонки

    Можно-ли и как реализовать резиновую верстку блоками в 3 колонки, с условием, что если удалили 3 колонку, вторая тянется до правого поля броузера.

    Asked by johnson,

    0 votes
    18 answers

  18. как задать бэкграунд для дива с плавающими блоками

    спасибо)

    Asked by andys,

    0 votes
    7 answers

  19. a:visited img

    Здравствуйте. Ситуация такова: Есть горизонтальная менюшка с кнопками нарисованными в фотошопе. Хочу чтобы нажатые кнопки обводились жёлтой рамкой. Казалось бы всего и делов - то ...вот код: a:{display:block;} img{border:none;} a:visited img{border: 1px solid #ffac4f;} a:hover img{border: 1px solid #ffa948;} <div id="knopkisverhy"> <ul> <li><a href="#1"><img src="../MoiSite/knopka.png" width="100" height="40" alt="Главная"></a></li> <li><a href="#2"><img src="../MoiSite/rasskazi.png" width="100" height="40" alt="Мои рассказы"></a></li> <li><a href="#3">&lt…

    Asked by derek,

    0 votes
    5 answers

  20. Странное клонирование заголовка

    Есть таблица <table id="ComparisonTable"> <thead id="CompTableHeader"> <tr>.....</tr> <tr>.....</tr> <tr>.....</tr> </thead> <tbody> ..... </tbody> </table> Есть JavaScript, с помощью которого я создаю таблицу с дубликатом заголовка и вставляю её перед основной таблицей: function createFixedTableHeader() { var table = document.getElementById("ComparisonTable"); var thead = document.getElementById("CompTableHeader"); if ((table)&&(thead)) { var ht = document.createElement("table"); ht.id = "HeaderTable"; ht.className = table.className; ht.appendChild(thead.cloneNode(true)); //ht.i…

    Asked by Webr,

    0 votes
    1 answer

  21. Меню

    Народ у меня такой вопрос , сделал менюшку простенькую во всех браузерах норм отображается но в Ие 6,7 между элементами списка <li> появляются отступы http://www.sendspace.com/file/ca6ygx вот сюда залил меню может кто нить обьяснить почему они там появляются , и что я сделал не правильно ?

    Asked by MaferoK,

    0 votes
    5 answers

  22. Нужна помощ

    Привет всем! Подскажите плз как сделать чтобы при добовлении новой новости, главная не опускалась в низ... К примеру: Есть новость под названием "Правило добовления новостей" Тоесть мне нужно сделать чтобы оно всегда сверху было

    Asked by Suriko,

    0 votes
    2 answers

  23. Фиксация заголовка таблицы при прокрутке

    Хочется сделать фиксацию заголовка таблицы при прокрутке. Интернет пестрит примерами, где содержимое таблицы прокручивается в DIVе. Мне же надо, чтобы таблица в документе была на свою полную высоту, и если заголовок выезжает наверх, за границу окна, он бы дублировался наверх окна. Ещё: во всех примерах размеры ячейки "прибивают" намертво, т.е. явно указывают размер. Мне же нужно, чтобы ячейки были "резиновыми", т.е. растягивались по содержимому. Реально ли сделать фиксированный заголовок на этих условиях? Можно ли с помощью JavaScript узнать текущую ширину колонок (после автоматической растяжки их браузером) и выезжает ли заголовок за пределы окна?

    Asked by Webr,

    0 votes
    10 answers

  24. Прозрачная картинка...

    В продолжение этой темы... Выключаю все слои, кроме того, что с нужной прозрач. картинкой (он серый и прозрачный), выделяю прямоугольным выделением, копирую с содержимым, вставляю в новый документ и сохраняю для Web и устройств в PNG... В итоге получаю непрозрачную картинку!! ( Что не так?? Как же добиться прозрачности??

    Asked by DrStrangeLove,

    0 votes
    28 answers

  25. проблема с потоковым выводом блоков

    Добрый день. Возникла проблема при выводе разных по высоте блоков в одном потоке. Блоки выводятся в строчку по три штуки. Ширина блоков задается в процентах. Некоторые блоки имеют большую высоту, чем другие из-за длинной подписи под изображением. Проблема возникает при выводе следующей строчки блоков - блоки почему-то смещаются на один вправо, именно там, где верхний блок имел большую высоту. Лучше посмотреть тут собственными глазами: http://www.genstroyspb.ru/projects/test.php Стиль блоков: .tarasov-gallery { position: relative; background:#ccc; display: inline; float: left; margin: 0 1% 30px; text-align: center; width: 31%; } Самое любопытное, что на другом сайте, отк…

    Asked by oneiro,

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