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. как оформить атрибут placeholder и <input type="search" />?

    Атрибут placeholder ставит текст в поле, пока в нём не содержится какой-либо введённый пользователем текст. Заказчик очень хочет, чтобы текст из placeholder был определённого цвета. Листая документацию, найти ничего подобного не могу. Может кто сталкивался? Знаете? Подскажите пожалуйста. А также как научить <input type="search" /> в сафари слушаться css? Есть ли более-менее прямые способы это сделать?

    Asked by swetlana,

    0 votes
    7 answers

  2. ломается позиция фона при использовании iepngfix

    Решение проблем с прозрачностью png в IE6 найдено здесь: http://www.twinhelix.com/css/iepngfix/ однако, если применить соответствующий behavior к элементу, которому задан background-position, к примеру right bottom, то прозрачность, конечно, появляется, но позиция фонового изображения становится left top независимо от того, какая указана в стилях. Вот как тут быть?

    Asked by swetlana,

    0 votes
    7 answers

  3. Полосы при создании фона

    Нужно сделать фон страницы с вертикальным градиентом. В качестве исходной используется картинка psd высотой более 2000 пикселей. Вырезаю из неё полоску шириной 1 пиксель. Сохраняю для веб, как jpg. Задаю полученную картинку с полоской фоном в свойствах css. background-repeat:repeat. В итоге получаю горизонтальное полошение. Если же делать всё тоже самое, но вырезать полоску шириной 40 пикселей, то полошения почти нет. Подскажите пожалуйста, если кто знает, из-за чего это возникает?

    Asked by Колос,

    0 votes
    7 answers

  4. концептуальное отличие B от STRING и I от EM

    Сабж. Не могу понять, зачем нужен B и I. Смотрим DTD xhtml 1.0 strict: так в чем разница?

    Asked by phpist,

    0 votes
    7 answers

  5. Как убрать зазор между блоками в ИЕ6

    В общем, уже и не знаю что делать. Часа четыре сижу не могу понять где же я не прав. Верстаю закруглённые углы. Получается левый и правый - картинки (бг), а линия - тоже бг зарепиченый по оси Х. И вот в ИЕ6 вылазит щель, и хоть ты тресни. Уже испробовал кучу всяких советов, которые нашёл на форуме, но то ли руки кривые, то ли уже устал ...х/з. Собственно, вот сам трабл: http://rubanys.narod.ru/index.html

    Asked by Belovsan,

    0 votes
    7 answers

  6. Растянуть блок по ширине содержимого без span

    Есть следующий код: <div style="width:300px"> бла бла бла <code style="display:block; white-space:nowrap"><span style="border:#000 1px solid">тут иногда длинная строка</span></code> бла бла </div> Использую тег span только потому что если применить border к code, бордер растягивается на ширину блока div, а не ширину текста внутри code. Посоветуйте, как избавиться от семантически лишнего span.

    Asked by kedovan,

    0 votes
    7 answers

  7. Обрезается фон при прокрутке

    Имеется вот такой простейший код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> <div style="background: url('img.jpg') no-repeat center top; height: 200px;"> <img width="1000" height="1"> </div> </body> </html> То есть имеется DIV, у которого прописано фоновое изображение. Это изображение не должно повторяться и заполнять DIV, а располагаться сверху и посередине блока. DIV имеет некоторое содержимое (в данном случае картинку) которое не дает ему сжиматься и при сжатии окна появляется полоса прокрутки. Так вот проблема в том …

    Asked by ZooY,

    0 votes
    7 answers

  8. Помогите блондинке ))) с HTML

    Проблема в том что не могу сделать чтобы все три колонки были на одном уровне ровно в таблице. Помогите ка можно решить эту проблему? :rolleyes Хотела добавить скрины сюда но не знаю как

    Asked by Enigmochka,

    0 votes
    7 answers

  9. position:absolute за пределы окна монитора

    Как сделать так чтобы position:absolute за пределы окна монитора не приводило к появлению прокрутки? Заметил любопытную вещь: при задвиге слоя за левую границу монитора горизонтальной прокрутки не возникает, при задвиге же за правую возникает. Простейший пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>Пример</title> <style> DIV.primer1 { width:100px; height:100px; background-color:#F00; position:absolute; top:0px; left:-50px; } DIV.primer2 { width:100px; …

    Asked by Колос,

    0 votes
    7 answers

  10. Проблема с позицией бэкграунда

    Собственно бэкграунд профиля состоит из 3 частей: верхней, нижней и повторяющейся средней частью, эта часть повторяется по всей ширине и вылазит за пределы верхней и нижней. Скрин Можно ли как то ограничить повторение по высоте?

    Asked by alta1r,

    0 votes
    7 answers

  11. Вёрстка Div'ами

    http://ru-party.ru/111/primer.html Слева и справа дивы не растягиваются. И снизу фигня какая то, полосы какие то. Вроде простой шаблон. Видно только при большом разрешении: В принципе можно сделать с png прозрачным центром, но не хочу их использовать в ie6 с ними проблемы. Да и вообще хочется сделать просто. Подскажите

    Asked by SoFuWa,

    0 votes
    7 answers

  12. Два вопроса по верстке.

    Здравствуйте! Есть блок некоторой высоты и ширины, внутри него хочу разместить элемент. Я должен задать два свойства (bottom и left или bottom и right или top и left или top и right) для размещения моего элемента. Имеет ли принципиальное значение, откуда брать отступы: сверху или снизу, слева или справа? Понятное дело, что, если элемент, скажем, сдвинут на 10 пикселей от верхнего края и на 20 от левого, то нужно написать: position: absolute; top: 10px; left: 20px; и не заморачиваться насчет того, чему же будут равны отступы справа и снизу. А если элемент где-то в середине? Имеется блок с фоном некоторого цвета, внутри него размещены другие блоки, фон внутренних блоков д…

    Asked by Red Planet,

    0 votes
    7 answers

  13. эффект перелистывания страниц

    Эффект перелистывания страниц, можно как то реализовать? Явой или чемто еще?

    Asked by -O-J-A-,

    0 votes
    7 answers

  14. Прижать элементы списка друг к другу

    ..... <style type="text/css"> ul.menu { padding: 0; margin: 0; } ul.menu li { padding: 0; margin: 0; } ul.menu li img { padding: 0; margin: 0; [b]float: left;[/b] text-align: right; } </style> </head> <body> ...... <table width="100%" cellpadding="0" cellspacing="0" id="header" border=1> <tr> <td width="55" height="43"></td> <td width="519" height="43" valign="bottom"> <img src="h1.jpg"><br> </td> <td height="43" class="tel" valign="top"> bla bla </td> </tr> <tr> <td width="55" height="153" class="red" valign="bottom"> <img src="/red.jpg"&g…

    Asked by sstyle,

    0 votes
    7 answers

  15. Центровка меню по вертикали

    Как отцентрировать меню по вертикали? Стиль: <style type="text/css"> #menu_up { background-image:url(images/menu_bg.jpg); background-repeat:repeat-x; width:100%; float:left; text-align:center; height:40px; margin:0 auto; } #menu_up .links li, a { display:block; float:left; text-align:center; list-style-type: none; background-image:url(images/menu_bg.jpg); font-size:14px; font-family:Arial, Helvetica, sans-serif; height:100%; text-decoration:none; color:#333333; margin:0 auto; position:relative; } #menu_up a:hover { list-style-type: none; background-image:url(images/btnact.jpg); background-repeat:no-repe…

    Asked by DrMartens,

    0 votes
    7 answers

  16. Резиновая верстка

    Проблема в следущем, есть резиновый блок в котором есть 2 блока, как зделать что б при увиличении основного блока от 1100 пикселей до 1400 блоки не ссежали два втутрние оставались на своем месте? Какой код надо дописать? <div id="header"> <div id="leftside"></div> <div id="rightside"></div> </div> #header { width:100%; margin:0 auto; min-width:1100px; max-width:1400px; min-height:777px; background:#fff url(../image/bg_top.jpg) no-repeat center top; } html #header { height:778px; width: expression(document.body.clientWidth > 1100 ? "100%" : "1100px"); width: expression(document.body.clientWidth < 1400 ? "100%" : "140…

    Asked by fastikkk,

    0 votes
    7 answers

  17. Выравнивание меню

    Столкнулся с такой проблемой, как кросбраузерно выравнять меню по центру, когда меньше пунктов то меню прижимается к правому краю: .header-menu { position: absolute; width: 930px; height: 31px; background: url('../images/bg_menu.jpg') repeat-x; bottom: 0; } .header-menu ul { position: relative; padding: 4px 50px 2px 0; margin: 0; display: block; overflow: hidden; } .header-menu ul li { float: right; display: block; padding: 0 12px 0 18px; text-align: center; } .header-menu ul li span { display: block; font: normal 13px Arial; padding-top: 2px; padding-left: 32px; background: url('../images/pkt.jpg') 0 5px no-repeat; } .header-menu ul li a { displ…

    Asked by okunev2,

    0 votes
    7 answers

  18. На Прозрачном Div`e Не Отображаются Картинки

    Есть интерактивная карта, над одной картинкой располагается много прозрачных картинок: <div id="bus" style="position: absolute; top: 110px; right: 360px; z-index: 3; white-space: nowrap; " onmouseover="..." onmouseout="..."> <img src="/objico/bus.png" alt="..." title="..." border="0" onclick="..." /> </div> В firefox (и похоже в ie, нет windows-машины под рукой) вокруг прозрачных картинок отображается оранжевый фон. В опере и хроме все отлично. Сначала я думал, что это проблема прозрачности png-файлов, но замена на gif ничего не дала. При ручном задании прозрачного фона div`ам картинки вообще перестают отображаться: <div style="background-color: trans…

    Asked by oofer,

    0 votes
    7 answers

  19. Несколько Рамок Вокруг Изображения

    Есть ли возможности средствами css создать вокруг изображения несколько бордюров разной толщины? Что-то наподобие border double, но чтобы линии были разной толщины, было их больше и/или отстояли друг от друга на определенной расстояние

    Asked by Letaw,

    0 votes
    7 answers

  20. Меню В 2 Строчки

    Не могу додуматься как на дивах сделать меню в 2 строчки? http://clip2net.com/clip/m51331/1284121087-clip-3kb.png подскажите плиз.....

    Asked by termoplus,

    0 votes
    7 answers

  21. Помогите пожалуйста

    Я использую div content -он находится по середине(есть меню сверху и футер) Он как построен - есть два рисунка сверху и снизу (тени) посередине контент { background: url('../img/content.png') repeat-y; width:100%; } content.png - это тоненькая полосочка, которая растягивается по высоте от размера контента Но не растягивается он по ширине, хотя прописал width:100%; Помогите пожалуйста.

    Asked by Select,

    0 votes
    7 answers

  22. Не работает hover в ИЕ

    Во всех ИЕ и др. браузерах работает, а вот в ИЕ6 не работает hover при наведении мышкой на меню,фон пункта меню белым не делаеться ,как делаеться на др. браузерах. Вот стиль который отвечает за наведение: #left .menu div:hover { background-color:white; /*Чтоб при наведении каждый пункт светился белым*/ cursor:pointer; } Скажите, как исправить? Вот сайт: http://tort-tort-tort.narod.ru

    Asked by people2010,

    0 votes
    7 answers

  23. Как div блок растянуть по высоте между двумя другими?

    Здравствуйте! Есть два див блока: хедер и футер. Между ними блок контент. Футер прижат к низу окна браузера, и из-за этого между блоками контент и футер образовалась пустота. Вопрос: как блок контент растянуть между блоками хедер и футер, чтобы между ними не было зазоров? Цель данной манипулации: сделать внутри дивов бэкграунд чтобы образовался цельный лист. Спасибо. Код: <body> <div id="wrapper"> <div id="header"> </div><!-- #header--> <div id="content"> </div><!-- #content--> </div><!-- #wrapper --> <div id="footer"> </div><!-- #footer --> </body> css: * { margin: 0; …

    Asked by Elmirill,

    0 votes
    7 answers

  24. Тэг h увеличивает размер строки таблицы по вертикали

    ...<td><h1>текст</h1></td>... увеличивает вертикальный размер строки таблицы, т.е. сверху и снизу от текста появляется много пустого места. Можно как-нибудь этого избежать?

    Asked by philimon,

    0 votes
    7 answers

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

    Создал таблицу. Даже на пустой странице её отступ от верхнего края составляет целиком высоту экрана. И в Опере и в 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

  • Обсуждения

    • 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