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. Кроссбраузерность

    Ребят, подскажите, пожалуйста, почему при таком спане <span class="gray"><img style="position:absolute; margin-top:86px; z-index:1;" src="image/gray(small).png"></span> может свигаться картинка при отображении через Firefox и Chrome? В Opera и IE всё окей. Что касается класса gray: .gray{ margin-left:-319px; } Что вообще следует знать и учитывать, чтобы не сидеть на подобных проблемах?

    Asked by Jo_Sky,

    0 votes
    1 answer

  2. Нумерация страниц CSS

    Ребят, делаю задание http://htmlbook.ru/practical/numeratsiya-stranits Получается херня. http://s1.ipicture.ru/uploads/20130204/ptH4cFzT.png <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Секс</title> <style> *{ margin:0; } DIV{ background: #EDEDED; width: 100%; height: 35px; border-bottom: 4px solid #CCCCCC; position: fixed; top: 80%; } Li { font-size: 130%; color: #910303; position: absolute; top: 30px; } </style> </head> <body> <div> <ol> <li>1</li> <li>2</li> <li>3</li> …

    Asked by daniluch,

    0 votes
    2 answers

  3. Проблема с расположением объектов

    Доброе время суток, начал учится вёрстке, уже 5 раз переделываю, в Chrome и Opera нормально всё, а вот в IE и Firefox "каша"! Пробовал пере позиционировать под IE и Firefox тогда в Chrome и Opera "каша". Помогите, какие нужно использовать функции и параметры?

    Asked by maks78945,

    0 votes
    2 answers

  4. картинки закрывают внешнюю рамочку

    Нужно создать блок с бардюром а внутрь него добавлять картинки то же с бардюром(список фотосетов). http://jsfiddle.net/n7CPB/ Сие отображается как надо но без внешней рамочки(по 3 в ряд). Как только убираю float:left; из .block4 внешний бордюр возвращается но картинки соответственно расположены вертикально. Подскажите где беда. P.S. Если вопрос идиотский прошу понять и простить ибо проба пера.

    Asked by CyberKatana,

    0 votes
    5 answers

  5. Css для определенных страниц

    Помогите решить проблему ! Сайт переделывается под Wordpress. Главная страница имеет красивую картинку по середине, а все остальные ссылки должны быть без нее ! как подключить к определенным ссылкам другой Style.css?

    Asked by ivanu6kin,

    0 votes
    3 answers

  6. Как объединить два языка

    Есть вот такой код на html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Главная страница</title> <style type="text/css"> .GlavnoeMenuZastavka { } </style> </head> <body> <div style="font-weight:bold; "> <table class="GlavnoeMenuZastavka" border="0" cellpadding="60" cellspacing="0"> <tr align="center" > <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=Uchebcenter"><img src="icons\Damir\Uchebcenter.png" width="150" height="150" border="0" alt="Учебный центр.png"></a> <p style="margin:0px;">Учебный центр</p> </td> <td> &l…

    Asked by danila_omega,

    0 votes
    1 answer

  7. При подключении css, визуально пропадает весь контент

    Доброго времени суток, господа. Подскажите, вот такая странная ситуация, есть страница, есть лист стиля, сама страница работает нормально, а при подключении стиля все ссылки и тексты исчезают из поля зрения, т.е. в результате пользователь видит просто стилизованную страницу без текста и ссылок, хотя если в браузере сделать просмотр html кода, то там всё есть. Что за магия, можете подсказать? ниже представлен css код. * {margin: 0;padding: 0;} html {height: 100%;} header, nav, section, article, aside, footer {display: block;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;height: 100%; background-image:url(bg.png); background-color:#000000; background-size:100…

    Asked by McLotos,

    0 votes
    2 answers

  8. Уменьшить активную область блока div

    Есть блок див у которого есть свойство background-color с картинкой png. Из-за большой тени вокруг картинки размер самого блока больше чем сама картинка соответственно. Подскажите, как уменьшить активную область дива? Т.е если это ссылка или событие какое при наведении мышкой - чтобы они срабатывали, скажем, на плоскости дива что меньше оригинала например на 20%? Т.е чтобы при наведении не на картинку, а на её тень вокруг чтобы ничего не происходило. http://jsfiddle.net/vyyTg/ Вот пример. Наводим на краешек дива он окрашивается. А нужно чтобы окрашивался только тогда, когда например мышка не на первом пикселе края дива а заехала на пятый или 10й Или, быть может, можно ка…

    Asked by фонарик,

    0 votes
    3 answers

  9. не работает background-image

    добрый день. Интересная проблемка возникла. Когда пишу background:url(bg.png); всё работает, а когда background-image:url(bg.png); фон не появляется. в чем может быть проблема?

    Asked by McLotos,

    0 votes
    2 answers

  10. div в div'e

    Вопросик=) мне нужно отпозиционировать список ... в коде я его поставил между комменттариями <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (НАЧАЛО СПИСКА) --> и соответственно <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (КОНЕЦ СПИСКА) --> Хотелось бы чтобы он был над выпадающим меню, и не потерял "кликабельность" ... <!DOCTYPE html> <html> <head> <title>JAGUAR</title> <style> *{margin:0;padding:0;} body { font: 14px/1.4 Georgia, serif; background: #333; overflow-x: hidden; } .menu { position:absolute; padding-top:253px; padding-left:48px; margin:0 auto; } .nav { box-shadow:10px 10px 10px rgba(0,0,0,0.5); min-width: 800px; padd…

    Asked by spn_one,

    0 votes
    0 answers

  11. Порядок - он есть или его нет ?

    Смотрел старые вопросы , ничего не нашел , спрошу здесь . Существуют нормы стилей которым необходимо следовать стилизуя сайт ? Порядок свойств и их значений , есть раздница ... div{ width: 500px; height: 200px; color: # colornumb; } и div{ color:#colornumb; height: 200px; width:500px; } Это только я так заморачиваюсь а браузеру всеравно , или он делает одолжение принимая неверно расставленные свойства ?

    Asked by RomanF,

    0 votes
    2 answers

  12. Катастрофа с ошибочным отображением елементов в браузерах

    утром сел делать сайт свой все было нормально как и всегда(на главной странице)сейчас работал исключительно с другими страницами сайта к главной даже не прикасался!в стилях тоже не касался к вещям которые к главной странице имеют отношение.Вот собрался ложится спать,захожу на главную страницу а там один из важнейших блоков поламался,другого слова не могу подобрать просто,все настройки css сбились полностью,да и не просто сбились а установились какието лично свои,елементы из блока разбросаны по экрану,я в шоке. в хроме главное нормально(я сегодня через него сайт верстал),до этого в основном в опере делал,так вот зашел проверить и именно в опере такая кавасяка.В мазиле тоже…

    Asked by pudge,

    0 votes
    16 answers

  13. Дивная вёрсткая + css разбивка на три колонки

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

    Asked by Jo_Sky,

    0 votes
    1 answer

  14. кроссбраузерность

    добрый вечер, подскажите как сделать сайт кроссбраузерным, по мне удобнее оппеделить браузер, и оттдельно для него подгрузить стиль по внешней ссылке, (готов писать для каждого браузера свой стиль!!!=)) <script language="javascript"> var browser = navigator.appName; document.write(browser); if (browser == "Opera") document.write("<body><link rel='stylesheet' href='http://jaguar-pw.clan.su/for_opera.css'>"); </script> думал что нашел решение, но для мозилы пробова- нивкакую...( p.s. хлстюсь на юкозе (php не работает построннее!()

    Asked by spn_one,

    0 votes
    3 answers

  15. Отображение картинки с помощью css и html

    Ребят, подскажите, пожалуйста, как вставить картинку при помощи css, а потом её вынести при помощи html? Вот моя последовательность действий: 1. Создаю и подключаю css файл (<link href="style.css" rel="stylesheet" type="text/css" />) 2. Создаю в css файле: .gray{ background-image:url(image/gray-n.png); } 3.Подключаю в html файле: <span class="gray"></span> Картинка нигде не отображается.

    Asked by Jo_Sky,

    0 votes
    2 answers

  16. Форматирование текста внутри дива.

    Добрый день! Наверное задам глупый вопрос, но всю голову уже себе сломал, инет и форум гуглил (возможно плохо). Есть код: <html> <head> <style type="text/css"> body { background-image: url(water1small.png), url(water2small.png),url(water3small.png),url(water4small.png); margin: 0; padding: 0; } .sky { background-image: url(sky1.png), url(sky2.png); width: 100%; height: 300px; } .header { width: 960px; height: 300px; margin: 0 auto; } .page { background-image: url(sky1.png), url(sky2.png); background-position: 0 -300px; background-repeat: repeat-x; width: 100%; } .content { width: 960px; margin: 0 auto; } .coast { background-image: url(sand2.png)…

    Asked by usdg.lander,

    0 votes
    1 answer

  17. Блок коментариев

    Помогите плиз!!!!! Как зделать вот такую засечку в скругленном блоке. Очень нужно!!! http://vk.com/doc124...b50ba86bb9b1e17

    Asked by Ali_99,

    0 votes
    2 answers

  18. Списки и картинки

    Здравствуйте. Есть код <h3>Заголовок</h3><img src="../image.jpg"> <ul class="sidemenu"> <a href="#">Название ссылки</a></li> </ul> Подскажите, подалуйста, можно ли сделать так чтобы нижняя граница картинки была на одном уровне с низом текста "Заголовка"? Расположение картинки относительно текста справа. Заранее всем впасибо.

    Asked by skostychev,

    0 votes
    1 answer

  19. Video не работает в андроидном бразуере

    Подскажите, такая ситуация. Создаю веб-страницу, которая должна работать на Samsung Galaxy Tab, там Андроид 4.0.3 и родной браузер. Вот это http://htmlbook.ru/html5/video не хочет работать ни в какую. В Хроме на этом же планшетнике - работает. Гуглил - ничего толкового. Кодировки у файлов правильные, H.264 + ACC.

    Asked by botyaslonim,

    0 votes
    3 answers

  20. Высота у select[multiple]

    Проблема с кроссбраузерностью мультиселекта. Есть такой селект: <select class="b-task-status-execution" name="ts_status" multiple=""> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> .b-task-status-execution{ border:1px solid #abb1c2; font:normal 12px/16px Tahoma; width:150px; height:100px; } .b-task-status-execution option{ line-height:16px; } http://jsfiddle.net/nastyamn/kQ7ZC/1/ Нужно сделать чтобы не поя…

    Asked by nastyamn,

    0 votes
    4 answers

  21. Кроссбраузерный бэкграунд-градиент через PHP-условие.

    Имеется следующее: <td bgcolor="<? if (($part=="1")) { echo('#990000'); } if (($part=="2")) { echo('#606097'); } ?>"> и т.п. Подскажите, пожалуйста, как в этом условии заменить моно-цвет на градиент?

    Asked by maritca,

    0 votes
    4 answers

  22. Фиксированный хедер в мобильной верстке

    Доброго время суток. Подскажите, пожалуйста, кто сталкивался со следующей проблемой в верстке под андроид и айфон: необходимо сделать, чтоб при скролле хедер всегда находился в верхней части экрана. Казалось, что нет ничего проще - достаточно поставить position: fixed; top: 0. Но iOS4 не поддерживает данное свойство. При использовании плагина iScrool 4 возникаю проблемы с галереями, которые хочется листать перетаскиванием пальцев. С Hammer-ом получилось тоже самое. Еще как вариант jQuery Mobile, но тоже есть минусы: при зуме хедер всегда прилеплен к левому краю экрана и увидеть его целиком никак нельзя. Сейчас я деаю хедер абсолютно позиционированным и пробую скриптом при…

    Asked by memed,

    0 votes
    4 answers

  23. Тег <ol>

    Здравствуйте! Помогите, пожалуйста, решить проблему. Для ol li задан класс: ol li{border-bottom:1px dotted #ccc;} Как убрать border у 10-го по счёту li? Всю голову уже сломал... Кто знает, подскажите, пожалуйста...

    Asked by zzzoryn,

    0 votes
    2 answers

  24. Появляющийся поверх всего слой

    Форумчане, правильно ли я понимаю технологию создания появляющегося слоя в центре странички (например как на этом форуме, когда кликаешь ссылку Регистрация или когда кликаешь на иконки BB кодов при оформлении новой темы ): Шаг1: Где-нибудь в теле HTML странички (в любом месте по сути?) создаем отцентрированный слой по принципу описанному например в http://htmlbook.ru/l...u-veb-stranitsy со свойством display:none и с нужным содержанием Шаг 2: на JS пишем коротенкую функцию, которая при клике на ссылку, по которой нужно открыть этот слой, меняет свойство слоя display:visible и ставит z-index 100000, чтобы слой был поверх всего. Так правильно? или весь слой надо формирова…

    Asked by Sserg-135,

    0 votes
    10 answers

  25. Меняющаяся ширина основного контента.

    Всем привет! У меня возникла такая проблема: на некоторых страничках есть левое меню, а на некоторых нет. Так вот, мне нужно, чтобы ширина основного контента менялась в зависимости от того есть ли это меню или нет. Как то можно это сделать средствами просто html и css?

    Asked by Elsee,

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