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. Ucoz

    Скажите пожалуйста, возможно ли практиковаться и оттачивать навыки CSS и HTML на Ucoz.ru?

    Asked by sv12,

    0 votes
    19 answers

  2. выпадающее меню

    www.denis-zuev.ru выпадающее меню тут заслоняется флэшкой. как это исправить?

    Asked by DNZ,

    0 votes
    4 answers

  3. div как ссылка в firefox 3.6

    доброго всем времени суток Хочу спросить помощи, так как самостоятельно не могу решить задачку. Суть изложена в названии темы - моя цель сделать некий div ссылкой. На страничке имеется выпадающая менюшка, сделанная на jQuery и CSS. Под ней есть див с картинкой внутри. Я использую ShadowBox, в итоге код получился для конструкции такой: <div id="имя"> <a href="путь" rel="shadowbox;width=640;height=480" title="что-то"> <img src="путь" title="что-то" alt="название" class="pic"/> </a> </div> У менюшки описан z-index: 5, ввиду того что картинка обновляется скриптом и иногда возникает эффект "мерцания" этой самой менюшки. То бишь перекрывается она…

    Asked by hAhol,

    0 votes
    3 answers

  4. Колбасит border при прокручивании в IE (6,7,8)

    Происходит что-то непонятное с бордером. Он задан штриховым, но впоследствии скролла может выглядеть и как dotted и как solid, и вот так коряво: <!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=windows-1251"> <title></title> <style type="text/css"> #content{width:300px; height:1000em; border-right:1px dashed #C0C0C0; } </style> </head> <body> <div id="content">Lorem ipsum dolor sit amet...</div> </body> </html> height:1000em; - для примера. такая же бадяга …

    Asked by Geratewart,

    0 votes
    0 answers

  5. НУжна помощь в создании сайта

    Добрый день. Нужна помощь в создании сайта для профтехучилища. Своими силами сделал вот что http://www.bplsp.com.ua или так http://www.bplsp.com.ua/index123.html , но руководству не очень нравится, если кто может помогите создать шаблон сайта.

    Asked by Eduard1976,

    0 votes
    9 answers

  6. Отображается криво( помогите!)

    Привет, моя проблема, на сайте сменили дизайн и он почему то отображается не у всех одинаково, точнее главная страница. вот сайт http://mojmirok.ucoz.ru/ и вот то что не так на скринах все коды перепроверила, я код шапки сайта уже скоро наизусть буду знать, помогите пожалуйста возможно так только у меня на компе, может с ним что то нужно сделать, потому что дизайн главной страницы мне пришлось менять вручную....

    Asked by Lilac,

    0 votes
    6 answers

  7. вёрстка шаблона для dle forum 2.4

    появилась задача сделать шаблон для дле форума, который подходит под дизайн самого сайта. но вот беда, ни с ДЛЕшным форумом , ни с вёрсткой шаблонов под форумы(а там всё в тейблах...) я дело не имел(( - ето готово) спасибо slicemastaпоявилась ещё одна беда по етому поводу http://forum.htmlbook.ru/index.php?s=&...st&p=142489

    Asked by Proks,

    0 votes
    16 answers

  8. Блочная верстка: Откуда берется пропуск?

    Привет! Всю голову сломал не могу понять, откуда берется пропуск между шапкой и текстом. Прошу помощи. страница http://adelina-studio.ru/111/prof.html css http://adelina-studio.ru/111/style.css Заранее спасибо за помощь.

    Asked by alexd73,

    0 votes
    1 answer

  9. Яндекс жжот! ;)

    Есть такой проект http://calendar.yandex.ru/ Вопрос: каким образом они сделали чтобы событие в таблице со временем было поверх строк, при этом находясь в ячейке и не раздвигая высоту ячейки если событие например длится несколько часов?

    Asked by Беркут,

    0 votes
    4 answers

  10. Поле ввода для матрицы

    Доброе время суток! Буду очень благодарен, если дадите совет. Дело такое: пользователь получает матрицы (размер сам задает), складывает их, а результат должен отправить на сервер. У меня возник вопрос: а как и куда пользователь будет этот результат записывать??? Какими средствами надо воспользоваться, чтобы сделать поле нужного размера?

    Asked by opart,

    0 votes
    4 answers

  11. При наведении на ссылку меняется картинка внутри ссылки

    Столкнулся с вот такой проблемой: <table> <tr> <td> <a href="/primer.html"><img src="/img/01_c.jpg" onmouseover="this.src='/img/01.jpg'" onmouseout="this.src='/img/01_c.jpg'"></a> </td> </tr> <tr> <td> <a href="/primer.html">Картинка</a> </td> </tr> </table> Когда наводишь на картинку 01_с.jpg она меняется на 01.jpg, уводишь курсор возвращается прежняя картинка. Картинка, как вы обратили внимания, сделана ссылкой на…

    Asked by pdmi3y,

    0 votes
    4 answers

  12. Помогите! Табличная верстка, глюк в IE

    Здравствуйте, уважаемые гуру-верстальщики. Возникла такая проблема, в общем-то я думал, что с ней справлюсь, но IE отказывается корректно растягивать хедер. Посмотрите ссылку index.html В Опере и Мозилле хедер отображается правильно, т.е. прижимается к правому боку, а центр растягивается. А IE не хочет растягивать поле td и прижимает хедер к левому боку. Но и это еще не все. Когда убирается контент, например index4.html или короткая строка index3.html, IE отображает всё правильно, т.е. хедер прижимается к правому боку. А когда выводится в контент мало-мальски длинная строка (без переходов на новую строку), то хедер опять прижимается к левому боку... Например index2.html…

    Asked by Ibrahim_KZ,

    0 votes
    7 answers

  13. Как такую верстку сделать можно?

    Несколько дней назад столкнулся с такой проблемой при верстке, на данный момент мозг уже кипит и плавно переходит в состояние паники Вот схема: Проблема в том, чтобы закрепить "блок 2" относительно центра страницы со смещением влево на 100px. Причем "блок 1" и "блок 3" должны полностью заполнять свободное пространство. Дальше, при масштабировании сайта "блок 2" должен сохранять свою позицию относительно центра всей страницы. (сайт резиновый и позиционируется относительно центра) Не важно как это будет реализовано, дивами или таблицей, главное чтоб работало именно так как описано выше П.С. я сам больше дизайнер, чем верстальщик Буду очень благодарен за помощь.

    Asked by «««one»»»,

    0 votes
    11 answers

  14. Меню-картинка с открывающимся списком-текстом

    Здравствуйте, подскажите пожалуйста, как сделать из такого меню так, чтобы при наведении мышкой на картинку (или нажатии) открывался бы вниз многоуровневый список? Вот html код создаваемого меню: <td valign="top"><table border="0" cellpadding="0" cellspacing="0" width="1024" height="223"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0"align="left"><tr><td background="images/1_1.jpg" border="0" width="136" height="78"></td></tr><tr><td background="images/1_2.jpg" border="0" width="136" height="74"></td></tr><tr><td background="images/1_3.jpg" border="0" width="136" …

    Asked by Shevskay,

    0 votes
    2 answers

  15. Непонятный глюк в Opera и Safari

    Стандартная сетка, три колонки резина, низ прекрасно прижат без всяких абсолютов. В IE6, 7, 8, FF все отлично. Но проявился странный глюк в Опере и Safari под Windows (В Safari под мак все отлично). Глюк в том, что низ прижимается, но при уменьшении/увеличении окна по вертикали странно прыгает и потом становится на положенное место. Не критично, но неприятно. До обновления браузеров такого не было. <!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=WINDOWS-1251" /> <title…

    Asked by Verder,

    0 votes
    2 answers

  16. Обтекание + центрирование

    Доброго времени суток. Проблема вот какая : создал меню с выпадающим списком, все работало пока не проверили на IE6. пришлось переделывать. После переделки получилось, что в самом меню элементы расположены примерно так : <li>Главная</li> <li>Не главная<img src='someimage'></li> <li>Тем более не главная</li> someimage в данном случае это стрелочка индикатор выпадающего списка: курсор над кнопкой, стрелка указывает что список выпал(так скать для красоты). Вот в чем проблема элементы меню находятся на разных уровнях, если считать от верхнего края...то "главная" примерно на 5 пикселей, "Не главная" на 7 пикселях и "Тем более не главна…

    Asked by monkeymafia,

    0 votes
    13 answers

  17. Отрицательный margin, Chrome

    Добрый день. Есть такой сайт - http://arlite.dn.ua Во всех браузерах отображается нормально, в Хроме - косяки. Косяки в тех местах, где применялося отрицательный margin. Конкретно это 1) логотип на всех страницах (должен быть слева, по факту в центре) 2) на странице http://arlite.dn.ua/rus/aboutus/awards/certificates/ все меню. Конкретный кусок кода, использовавшийся в логотипе .head-container { height:705px; width:100%; background-color:#D2E4CA; } .head { width:1000px; height:705px; background: url('img/arlite-plant.jpg') no-repeat center; } .logo-container { width:280px; height:130px; margin-left:-750px; /* <———— Проблема здесь */ } <div …

    Asked by MageMerlin,

    0 votes
    5 answers

  18. Scroll, только в в текущем div

    Собственно с помощью javascript генерится поверх всех элементов окно div в overflow:scroll, с таблицей внутри. Когда крутишь роликом мышки в div, то и прокручивается главная страница, под этим div контейнером. Можно ли как-то сделать, чтобы прокручивалось, только внутри div? Я тут думал, что можно сделать fixed фону, на время просмотра, а потом возвращать, но дело в том, что у меня ссылка для открывания этого div находится в footere, то есть на неё могут кликнуть в любой части сайта.

    Asked by Beck,

    0 votes
    2 answers

  19. Верстка блока номера страницы

    Ребят как одним дивом (кросбраузерно) например сделать такое, чтобы тянулось по ширине: <div class="number">10</div> Тянется только белый блок вокруг номера страницы с округлыми краями.

    Asked by okunev2,

    0 votes
    12 answers

  20. display: table

    Виват всем. простейший вариант. <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; border: none; height: 100%; } div { background: silver; border-top: 10px dashed red; display: table; height: 100%; } /*]]>*/ </style> </head> <body> <div> <p>Aliquam lacinia aliquam orci in congue. Sed laoreet volutpat imperdiet. Phasellus non neque ut …

    Asked by Scrum,

    0 votes
    3 answers

  21. Проблема с div и onmouseover

    6 часов бился, честно, уже нет сил. Идея - сделать меню, имеется 2 картинки, push - когда мышка над кнопкой и npush когда мышка не над кнопкой. Требуется - меню из n пунктов, при наведении на один пункт он подсвечивается, ПОВЕРХ ФОНА КНОПКИ ТЕКСТ. Мой код, итоговый. последний что в голвоу пришёл (помоему так нельзя, но источники противоречат) <div style="background-image:url(npush1.png); height:35; width:200;" onmouseover="this.style.background('push.png')" onmouseout="this.style.background('npush.png')">текст на кнопке </div> То что жирным отмечено, работает. Были варианты this.style.background-image('push.png'), с кавычками и без. Перепробывал реально кучу в…

    Asked by kxz8,

    0 votes
    16 answers

  22. Скролбар в Div'e

    Здравствуйте! Уперся в необходимость скроллбара в Div'e, да причем не простого, а чтоб можно было его как угодно оформлять и использовать в любых комерческих проэктах! На JavaScript есть интересный скрол - зовется FleXcroll! Вобщем он полностью соответствует требованиям - но в рид ми прописана строчка о то ,что не стоит использовать его в комерческих проэктах не согласовав с авторами. Как это реализовать ? Какой скрипт лучше использовать ? PS: У меня получилось осуществить стандартный скроллбар в Div'e - посредством overflow-y:scroll и заданием фиксированного размера для DIV. Хотелось бы узнать как его можно "разукрасить" ?

    Asked by monkeymafia,

    0 votes
    3 answers

  23. Цвета цвета цвета

    Суть проблемы такова, есть изображение .png размером 1х300 которое содержит плавный градиент, когда прописываю его как бэкграунд (repeat-x), мягко говоря выглядет не так как я в ps нарисовал, появляються явные полосы, возможно ли это как то исправить?

    Asked by svdsLis,

    0 votes
    9 answers

  24. Div в div'e

    Привет Появилась проблема с вложенными дивами и я не могу ее сам решить Нужна такая конструкция (нарисовал на скорую руку) http://img532.imageshack.us/img532/144/atata.png Блоки (1) и (2) находятся один под одним, в блок (2) входят два блока: (3) и (4). В свою очередь в блоки (3) и (4) входят еще одна "конструкция". (по сути, в 3м и 4м блоке будет одно и тоже, только с разной шириной. В общем, все это я пытаюсь сделать следующим образом: (4го блока тут нет, ибо даже не пытался сделать, без нормального 3го) <div class="center-menu"></div> /* блок (1) */ <div class="center-body"> /* Блок (2) */ <div class="left-menu"> /* Блок 3 */ <div styl…

    Asked by Eudelis,

    0 votes
    3 answers

  25. DIV или TABLE

    Здравствуйте! Почитал по форуму и возник у меня такой вопрос что предпочтительнее? Кто то пишет, "делай так как привык" кто то "ааа да там табличный дизайн". Попробовал я сделать страницу без таблицы, получилось, но заморочился по полной. Сделать такую же страницу в таблице будет раза в 2 - 3 быстрее. вопрос собственно: В чем преимущество того и другого способа верстки?

    Asked by Walker,

    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