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. Найстрока Superfish

    Добрый день, в общем понадобилось для меню Superfish сделать плавное исчезновение, посмотрел документацию $('ul.sf-menu').superfish({ hoverClass: 'sfHover', // the class applied to hovered list items pathClass: 'overideThisToUse', // the class you have applied to list items that lead to the current page pathLevels: 1, // the number of levels of submenus that remain open or are restored using pathClass delay: 800, // the delay in milliseconds that the mouse can remain outside a submenu without it closing animation: {opacity:'show'}, // an object equivalent to first parameter …

    Asked by inex,

    0 votes
    4 answers

  2. Из двух стилей как определить главный

    В общем у меня применяеться два стиля к менюшке, как сделать так чтобы один стиль был главнее другого /* - Этот стиль игнорируеться "Точнее игнорируеться цвет текста" - */ .nav li.re-menu-b a { color: #fff; font: 700 11px/18px "Tahoma";} /* - А этот применяеться - */ .nav.nav-userbar li a { color: #231F20;} <ul class="nav nav-userbar"> <li class="re-menu-b"><a>Сопсно текст к которому применяеться цвев</a></li> </ul> В общем а надо что бы было наоборот,

    Asked by oopster,

    0 votes
    2 answers

  3. форма поиска

    Помогите с проблемой, плиз. Не знаю как сделать вот такую форму поиска. Внутри ещё написано поиск по сайту.

    Asked by pogranpv,

    0 votes
    4 answers

  4. Подключение скрипта к Джумла

    У меня проблема следующего рода: Скачал скрипт Textualizer Дальше в Джумле в <head> подключил скрипты <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/textualizer.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/textualizer.min.js"></script> Скопировал сами скрипты textualizer.js в нужную папку. Дальше в <head> добавил var list = ['описание один', 'описание два', 'описание три']; // список описаний var txt = $('#txtlzr'); // Контейнер в котором будет выводиться …

    Asked by Imperil,

    0 votes
    1 answer

  5. Трудности с позиционированием

    Доброго времени суток. Начал применять свои теоретические навыки на практике и столкнулся с небольшими трудностями. Прикладываю рисунок, того что должно быть и результат получившейся вёрстки. Вроде, всё кроссбраузерно, кроме как в IE. Как там округлить границы блоков? И ещё когда нажимаешь на textInput, то он выделяется жёлтым цветом, видел в Twitter-e и на других сайтах, он либо вообще не выделяется, либо выделяется, другим цветов(под цвет дизайна). Как это сделать? Теперь непосредственно к основной задаче: Вот как должно выйти: http://i082.radikal.ru/1209/96/c71bd55a88a9.png Вот вёрстка, которую я сделал: http://rghost.ru/40568111 Вероятно, вы увидели различия. Хотелось…

    Asked by ohinem,

    0 votes
    2 answers

  6. Как сделать чтобы фон (блок) подстраивался под текст

    Всем привет. Помогите, пожалуйста, с меню. Пишу в этой теме, потому что звучит схоже с моей проблемой. Надо, чтобы пункты меню были текстом, соответственно, чтобы фон (блок) подстраивался под текст. Вот как на картинке: Мне нужно обойтись только HTML 4.01 и CSS 2.1 максимум. Вот ссылка на то, как делаю.

    Asked by beebeekei,

    0 votes
    2 answers

  7. Резиновый блок

    Есть блок со стилем: .someClass { width: 100%; max-width: 300px; } Подскажите, пожалуйста, почему ширина блока становится равной 100% при указанном параметре max-width: 300px ? Забегая вперед, добавление float:left не помогает UPD: Вопрос решен. Тему можно закрывать.

    Asked by TorchTT,

    0 votes
    0 answers

  8. Cursor Vs Input Type="file"

    Возможно ли сделать курсор с указателем при наведении на поле выбора файла? (cursor: pointer) Все облазил и перепробовал - не получается

    Asked by milax,

    0 votes
    10 answers

  9. Текст вылетает из DIVa

    Прошу совета - как решить мою задачу не меняя тэги (крайне желательно), но меняя их стиль. На примере видно, что текст "МЯЧИКИ" идёт не вначале блока с белым фоном, а только после окончания блока с красным фоном. Задача: Размещение текста в левом верхнем углу блока с белым фоном. Принтскрин из браузера: Сам код: <html> <body> <div id="osnova" style="display: block; position: relative; margin: auto; margin-top: 0px; left: 0px; top: 0px; height: 800px; width: 600px; background-color: green;"> <div id="levo" style="float: left; display: block; position: relative; left: 0px; top: 0px; height: 300px; width: 400px; margin: 0px; padding: 0px; background…

    Asked by 4arly,

    0 votes
    4 answers

  10. Масштабируемый контейнер с блоками картинок и подписями к ним

    Доброго всем времени суток. Есть масштабируемый контейнер, с блоками картинок и подписями к ним (my-company.su/work_file.html). Задача такая: при изменении ширины окна браузера (уменьшении или увеличении), количество элементов в контейнере должно уменьшаться или увеличиваться соответственно. Пример: контейнер с анонсами на главной странице artlebedev.ru, или на озоне (ozon.ru) контейнеры с товарами, в центре. Я так понимаю, что при помощи CSS это не реализовать? Может кто-то знаком с решением или знает где можно поискать? Или подскажет с чего начать. Заранее благодарен

    Asked by BigDaddy.,

    0 votes
    8 answers

  11. Приоритет стилей

    Есть код: <div class="main"> <таблица> .... <td class="someClass"> </td> .... </таблица> </div> Стили: .main td { padding: 0px; margin: 0px; } .comeClass { padding: 10px; } Тем не менее, в теге <td> в приоритет идет изначальный стиль, указанный в .main td, а .comeClass игнорируется. Подскажите, пожалуйста, как сделать так, чтобы в приоритете был стиль, указанный в классе .comeClass UPD: Вопрос решен. Для изменения приоритета класса .someClass необходимо в стили указать: .main .someClass {} Тему можно закрывать.

    Asked by TorchTT,

    0 votes
    0 answers

  12. Кнопка не выравнивается по центру

    Привет, всем! Нужно выровнять кнопку по центру, но обычные способы выравнивания, почему-то, не работают. Вот так выглядит код: <div align="center"><a class="big-button bigblue" href="http://murmot.ru/contact/"><span>Заказать программу</span></a></div> Ссылка на пробную страницу с кнопкой: http://murmot.ru/testpage/ Пробовал использовать vertical-align, div, создавал даже class с выравниванием по центру - не помогает. Подскажите, пожалуйста, как ее все-таки выровнять. Благодарю за внимание и за помощь!

    Asked by Glaz_Go,

    0 votes
    5 answers

  13. проблема с таблицей

    Мужики, помогите сделать красиво таблицу, делал ее на css и вот что получается как вы видите столбцы с числами не ровные, потому что разное кол-во знаков. Как сделать чтобы все ровно было? /* Таблица с прайсом */ table { display: table; background: #000;} tr { display: table-row; } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column ; } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } #caption {caption-side: top;} #caption {caption-side: bottom} #table {display: table;} #table {display: table;} .row {dis…

    Asked by Pato,

    0 votes
    2 answers

  14. ie8 шрифт

    Друзья, не знаю, что и делать. Вот как выглядит в нормальном браузере вот так в ie8 И хаки и условные комментарии дел не поправляют. Что делать?

    Asked by tefery,

    0 votes
    4 answers

  15. помогите с шапкой

    как убрать отступы от края до шапки

    Asked by xenux58,

    0 votes
    2 answers

  16. Прблема с div'ом

    Верстаю html-страничку с помощью CSS, появилась такая проблема: если в один <div> поместить второй <div> то он принимает вертикальное положение родительского div'а, если убрать из первого div'а " margin: 0 auto;" и прописать "position: absolute;" то проблема решается но страница находится не по центру экрана а слева. Как это исправить? .fon { /*на этот div вешается вся конструкция вся конструкция*/ width: 1024px; height: 1024px; background: url(img/fon.jpg); margin: 0 auto; } #logo { width: 377px; height: 135px; background: url(img/logo.png); display: block; margin-top: 30px;/*если увеличить или уменьшить этот показатель …

    Asked by ganswild,

    0 votes
    2 answers

  17. Высота <div>

    Всем привет!) есть у меня div с идентификатором #photo1. В нем плавающая картинка (чтоб текст обтекал). Я хочу, чтоб высота блока #photo1 была определена высотой всего содержимого, но там высота картинки почему-то не учитывается (может потому что плавающая) и получается, что высота определяется по высоте содержащегося в блоке текста. Почему я не хочу просто установить высоту(height)? Потому что при увеличении в браузере текст может выйти за пределы блока, ну вы наверное понимаете о чем я). Как можно это сделать не используя height? Вот ссылка. (png версия макета, скачать макет)

    Asked by Bava,

    0 votes
    2 answers

  18. В каком формате лучше нарезать части макета?

    Собственно название темы кричит за себя. Я нарезал в JPEG, но они выходят какие-то тусклые... Пока что использовал JPEG, но вот задумался, а что если я не правильно подхожу к ходу работы? Хотел бы услышать, в каком формате нарезаете вы. P.S. Советы вроде: Да поф** разница и тому подобное просто буду игнорировать. Заранее спасибо!

    Asked by ohinem,

    0 votes
    4 answers

  19. Размеры и верстка сайта

    Здравствуйте! Скажите пожалуста какой использовать стандарт размеров сайта? какая лучше верстка % или px? И есть ли в php или js код благодаря которому можно определять размеры браузера, чтобы потом подогнать сайт под него?

    Asked by Devil,

    0 votes
    3 answers

  20. Не хочет отображаться активная ссылка навигации

    Проблема в следующем. Имеется горизонтальная навигация. Код из tpl в навигации: <nav id="nav"> <div class="sticky-nav"> <div class="pages"> <ul class="list"> <li {if $sMenuHeadItemSelect=='blog'}{/if}><a href="{cfg name='path.root.web'}" class="headmenu"><span>{$aLang.topic_title}</span></a></li> <li {if $sMenuHeadItemSelect=='people'}{/if}><a href="{router page='people'}" class="headmenu"><span>{$aLang.people}</span></a></li> <li {if $sMenuHeadItemSelect=='stream'}{/if}><a href="{router page='stream'}" class="headmenu"><span>{$aLang.stream_menu}</span&g…

    Asked by antony,

    0 votes
    1 answer

  21. различная длина страница в разных браузерах

    Добрый вечер, уважаемые форумчане! Я никогда не занимался версткой, но недавно попросил о помощи человек, которому невозможно отказать. Вроде бы все отредактировал, все хорошо, но возникла такая проблемка: есть три страницы, длина которых отражается по разному в разных браузерах. Точнее во всех нормально, кроме фф (в нем страница короче). При этом первая страница http://vista-edu.ru/galery.html отображается во всех одинаково, вторая - http://vista-edu.ru/buh-nalog.html - короче в фф пикселей на 200 (на глаз), третья - http://vista-edu.ru/buh-basic.html - пикселей на 400. Буду очень благодарен, если сможете подсказать как ее решить.

    Asked by Паштет,

    0 votes
    6 answers

  22. Проблема с кроссбраузерностью

    Здравствуйте, вот столкнулся с проблемой отображения сайта в разных браузерах. Ссылка - вот сайт тык В Google Chrome все отображается как нужно, в общем изначально дизайн делался под Chrome. Не давно от пользователей поступили жалобы, ну я решил просмотреть через другие браузера сайт и я разочаровался. В Opera, Mozilla, IE 9 сайт отображается некорректно ни так как надо, а надо как в Google Chrome. Пробывал многое, но никак исправить не получалось, пробывал доктайп ставить но сайт становился только хуже, в общем проблема то не большая в основном только на главной такой косяк, кто может дайте советы что изменить на что и как сделать кроссбраузерность, спасибо

    Asked by lqd1k,

    0 votes
    2 answers

  23. Нужна помощь по меню

    Здравствуйте! Сразу к сути вопроса Мне необходимо сверстать вот такое меню Сам сайт фиксированный а у шапки фон тянется во всю ширину окна с наложением повторяющейся текстуры причем у активного пункта меню тоже имеется такой же background и сами пункты должны быть резиновыми. Подскажите как это можно реализовать что бы это было кроссбраузерно и желательно без js.

    Asked by Fennom,

    0 votes
    4 answers

  24. Прижать footer

    Доброго времени суток! Не могу разобраться с тем, как прижать footer. Если не использую границу блока и верхний/нижний отступ от окна браузера, то всё нормально, а с границами и отступами появляется полоса прокрутки, подскажите как от неё избавиться? Самый простой пример: html: <!DOCTYPE Html PUBLIC "-//W3C//DTD Html 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251 "> <title>Основы блочной верстки (Div верстки)</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div …

    Asked by spleen,

    0 votes
    1 answer

  25. Фото галерея

    Доброго времени суток коллеги! Стоит задача сделать гламурный сайт для фотографа в стиле Wordpress, но только на своём движке. Суть заключается в следующем, что позиционирование фотографий нужно сделать вот так: http://pavelparshin.ru/portfolio-item/beauty/ Но без явы! Тупо, подобное позиционирование. на деле у меня выходит не шибко-складно. http://81.200.25.57/dot/templates/gallery (это опытный образец галереии) CSS: #gallery { margin:0 } #gallery .photo { width: 240px; min-height: 156px; max-height: 383px; display: inline; } #gallery img{ width:240px; vertical-align: top; margin:0 25px 25px 0; } #gallery img.expand:hover { opaci…

    Asked by oscora,

    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