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. расположение меню

    Всем джамбо. Сайт на wp http://osobniak.com/ меню строится справа на лево, а хотелось бы чтобы слева на право или по центру его сделать. Подскажите кто может.

    Asked by CatInTheBread,

    0 votes
    6 answers

  2. Cufon. Обрезанный шрифт

    Всем джамбо. Поставил шрифт на wp (cufon), а он обрезает заглавные буквы, причем если меняешь размер шрифта все ровно заглавные буквы обрезаны..вот ссылочка для наглядности http://osobniak.com/

    Asked by CatInTheBread,

    0 votes
    2 answers

  3. Как удлинить границу?

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

    Asked by nikki4,

    0 votes
    1 answer

  4. Оцените решение

    Стоит такая проблема: То бишь блок с красиво оформленной прозрачной рамкой. Вот решение: HTML: <!doctype html> <html> <head> <title>Deluxe</title> <link rel="stylesheet" type="text/css" href="css/style2.css" /> </head> <body> <div class="border"> <span class="top tl"></span> <span class="top tr"></span> <span class="bottom bl"></span> <span class="bottom br"></span> <div class="out"> <div class="in"> <div class="content"> adsdasdasdasdasdasdasdasdasdasda<br> …

    Asked by mnstrsound,

    0 votes
    14 answers

  5. Скролинг fixed позиции, с закрытием другого блока

    Здравствуйте! Подскажите, пожалуйста, как при скролинге страничке, сделать, что бы div2 вставал на место div1 (т.е. уходил верх)? При скролинге в топ - блоки возвращались на свою позицию. Спасибо! Код на http://cssdeck.com/labs/i1jxnjzh <html> <title>hello word</title> <style> body{ margin:0px; padding:0px; } .div1 { width: 100%; text-align: center; background-color: #e1e1e1; height: 40px; line-height: 40px; } .div2 { width: 100%; text-align: center; background-color: #888888; position: fixed; height: 30px; line-height: 30px; } .div3 { margin-top: 30px; } </style> <head> </head> <body> <div class="div1"> hello, hide …

    Asked by papa_s,

    0 votes
    4 answers

  6. Масштабирование и центрирование содержимого окна под разрешение клиента

    Здравствуйте. Есть макет. Ширина 1920px. На странице несколько больших фоновых изображений(на всю ширину макета). Область с контентом имеет фиксированную ширину в 960px и отцентрирована(margin: 0 auto). На разрешениях меньше 1920 естественно во-первых, получаем горизонтальную полосу прокрутки, во-вторых, после загрузки страницы ползунок уже сдвинут влево, т.е. пользователь видит сразу левую часть страницы. Как отцентрировать макет даже для малых разрешений, просто обрезая ту часть макета, которая выходит за границы разрешения и не показывая полосу прокрутки, чтобы, например, при масштабировании пользователь смог увидеть и остальное? Может у кого есть под рукой ссылки на п…

    Asked by son6ka,

    0 votes
    6 answers

  7. Фон из трех изображений

    Здравствуйте. Подскажите как реализовать фон из трех изображений: первое - фиксированного размера, градиент, второе 1px высотой - тянется на всю ширину контента и третье - опять градиент, фиксированный размер. Первое что пришло на ум: background: xxx,yyy,zzz; но увы у меня не получилось правильно спозиционировать и нижнее изображение вообще не появляется ни при какой высоте конента. Интересует так же, как правильно применить фоны: все три к родительскому блоку или каждый фон своему блоку? Спасибо!

    Asked by nomn,

    0 votes
    3 answers

  8. кнопка нравится от facebook

    помогите пожалуйста разобраться собираюсь на страничку встроить кнопку "нравится" от facebook. в макете блок в общем выглядит так. видно, что кроме самой кнопки присутствуют еще элементы. их придётся верстать мне или у facebook существует сервис, который генерирует весь блок?

    Asked by cyklop77,

    0 votes
    5 answers

  9. изменение цвета фона активной ссылки

    Добрый вечер! Есть меню, в нем 6 кнопок. Цвет меню, предположим черный. Текст кнопок белый. При наведении курсора мыши на кнопку меню, цвет background-color выделяется зеленым цветом. Вопрос: как сделать так, что бы не только при наведении курсора мыши на кнопку менялся ее цвет, но и активная кнопка была всегда зеленой. В прикрепленном изображении на кнопку "Главная" наведен курсор мыши. Если я его убираю и перенашу, например, на кнопку "О нас", то кнопка "Главная" стоновится опять черной, даже в том случае, если данный момент активна Главная страница. Мне необходимо прописать что бы активная кнопка была всегда выделена зеленым цветом. Вот пример HTML кода: <u…

    Asked by Sotnya,

    0 votes
    9 answers

  10. Неправильно работает CSS по атрибуту в Chrome

    Заметил я что в CSS можно прописывать свойства не только для существующих тегов, но и для любого сочетания букв, и решил написать свой тег. Всё вроде бы работает, но одна проблема — в Chrome свойства для spoiler[type="img"] отображаются не только для тега <spoiler type = "img"> но и для всех тегов <spoiler>. Если открыть просмотр "Исходного кода элемента", и там сделать с этим тегом что-нибудь, то всё приходит в норму. Код HTML: <!DOCTYPE html> <html> <head> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta charset = "utf-8"> <link rel="stylesheet" href="spoiler.css"> </head> <body> Текст текст текст &l…

    Asked by Mouse-art,

    0 votes
    11 answers

  11. Подменю в резиновой верстке

    Всем добрый день! Делал резиновый макет и при создании меню возникли проблемы. Само горизонтальное меню отлично растягивается (применял display: table-cell/table-row), но подменю ен хочет нормально выстраиваться. Получается, что ячейка растягивается на все подменю и это ломает всю навигацию. http://jsfiddle.net/KnEeD/ Если делать через float, то само горизонтальное меню сложнее растянуть на всю ширину окна. Хочется сделать также ширину подменю сделать как у родительского элемента, чтобы она изменялась при растягивании окна. Без явного задания ширины не получается. Как это можно реализовать?

    Asked by gregsv,

    0 votes
    3 answers

  12. IE<9 Проблема со шрифтами.

    Всем привет. Ссылка - http://www.falard.org В консоле выводит ошибку - CSS3111: В @font-face обнаружена неизвестная ошибка. Такие ошибки очень тормозят в развитии, ибо на данный момент имеется очередной заваленный проект, по моей скорее всего неопытности. Информацию нашел по данной ошибке следующую - http://msdn.microsoft.com/ru-ru/library/ie/hh180764(v=vs.85).aspx Случалось что ошибка возникала не только у меня одного - http://forum.htmlbook.ru/index.php?showtopic=42956 (решение не устроило, не помогло, вообще похоже на серию нелепых движений, танцем с бубном то есть) Буду очень благодарен за помощь.

    Asked by FaLaRD,

    0 votes
    0 answers

  13. Прошу помоч поставить фон.

    Я только только начал изучать веб програмирование, по этому прошу строго не судить ) Проблема такая: Никак не могу поставить фон на своём сайте. Ставлю такой код, и в итоге у меня только фон залитый серым цветом , вместо нужной картинки: body { background:url('images/Fon.png') #373e45 no-repeat 50% 0; word-wrap: break-word; }

    Asked by TiestoClubLife,

    0 votes
    5 answers

  14. Программа для создания сайтов

    Здравствуйте! Подскажите, пожалуйста, какие еще есть программы для создания сайтов с нуля по типу Dreamweaver cs6? Чтобы можно была прописывать код и подключать css, или прописывать стили внутри html, чтобы тоже всплывали подсказки и подсвечивались буковки))?

    Asked by Pantera12,

    0 votes
    14 answers

  15. Стационарная фоновая картинка

    Всем джамбо друзья! Возможно этот вопрос нужно было задавать в разделе верстка, ну да ладно. Закинул фон картинкой..таким образом: ______________________________________________________________________________ body {background: url(http://6.arhis.z8.ru/wp-content/uploads/2013/04/25.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}; /* —————————————————————- Remove Shadows */ #feature, #feature .bottom_shadow, #feature .top_shadow, #page, #page_bottom, #footer { background-image:none; } ______________________________________________________________________________ Проблема в…

    Asked by CatInTheBread,

    0 votes
    4 answers

  16. text-align в IE<9

    Такая трабла: IE младше 9-ой версии неправильно выравнивают inline-block элементы. <div class="parent"> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> </div> Задав блоку с классом "parent" свойство text-align: center, а дочерним элементам свойство inline-block, нормальные браузеры располагают инлайн-блоки ровно по центру, но не IE<9. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.

    Asked by SuperJerk,

    0 votes
    4 answers

  17. background-position в IE

    Здравствуйте. Прошерстил инет, но никак не могу найти решение. Необходимо точно спозиционировать (сдвинуть на определенное количество пикселов) фон в блоке. Делаю это так: background-position: top right 8px; Предполагается, что фоновая картинка встанет в верхнем правом углу блока со сдвигом в 8 пикселов от правого бока. Работает во всех браузерах, кроме IE. Причем данную запись не понимает ни одна из версий IE (проверял в IETester и IE 7 напрямую).

    Asked by toman,

    0 votes
    1 answer

  18. Помогите поставить шапку на сайт

    вот код торий прописан #header { background: url("/header.jpg") no-repeat bottom center; margin: 0px; padding: 0; height: 260px; width: 1054px; color: #000; } а вот сам сайт ! не могу норм отредактировать размер чтобы норм смотрелся ! помогите

    Asked by hatabush,

    0 votes
    2 answers

  19. Как сделать три блока одинаковой длины при увеличении текста в одном из блоков -кроссбраузерное решиние

    Как сделать так чтобы три блока растягивались одновременно, если в одном больше контента. хочется кроссбраузерное решие, тк пробовал и скриптом и так.

    Asked by daggi,

    0 votes
    21 answers

  20. Кликабельные подразделы

    Здравствуйте! Никак не получается найти информацию по своему вопросу: как сделать страницу с кликабельными подразделами? (Пример:http://lawcanal.ru/html.acti.uchebniki.html )

    Asked by Ksusha90,

    0 votes
    1 answer

  21. Помогите! Скрипт смены фона

    Здравствуйте! Помогите пожалуйста! Нужен скрипт для смены фона сайта на картинки, чтобы пользователи сами выбирали нужный фон, могли его через ссылку ставить и т.п. В общем нужна как в Windows с рабочим столом, так же и тут только с фоном Видел такие скрипты на UCOZ, но они ужасны, хотя работают, переписать не взялся! Так что надеюсь на вашу помощь!

    Asked by Spleefys,

    0 votes
    1 answer

  22. Несколько bx слайдеров?

    Очень люблю в своей вёрстке использовать bxSlider, у него есть свои цсс и js файлы которые легко корректировать в своих нуждах. Вопрос в том, как использовать этот слайдер с разными стилями несколько раз на странице или в проекте? Например в качестве слайдера или в качестве карусели. Или что бы на одном изменялось фэйдом, а на другом просто листались слайды. Затруднения вызывает тот факт, что js и css файлы рассчитаны только на один слайдер, если я вставлю второй, то у второго будут те же самые стили и изменения которые я делал в файликах. Понимаю что вопрос тупейший, но этот вопрос стоит ребрейшим ребром

    Asked by Alarr,

    0 votes
    4 answers

  23. отменить overflow hidden

    Доброго времени суток, требуется помощь, сломал голову уже, вот накидал образец существующей верстки <body> <div> <div> <div>...</div> <div> <div>...</div> <div>...</div> <div>...</div> <div> <div></div> <--ВАЖНЫЙ DIV--> </div> </div> <div>...</div> </div> <div>...</div> <div>...</div> </div> </body> в css дивам присвоено overflow:hidden (такова верстка, если отменить все поплывет), в коде выше отмечен важный…

    Asked by Artyomii,

    0 votes
    1 answer

  24. Проблема со ссылкой

    Здравствуйте. Мне нужно было создать изображение,которое является ссылкой и сдвинуть его на 200 пикселей вправо. Получился код типа <a href="адрес ссылки"><img src="адрес картинки" style="padding-left:200px"></a> Но с этой ссылкой есть проблема: перейти по ней можно не только нажав на картинку,но и нажав левее картинки на эти самые 200 пикселей. Что с этим делать?

    Asked by mcdude,

    0 votes
    2 answers

  25. Помогите с вертской плз. Проблема с расположением блоков/картинок

    Помогите новичку пожалуйста! Сам разберусь точно не скоро, т.к. времени после работы крайне мало на изучение веб программирования. Для тех кто хорошо понимает css/html, там делов-то на раз плюнуть. Вкратце: Хочу сделать страничку с расположением объектов как на двух скриншотах внизу http://i.imgur.com/E9UmjdD.jpg http://i.imgur.com/ysMAPqi.jpg Сама страничка - http://podstrigis.com/test Буду благодарен за любую помощь!

    Asked by msk1,

    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