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. Как при помощи CSS задать фиксированою высоту ячейки?

    Пробую значение height почему-то не получается...

    Asked by Cyrax,

    0 votes
    6 answers

  2. Проблемы с футером

    В очередной раз взываю о помощи. Страдает футер, очень сильно... Не могу его привязать к низу окна ТАК, чтобы при уменьшении окна он не наезжал на остальной контент. Постараюсь дать приблизительную схему своей странчики (HTML менять НЕЛЬЗЯ!!!) Main - меняет свою высоту от 2х строчек текста до 2х экранов, а то и больше. Когда Main большой проблем с Footer нету - ставлю с css position:relative и все отлично. Если же привязывать Footer с помощью position:absolute bottom:0, то он начинает жить своей жизнью и при уменьшении окна залазить и на Main и на Header. Если что упустила - допишу. Пока вроде выложила все как есть.... Главная задача: Чтобы футер ВСЕГДА был внизу!!!…

    Asked by Wertuta,

    0 votes
    4 answers

  3. Перекрывание графических ссылок

    Здравствуйте, уважаемые знатоки! У меня возникла очень интересная проблема. Графическая ссылка (баннер) в правой панели на определенной высоте недоступна (как ссылка). А именно: выше нижней кромки изображения-шапки, находящейся справа. При смещении вверх правого меню навигации ссылки на том уровне тоже перестают работать. z-index указал, однако результата не последовало. Посоветуйте, пожалуйста, как решить сию задачу. (Сайт: www.nuriev.net). Заранее благодарю.

    Asked by Almaz-M,

    0 votes
    8 answers

  4. hover под ссылкой изображение

    Как на css сделать, чтобы при наведении на ссылку, под ней было жирное подчеркивание, которое выводилось картинкой, может по другому? Типа:

    Asked by okunev2,

    0 votes
    18 answers

  5. Проблема слоев

    Есть верстка дивами и таблично, там сайт резиной и по высоте, но таблица под основными слоями в шапке тянется по высоте на 100%, но за пределы экрана вниз ровно на то расстояние которое имеет растянутый фон в шапке? Как это исправить, чтобы таблица ровно прижималась к низу окна, а не сползала на это расстояние равное высоте растянутого фона в шапке? вот html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <div id="main"> <div id="header_fon"> <div id="header_left-block"></div> <div id="header_right-block"></div> <div id="center"> <div id="center_header"> <table class="…

    Asked by okunev2,

    0 votes
    3 answers

  6. Растягивание блока

    Почему в Мозиле не тянется вниз блок, т.е. не растягивает этот блок div, как это исправить? #content_block2 { margin: 0 auto; width: 241px; height: 284px; border: 1px solid #000000; float: left; } <div id="content_block1">Много текста</div>

    Asked by okunev2,

    0 votes
    1 answer

  7. Фикс. окно браузера

    Как сделать фиксированное окно браузера? Если делать resize окна браузера по ширине - сайт сдвигается и едет. И как обойти проблему с PNG в IE6. У всех прозрачных PNG голубой фон. Проблему с PNG исправил посредством джаваскрипта Спасибо Испробовал кучу вариантов с форума - не один не работает. С position: relative;(фикс окно) не работает в ИЕ. Вот зачем дядя бил создал ето всемирное чудовище?=(

    Asked by binary,

    0 votes
    4 answers

  8. Накладывание слоев

    помогите не пойму как наложить таблицу на верстаную шапку вверху сайта поверх е?, как будто дивная шапка должна быть фоном: <div id="main"> <div id="header_fon"> <div id="header_left-block"></div> <div id="header_right-block"></div> </div> </div> <table class="rez1" height="100%"> <tr> <td class="rez1_1"></td> </tr> </table> это css: table.rez1 { width: 100%; table-layout: fixed; height: 100%; border-collapse: collapse; } td.rez1_1 { /*width: 20%;*/ vertical-align: top; } #main { min-width: 1200px; } #header_fon { width: 100%; height: 264px; background: url(images/fon_he…

    Asked by okunev2,

    0 votes
    14 answers

  9. Как сделать калонку с закругл?нными краями Правельно

    Люди дайте пример в?рстки в css калонки(к примеру) с закругл?нными краями.... Ато мой способ неподходит ......

    Asked by antonP,

    0 votes
    6 answers

  10. Помогите сверстать макет div-ами

    В общем основная загвоздка заключается в двух резиновых колонках, расстояние между задано в абсолютных единицах... То есть ширина левой колонки ? 70% минус расстояние до разделителя колонок в em и минус ширина разделителя пикселях. С правой колонкой тоже самое. Задавать padding между колонками ? бесполезно, т. к. неизвестно какая ширина останется для колонки (проценты минус em-ы минус пиксели...). Примерный макет прилагается (перезалил). PS: плюс ко всему во всех блоках ? свой графический фон.

    Asked by Гиль,

    0 votes
    3 answers

  11. Не стандартный маркер списка

    Как применить к стандартному маркеру списка такой символ с этим кодом ? И как этот список прижать к левому краю ячейки таблицы? <ul> <li>Текст</li> </ul>

    Asked by okunev2,

    0 votes
    11 answers

  12. Тэг <hr> при помощи имиджа в IE6

    Есть такой вот код в CSS - файле: hr{ border: 0; background-image: url(../images/linegorizontal.jpg); display: block; width: 90%; background-repeat: repeat-x; } В FF прекрасно работает как задумано - пунктирная линия 2 через четыре px, в IE выдается обычная серая линия. Есть рецептик?

    Asked by Codriver,

    0 votes
    2 answers

  13. Пробел между элементами

    Подскажите, пожалуйста, в чем ошибка? Данный кусочек кода FF отображает как задумано (без пробелов), а ИЕ откуда-то берет пробел. От него нужно избавиться. (sq.gif - квадрат 100 на 100 пикселей) хтмл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>Тест отступов</title> </head> <body> <div class="asdasd"> <img src="sq.gif"> </div> <img src="sq.gif"> </body> </html> цсс body {margin:0px;padding:0px;} .asdasd {float:left;width:100px;}

    Asked by valler,

    0 votes
    2 answers

  14. ссылки в фреймах

    В первом фрейме у меня записано Во втором - это: В IE работает нормально, в опере при нажатии например на первую ссылку в первом фрейме, во втором открывается в верхней строчке второй рисунок c point2, а не первый, то есть происходит смещение.

    Asked by qwertyui,

    0 votes
    0 answers

  15. Не подключается внешний файл css для FF

    Добрый день! Посоветуйте, пожалуйста, что можно сделать в следующей ситуации: При подключении внешнего файла css, используя всем известную строку внутри head: <link rel="stylesheet" type="text/css" href="main.css"> в Opera и IE все работает и стили применяются к html-коду, вот только FF ну не как не хочет со мной дружить! И расплывается все в разные стороны, такое впечатление, что FF файл со стилями просто не видет. Как его заставить это сделать? Ну не прописывать же стили в каждом файле....:/ Вот ссылочка на страничку >> Может кто-то сталкивался с такой ситуацией, подскажите, что делать? Заранее благодарю за ответы!

    Asked by kazimira,

    0 votes
    12 answers

  16. Как сделать кнопку с тенью и закругленными краями?

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

    Asked by 3Bepb,

    0 votes
    5 answers

  17. Как узнать реальную высоту в пикселах шрифта(точнее заготовки)?

    Дело вот в чем: Хочу вывести на рисунке надпись и ее зеркальное отражение под ней. Все бы хорошо, но при том, что указываю один и тот же размер на разных шрифтах, реальная высота меняется. А смещения, наклоны считаются исходя из указанного размера высоты. Все работает, но с подгонкой смещения для какого-либо одного из шрифтов. Вопрос: Как можно узнать высоту заготовки, на которой расположен шрифт? Все делаю на ASP. Заранее спасибо!

    Asked by NIKKK,

    0 votes
    1 answer

  18. Необычное оформление ссылки

    Как оформить так ссылку, т.е. ссылки единый стиль дивом, а внутри два разных цвета?

    Asked by okunev2,

    0 votes
    24 answers

  19. Меню

    Привет! Не кто не знает как сделать вертикальное выпадающее меню с помощью CSS? Заранее благодарен.

    Asked by Pavel_html,

    0 votes
    6 answers

  20. Как так сверстать?

    Если кто видел помогите, http://www.artlebedev.ru/everything/nokia/n93/ Там смысл такой что грубо говоря длинная картинка горизонтальная, разбита на 4 раздела, в браузере естественно видно только 1, и если крутить колесом мыши плавно сверху появляется следующий раздел.

    Asked by Webdel,

    0 votes
    5 answers

  21. Заключение фрейма в дивы.

    Вобщем есть проблема. Есть установленная гостевая, http://dnipro.dp.ua/guestbook/ и есть сама страничка на сайте http://dnipro.dp.ua/guestbook.html как при помощи фрейма (или чего-нибудь другого) сделать так, чтобы гостевая /guestbook/ отображалось в контенте страницы /guestbook.html, т.к. если дать прямую ссылку на папку /guestbook/, гостевая будет, но не будет сбоку не меню, ни чего другого, а нужно, чтобы эта гостевая была частью странички guestbook.html, а точнее ее контентом. <div style="height:500"; id="content"> Вот что сюда влепить надо, чтобы тут отобразилась http://dnipro.dp.ua/guestbook/ ? :) </div> И еще, возможно ли сделать так, чтобы странички…

    Asked by Пятница,

    0 votes
    2 answers

  22. Как сделать активную галлерею?

    Доброго времени суток, несколько наглый вопрос: можно ли найти шаблон ява-скрипта для галереи где: -по центру большая картинка, а по краям две маленькие -внизу стрелочки, нажимая на которые галлерея прокручивается то есть сдвигается слева-направо -ну разумеется если нажать на большую картинку то она откроется во весь экран По моему достаточно часто встречающаяся штука, только не могу найти. Как сделать соверешнно не представляю.

    Asked by Aktl,

    0 votes
    2 answers

  23. Символ Цельсия

    Собственно как вставить в строчку знак Цельсия, температура, типа +24*С вместе звездочки символ?

    Asked by okunev2,

    0 votes
    4 answers

  24. Верное отображение фона на странице.

    Устанавливаю новый фон на странице,с помощью таблицы.но вот в чем не задача,после проделанных изменений фон отобрадается сверху,а весь контент страницы оказывается снизу.Смотрим http://www.disturbed.clan.su Как решить? вот как я делаю фон <head> <title>$SITE_NAME$ - $PAGE_NAME$</title> <link type="text/css" rel="StyleSheet" href="http://src.ucoz.ru/src/css/331.css" /> <style type="text/css"> <!-- .tableleftbackground { background-repeat: repeat-y; background-position: right; } .tablerightbackground { background-repeat:repeat; background-repeat: repeat-y; background-position: left; } --> </style> </head> …

    Asked by STRICKEN,

    0 votes
    5 answers

  25. Достаточно ли http://validator.w3.org?

    Достаточно ли http://validator.w3.org? Хватает ли проверки только этим валидатором. Проверяет ли он все? Или нужно проверять несколькими?

    Asked by Slyfox,

    0 votes
    1 answer

  • Обсуждения

    • 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