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. z-index и наложение элементов на Google map

    Прошу помощи более опытных товарищей в решении следующей проблемы. Код Google maps перекрывает все <div> и ни как не реагирует на изменения z-index. Если утрировать есть следующая разметка: <div id="logo"></div> <div id="map"> <iframe class="map" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.ua/maps? и т.д. код Google map"></iframe> </div> При этом карта перекрывает все элементы, не действует и изменение z-index. Каким образом можно сделать, что бы log "залазило на карту"? Буду очень благодарен за помощь.

    Asked by k0sm0s,

    0 votes
    10 answers

  2. Как можно скрыть ссылки на картинках

    Помогите пожалуйста мне реализовать скрытие ссылок на картинках. Суть вот в чем: на странице есть текстовые ссылки и ссылки с картинок. Как можно сделать что бы ссылки с картинок были не активны (при нажатии не происходил переход), а текстовые ссылки остались как есть. Сайт стоит на ДЛЕ и класс или идентификатор к каждой ссылки сделать достаточно трудоемко, могу только всё взять в див и уже див"у назначить класс или идентификатор. Вот для примера: <div class="hidelink"> <a href="page1"><img src="image1.jpg"></a> <a href="page2"><img src="image2.jpg"></a> <a href="page3">text link</a> </div> <a href="">сде…

    Asked by alleclf,

    0 votes
    3 answers

  3. Помогите доработать css меню

    День добрый помогите доработать css Меню, что то у меня ничего не получается... Сам код стандартный: <ul id="topnav"> <li><a href="#">Меню 1</a></li> <li> <a href="#">Меню 2</a> <!--Здесь начинается подменю--> <span> <a href="#">Подменю 1</a> <a href="#">Подменю 2</a> <a href="#">Подменю 3</a> </span> <!--Заканчивается подменю--> </li> <li><a href="#">Меню 3</a></li> </ul> CSS ul#topnav { margin: 0; padding: 0; float: left; width: 970px; list-style: none; position: relative; font-size: 1.2em; back…

    Asked by xtr,

    0 votes
    0 answers

  4. Фиксирование всплывающей подсказки

    Люди, помогите! Необходимо зафиксировать всплывающую подсказку в окне, т.е. подсказка не "бегает" за курсором, а при наведении на текст/картинку появляется в определенном месте. Скорее всего тут надо крутить jquery.tooltip.js, но самостоятельно у меня ничего не получилось.

    Asked by keepcalm,

    0 votes
    2 answers

  5. xhtml vs html5

    let's choose the winner

    Asked by DarkPrelat,

    0 votes
    23 answers

  6. Кто нибудь может мне помочь

    хочу сделать сайт, вот "макет" : не знаю с чего начать...

    Asked by IgnatVoronov,

    0 votes
    5 answers

  7. Построчный overflow

    Всем добрый день. Пытаюсь обрезать текст в блоке с фиксированной высотой и шириной. Соответственно, блоку задано свойство overflow: hidden;. Получаем текст, последняя видимая строка которого видна на половину. Вопрос: как ее скрыть? Пример: <!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 165px; overflow: hidden; } p { margin: 5px 0 0; } </style> </head> <body> <div> <p>Здесь идет многострочный текст.</p> <p>Управлять свойствами line-height и margin'ами параграфов вообще не хочется.</p> <p>Да и вверху может идти картинка неопределенной высоты.</p> &lt…

    Asked by MiReQ,

    0 votes
    3 answers

  8. Проблеме промежутка

    Все доброе время суток! У меня проблема с промежутком между type="componet" и type="modules" Чтоб я не делал в html и в css не получается сдвинуть блоки между черный блоком и красный большой промежуток Помогите плиз, вся надежда на вас HTML <div id="content_middle"> <div id="content"> <jdoc:include type="component" /> </div><!-- END CONTENT --> <div id="clear"></div> <div id="news"> <jdoc:include type="modules" name="news" /> </div><!--END NEWS--> <div id="banner-bottom"> <jdoc:include type="modules" name="banner-bottom" /> …

    Asked by Bismuth,

    0 votes
    4 answers

  9. проблема с меню

    добрый день форумчане, проблема заключается вот в чем: меню футера само по себе написано обычным шрифтом, а при ховерном состоянии жирным, то при наведении левая часть отодвигается, так как слово увеличиваетя, вопрос вот в чем можно ли чтобы оно при наведении не двигалось?

    Asked by maruwa,

    0 votes
    1 answer

  10. Выровнить меню по центру

    html <!doctype html> <html> <head> <meta charset="windows-1251"> <title>Тест</title> <link href="test.css" rel="stylesheet" type="text/css"> </head> <body> <div class="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Обучение</a></li> <li><a href="">Новости</a></li> <li><a href="">Видео</a></li> <li><a href="">Фотоальбом</a></li> <li><a href="">Форум</a></li> </ul> </div> </body> </html> и css @ch…

    Asked by RussiaStorm,

    0 votes
    10 answers

  11. Выравнивание

    Всем доброго времени суток. Такой вопрос: Есть <div id="ololo"> Ололо</div> нужно выровнять <p> так, что бы он был в центре(по Х и по У) <div>'a. Как это можно сделать "максимально кроссбраузерно"(что бы не писать для разных браузеров разный код)? Размеры дива не заданы, а если и заданы, то в процентах. "Количество" текста и параметры(тип, размер) шрифта внутри параграфа неизвестны. И еще: чем это будет проще, тем лучше. Заранее спасибо!

    Asked by gism,

    0 votes
    3 answers

  12. Меню LI

    Доброго времени суток! В очередной раз зашёл в тупик и вынужден просить Вашей помощи. Проблема заключается в том, что при графическом строительстве менюшки, я столкнулся с проблемой визуализации некой графики, а именно с "hover" отображением. делаю меню. назначаю "LI" делать отделение ссылок 2-х пиксельной полосочкой. назначаю "LI:hover" отображать другую картинку при наведение мышки и вот тут и начинаеться баг. или даже возможно кривизна моих рук. При наведение на ссылку, срабатывает "LI:hover" и тем самым, убирает полность визуализацию "LI", а именно ту саму, разделительную полосочку в 2 пикселя. измучился весь, самостоятельно не могу найти выход из ситуации. Код прило…

    Asked by oscora,

    0 votes
    4 answers

  13. проблема с масштабирование swf

    Делаю "резиновую" страницу на которой есть флеш. Масштабирование флеша должно происходить с уменьшением размера окна браузера. НО с масштабированием есть проблема - появляются чёрные полосы сверху и с низу, хотя само изображение масштабируется нормально. Как сделать нормальное масштабирование, т.е. что бы с уменьшением изображения уменьшалась и область отображение, а не заполнялась чёрным? Код HTML: <head> <link href="style.css" rel="stylesheet" type="text/css"> <link href="media-queries.css" rel="stylesheet" type="text/css"> </head> <body> <div id="pagewrap"> <header id="header"> <div class="top_flash"> …

    Asked by arthur1974,

    0 votes
    12 answers

  14. Тянущийся фон

    Приветствую. В очередной раз обращаюсь за мудрым советом. Есть фон шириной 1400px и делать его фиксированным не хочется. Очевидно, что при меньшем разрешении он должен "сжиматься". В первых строчках выдачи серпа нашел вариант с background-size: cover, но мне кажется на больших экранах будет ужасно смотреться. Так как же быть?

    Asked by uteelers5,

    0 votes
    3 answers

  15. Помогите ради бога!

    Люди добрые, помогите! Делаю тестовое задание для работодателя. Нельзя упасть лицом в грязь... Как лучше реализовать эту полоску с текстом посередине?

    Asked by JosePerez,

    0 votes
    9 answers

  16. Язык для сценариев

    Я учусь верстать сайты, но понимаю что мне скучно писать только статичные страници. Решил добавить немного интерактивности, но не знаю что выбрать: пхп, яваскрипт, может еще что. Знаю только хтмл и ксс, с чего советуете начать? и еще. Я не буду писать сложные сценарии, пока мне хватит только чего-то типа проверки заполнения форм, подсчетов и т.п. В будущем интересто выучить еще что-то(вроде питона, руби)

    Asked by DarkPrelat,

    0 votes
    0 answers

  17. Создать обтекаемый слева и снизу div с картинкой

    Доброго времени суток. Есть задание по одному предмету в ВУЗе: создать свой сайт. Самый простой, но не в этом суть. Я набросала в фотошопе, что хочу изобразить. Сайт делается в IE9 и демонстрироваться будет в IE7 или 8. Сейчас он выглядит так: И проблема в том, что не выходит расположить картинку с собакой так, как хотелось бы. Всё делается в слоях. Структура div'ов на рисунке ниже. Свойства border сделаны, просто чтобы видеть границы слоёв. Ну, и возможно ли сделать как я хочу? Если да, то каким образом, в каком направлении двигаться?

    Asked by ForSecond,

    0 votes
    5 answers

  18. Растянуть блок по высоте

    Добрый день. подскажите пожалуйста, как можно растянуть блок сайдбара на всю высоту контейнера? (от шапки до футера) Выглядит это примерно так: http://clip2net.com/s/1UqTj

    Asked by WabFad,

    0 votes
    8 answers

  19. Скругленные углы заданные в процентах у прямогульной кнопки

    Доброго времени суток, уважаемые форумчане. Имеется обычная прямоугольная кнопка, допустим div. Кнопка может менять ширину, но не высоту. Требуется скруглить ей углы, но задать значения в процентах. Пишу следующий код: div { ... width: 50%; height 80px; border-radius: 5%; ... }Радиус скругления по горизонтали получаю 5% от нефиксированной ширины кнопки, а по вертикали 5% от фиксированной высоты. Скругление получается овальное, а надо круглое, зависящее только от ширины. В описании свойства border-radius в справочнике по CSS сказанно: Как раз то, что мне нужно! Но, судя по всему, это не так. Получается, что: В случае применения процентов, отсчет горизонтального ради…

    Asked by Cypher76,

    0 votes
    14 answers

  20. Скругленные углы заданные в процентах у прямогульной кнопки

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

    Asked by Cypher76,

    0 votes
    1 answer

  21. CSS + SVG animation

    1) Как реализовать, чтобы при наведении мышки начиналась анимация svg, без дубиката картинки (когда одна половина статическая, а другая движется, а css только сдвигает картинку). Хотелось бы напрямую. 2) Как реализовать, чтоб анимация была подвязана к положению курсора мыши (слева подвожу - одна анимация, справа подвожу - другая анимация) На сколько я понял в svg есть привязка анимации к css - не разобрался пока. Прошу помощи у тех кто разобрался.

    Asked by VitaliyAT,

    0 votes
    1 answer

  22. :active в ie8

    У меня при клике на ссылку в меню с помощью псевдокласса active меняется фон меню. Во всех браузерах нормально работает, а в IE 8 фон меняется только тогда, когда клик около ссылки, а не на ней самой. Когда делаешь клик на самой ссылке, напримес "о нас", фон не меняется. Возможно поправить? Меню простое, горизонтальное, список ul. И в Опере 9й версии тоже тупит, то работает, то не работает.

    Asked by Маленьке Звірятко,

    0 votes
    1 answer

  23. Как реализованы эффекты на сайте

    Добрый день! Прошу подсказать, как называется эффект используемый на сайте Речь об уплывающих буквах и появляющихся твиттах. Где почитать о реализации таких эффектов. Как реализовать такое с помощью html 4 и html 5 Есть ли готовая библиотека для такой реализации

    Asked by roma86,

    0 votes
    3 answers

  24. Навигационное меню–слайдер

    С помощью чего можно оргранизовать такое меню?

    Asked by chocolate_moles,

    0 votes
    4 answers

  25. отображение в разных браузерах

    Проблема вот в чем: на сайт (prisvete.ru) поставил блок с выводом топ новостей, при наведении на которую(картинку-новость), показывает ее название, но в мазиле вроде все нормально,а вот в хроме (на других браузерах не пробовал) название появляется с боку, не наводя на нее,тем самым отодвигая картинку-новость на длину названия, тем самым портя весь вид.Подскажите как это можно исправить. вот PHP код новости: <?php $sql_result = $db->query( "SELECT id, title, date, alt_name, category, short_story, flag FROM " . PREFIX . "_post WHERE approve='1' ORDER BY date DESC LIMIT 10" ); while ( $row = $db->get_row()){$row['date'] = strtotime( $row['date'] ); $row['category…

    Asked by dts,

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