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

  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. Расположение иконок

    Нужно выровнять иконки по уровню текста (по средней линии). Не додумаюсь как. Текущий скрин.

    Asked by Feel,

    0 votes
    6 answers

  2. Пункт меню переносится на следующую строчку

    При изменении масштаба в Chrome последний пункт меню переносится на другую строчку, хотелось бы услышать какой нибудь совет как этого избежать. Установка min-width: 100% не очень помогает,так как меню у меня не на всю ширину блока и при минимальном масштабе всё равно съезжает так же подключён reset.css,но я его не стал выкладывать. http://jsfiddle.net/XdGhW/1/

    Asked by Skylef,

    0 votes
    6 answers

  3. relative в процентах и опущенные элементы

    В общем беру я пустую страницу и хочу сделать на ней релативный див, с указанием размера в процентах. Как выяснилось опытным путем, такое бывает нужно. Казалось бы, задача проста: <div id="relative"></div> #relative { position: relative; display: block; height: 60%; width: 75%; background: #000; } НО не работает. Гугол вообще не дает ответов на такие вопросы, значит мы не ищем легких путей. И в первичном CSS помимо обнуления значений, пишем в body position: absolute; height: 100%; width: 100%; Теперь любой релативный элемент "падает" вниз и его расположение приходится писать от bottom, что напрягает, но я никак не пойму, что нужно подправить.…

    Asked by iDrugov,

    0 votes
    6 answers

  4. hover моргает

    Коллеги, здравствуйте! Столкнулся с такой проблемой. Есть <input type="button">. У кнопки есть background и background:hover. При наведении background заменяется на background:hover, но так как изображения hover нет в кеше, в момент замены кнопку дёргает. Сразу оговорюсь, что применение спрайтов недопустимо. Если кто-нибудь знает решение, просьба поделиться. Заранее спасибо за помощь. Примечание: была идея прятать картинки, но в таком случае в кеш они не добавляются.

    Asked by Barsam,

    0 votes
    6 answers

  5. смещение центра в маковских браузерах

    всегда стесняюсь создавать темы, которые предполагают наличие телепатических способностей у отвечающих, но сейчас другого выхода нет. поэтому если кто-нибудь орлиным глазом так сказать определит знакомый симптом, то пожалуйста срочно пусть пинает меня в нужном направлении проблема в том, что основная вёрстка страницы центрирована стандартным способом, при помощи width: 1000px; margin: 0 auto; overflow: hidden; во всех современных, популярных браузерах под win и linux никаких аномалий при плавном уменьшении ширины экрана не наблюдается. но в (ipad, ios6, safari) слева от вертикального скролла при ширине экрана примерно в 1000px появляется область, которая нарушает центр…

    Asked by cyklop77,

    0 votes
    6 answers

  6. Click в jquery

    Привет!!! Помогите разобраться. Почему в jquery не срабатывает click() $("#click").click(function() { $("#block").slideToggle(2000); }); <a href="#" id="click">Ckuck here</a> <div id="block" style="width:500px; padding:40px; background:#f6f6f6;"> <p>block</p> </div>

    Asked by paseonru,

    0 votes
    6 answers

  7. Наведение на пункт меню

    Здравствуйте! Хочу спросить у знающих людей такой вопрос: каким образом может меняться цвет пункта меню при наведении? Вот, например, простое двухуровневое меню: <body> <div id="nav"> <ul> <li><a href="#">Меню</a> <ul> <li><a href="#">Меню</a></li> <li><a href="#">Меню</a></li> <li><a href="#">Меню</a></li> <li><a href="#">Меню</a></li> </ul> </li> </ul> </body> Если в стилях написать: #nav ul li ul li:hover a { color:#F00; } то цвет будет меняться только в пунктах подменю. А если н…

    Asked by Ylik,

    0 votes
    6 answers

  8. Как наложить кнопки rus и en на флеш?

    Здравствуйте! Нужно на сайте www.btn.kiev.ua кнопки EN и RUS поставить на флеш. Подскажите как это сделать? Спасибо

    Asked by BTN,

    0 votes
    6 answers

  9. несколько версий сайта

    хочу сделать самостоятельные 3 версии сайта под разные разрешения (для телефонов, планшетов-ноутбуков, для "домашних кинотеатров"). как осуществить автоматическое переключение? есть какое нибудь наглядное руководство/код, может быть кто подкинет готовое решение или пример? (речь идет не о резине!-ничего никуда перегруппировывать и растягивать не нужно)

    Asked by deFISH,

    0 votes
    6 answers

  10. Границы не до конца ширины/высоты элемента

    Поделитесь советом люди добрые. Есть шаблон интернет магазина, там границы у элементов не до конца Как лучше сделать? У меня пока есть варианты - сделать с использованием дополнительных элементов(например: нижняя граница у одного элемента, а боковая у вложенного в него элемента, с большей шириной и меньшей высотой) , или бэкграундом. Но эти варианты мне как-то не нравятся. Может кто чего подскажет еще.

    Asked by v01d0s,

    0 votes
    6 answers

  11. Ширина блока при отсутствии указания значения

    http://rubbish.staff-base.com/div-menu.html Не могу понять поведение красных блоков. Если ширина обозначена, как в синем модуле, то поведение предсказуемо и понятно. Во втором (зелёном) модуле, второй красный блок (в Point5) становится шире из-за большего числа подпунктов. Почему так? Спасибо

    Asked by skvor,

    0 votes
    6 answers

  12. Куда пропадают пиксели

    Здравствуйте есть главный блок с width:1000px padding:0 . В этом блоке хочу разместить два блока .bl1 { float:left; width:490px; padding:10px 10px 10px 10px; } .bl2 {float:left; width:490px; padding:10px 10px 10px 10px; margin-left:20px; } но второй блок располагается под первым , я так понимаю ему места не хватает. Но как? 490+490+20 =1000 px

    Asked by mylogin,

    0 votes
    6 answers

  13. border у картинок-ссылок

    Нужно сделать ссылки на всех страницах подчёркнутыми пунктирной линией, цвет которой отличается от цвета самой ссылки. Вставил код в CSS: a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} Всё заработало, но стали подчёркиваться картинки-ссылки. Вставил строчку: a img {border:0 none;} (пробовал так же {border:0;}, {border:none;} и даже {border:none !important;}) Картинки перестали подчеркиваться только в chrome. Во всех остальных браузерах картинки подчеркиваются. Как исправить? Да, и ещё. Когда ставлю a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} a img {border:5px solid;} то карти…

    Asked by ProcyonLotor,

    0 votes
    6 answers

  14. Фон для текста

    Есть проблема, уже даже и не знаю, что еще можно попробовать сделать. Есть текст, которому нужно задать фон: html: <h4><a href="#">Новый алгоритм Google <br> усовершенствуется</a></h4> css: h4 a{ color: #fff; background-color: #ffba00; } Должно получиться: Сразу скажу, что уже перепробовал все свойства дисплэй - все что не строчный элемент, отображается блоком, а тут явно видно, что фон задается строкам. Пробовал задавать значение padding, но у строчных элементов, padding отодвигает начало первой строки (действует как text-indent), что тоже не годится. Пробовал сделать фон через значение outline, но там тоже проблемы. В общем, может …

    Asked by Jake Blues,

    0 votes
    6 answers

  15. Уже замучался, помогите.

    Проблема заключается в том, что если жать мышку (ну как будто хочешь выделить текст) в месте нижнего меню или справа от кнопки контакты и потянуть верх, то начнут выделяться пустые куски местности, даже тем где никакого текста нету. Я сначала думал, что это из-за того, что у меня не все дивы имеют display:block. Но он ничего не меняет, просматривал как сделан сайт "фрилансим" с которого я делал себе макет для тренировки, но так ничего путного я и не понял. Пожалуйста подскажите в чем ошибка, что я делаю не так? Вот макет сайта, он очень маленький: http://logicface.narod2.ru/ Вот скрин беды: (Нажмите для увеличения)

    Asked by logicface,

    0 votes
    6 answers

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

    Здравствуйте! Подскажите, пожалуйста, как красиво реализовать подобное меню? При изменении ширины окна блоки из картинок+текста должны "скользить" по градиентной полоске. Весь день мучаюсь, пытаюсь делать на div'ах, но резиново не выходит. Заранее спасибо!

    Asked by eg0zer0,

    0 votes
    6 answers

  17. border больше размера div

    имеем горизонтальное меню, текст в 14px, див меню 14х660px, почему то добавляются по паре пикселей, пробовал педдинг 0, ничего не изменилось, border все равно выше текста, прилагаю код наглядно тут: http://jsfiddle.net/JdvXd/ #header { background-color: #FFF; height: 34px; width: 940px; margin-right: auto; margin-left: auto; position: relative; } #menu{ margin:0; padding:0px; height: 14px; width: 660px; position: relative; float: right; top: 7px; } .menu a { font-family: "Century Gothic"; font-size: 14px; text-decoration: none; color: #2a2a2a; display: inline; float: right; padding-left: 5px; padding-top: 0px; border-right-style: double; border…

    Asked by gladyshef,

    0 votes
    6 answers

  18. Центр

    .divider img{ height: 100px; text-align: center; background: center; } Не выставляется картинка по центру. Как вы заметили - опробованы два варианта выравнивания, но увы, ни один не подходит. Что не так? Благодарю за ответы.

    Asked by Вальдемар,

    0 votes
    6 answers

  19. Некорректное отображение соц. иконок!

    Asked by Salladorn,

    0 votes
    6 answers

  20. Границы у таблицы

    Реализовано таблицей. Подскажите как сделать такие границы, а именно как их вставить?

    Asked by lunozwetka,

    0 votes
    6 answers

  21. Внутренняя тень

    Нужно сделать внутреннюю тень для верхней и нижней границы в контейнере. Как это можно сделать?

    Asked by apexis,

    0 votes
    6 answers

  22. Как растянуть картинку по вертикали?

    Доброго времени суток, форумчане! Подскажите пожалуйста, как растянуть картинку для фона по вертикали? Имеется сайт на Денвере Имеется картинка которая разрезана пополам, одну половинку нужно поместить в левую область (помеченную красным контуром) а другую в правую. Заранее спасибо! UPD: вот примерно то чего я добиваюсь Тыц

    Asked by Nikolaus62,

    0 votes
    6 answers

  23. При наведении на ячейку таблицы показывалась ссылка

    Здравствуйте дорогие друзья! Помогите пожалуйста мне с таким вопросом: Есть таблица, Ячейки у нее являются ссылками, они работают, но при наведении на ЯЧЕЙКИ НЕ ПОКАЗЫВАЕТСЯ КУДА ОНА ВЕДЕТ, то есть внизу сайта нет адреса. Как Сделать чтобы адреса появились? Вот код: <style type="text/css"> .over67 {background-color: #fff; font-weight: bold; cursor: pointer;} .out67 {background-color: #fff; font-weight: normal;} </style> <table> <tr> <td onMouseOver="className='over67'" onMouseOut="className='out67'" onClick="document.location='Здесь ссылка'"><img src="picture1.png" align="left">Файлы</td> </tr> </table>

    Asked by Molotok2391,

    0 votes
    6 answers

  24. Как подсветить определенное слово с помощью CSS?

    Здравствуйте. В joomla имеется статья с заголовком, и нужно задать красный цвет только для слова "Новинка!" в заголовке. В админке такого нельзя сделать, насколько знаю. Можно ли каким-либо свойством CSS подсветить красным это слово?

    Asked by borus,

    0 votes
    6 answers

  25. Для nurlan_1992

    Здесь обрезанная версия, только с верхушкой. ты же говорил про ссылку которая вверху? Установи на Firefox firebug - getfirebug.com/, запусти его и там будет удобно просмотреть css и html код. Если будут какие-то вопросы задавай в этой теме. Ты там говорил про margin, а у меня та ссылка в блоке <div id="header1"> у которого внутри установлен padding, поэтому та ссылка так опускается #header1 { padding: 90px 18px 30px 173px; width: 210px; /*400 = 210 + 173*/ position: relative; float: left; background: url(../images/line.png) no-repeat right 48px; }

    Asked by Bava,

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