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. Размер и положениен окна браузера

    Всем привет Возник вопрос как можно при нажатии на ссылку "href" вызвать новое окно браузера (например IE или FireFox), задать его размеры и положение на экране монитора. Спасибо за ответы.

    Asked by JohnChaban,

    0 votes
    1 answer

  2. Помогите выровнять по центру экрана

    Всем привет. Помогите выровнять данный код так что бы был по серердине экрана А то что то я не как не пойму как сделать выравнивание по сеерине как высоты так и ширины Буду очень благодарен за помощь <body> <table border="0" cellspacing="5" cellpadding="5"> <tr> <tr> <td> <div id="map" style="width: 800px; height: 600px"></div> <div id="res"></div> </td> <td valign="top"> <ul id="menu"> <li><a href="#" id="bar" onclick="show_c('bar'); return false;">Бар</a></li> <li><a href="#" id="restaurant" onclick="show_c('restauraunt'); return false;…

    Asked by Chekist,

    0 votes
    1 answer

  3. Подскажите пожалуйста, почему на планшете вёрстка едет

    Доброго времени суток. Помогите пожалуйста, люди знающие. Вот здесь http://licvid.4programmer.org.ua в верхнем меню все пункты отображаются нормально. Но если зайти с Android устройства - почему-то последний пункт уезжает вниз. Подскажите, почему и оч.желательно, что с этим делать) Заранее спасибо за ответ=)

    Asked by froosty,

    0 votes
    1 answer

  4. Проблема с text-shadow

    Здравствуйте, возникла проблема при верстке необходимо указать белый text-shadow. Сам блок с текстом лежит поверх фоновой картинки. Без указания блоку какого-либо background белая тень не видна. При этом любой другой цвет выводится великоепно без background. Сайт forum.fsdusshor.ru белый text-shadow необходим для верхних телефонов. box-shadow не предлагать есть какие-нибудь решения ?

    Asked by henry007rta,

    0 votes
    1 answer

  5. Не могу обуздать картинки

    Не судите меня строго,я начинающий.У меня такая проблема.Есть некая картинка,на весь экран, на ней два флажка ссылками.При уменьшении экрана флажки разлетаются. По логике надо бы картинку с флажками завернуть в div,но как это сделать технически??не знаю. Подскажите пожалуйста. <head> <title>Шах Лав Вест</title> <style type="text/css"> body { background-color:#420200; background-image:url(http://shahlavwest.ru/images/welcome.jpg); background-repeat:no-repeat; background-position:center } .flag_1 { float: left; padding: 500px 0px 0px 220px } .flag_2 { float: right; padding: 500px 220px 0px 0px } </style> </head> <body> <div c…

    Asked by An24,

    0 votes
    1 answer

  6. Помогите подключить шрифт

    Не получается подключить шрифт в css. Шрифт в формате ttf. Пробовал и otf - все равно без эффекта. HTML <span class="title-font">Services</span> CSS .title-font { font-size: 22px; font-family: url(../font/officina.ttf); } Cufon не предлагать. Нужно подключить шрифт именно так. Еще я думал о google fonts, но используемый шрифт оказался платным, так что этот вариант исключается.

    Asked by Feel,

    0 votes
    1 answer

  7. [jQuery] выпадающее меню ajax

    Здравствуйте. Я не знаю Javascript, поэтому обращаюсь за помощью. На сайте использую выпадающее ajax-меню от Anton Shevchuk (http://anton.shevchuk.name/book/code/menu.ajax.html) Это меню срабатывает при hover. Можно как-то переделать код, чтоб меню срабатывала при клике? $(function(){ //обработчик для события hover для элементов li $('.topmenu ul li').hover( function() { // добавляем проверочку - не загружали ли до этого элементы if ($(this).find('ul').length == 0) { var file = $(this).data('file'); var li = $(this); $.ajax({ url: 'ajax/'+file+'.html', // указываем URL beforeSend: function(){ li.addClass('loading'); }, success: function(da…

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

    0 votes
    1 answer

  8. Google maps не отображаются маркеры

    Пробую создать свою точку на GOOLS MAPS и указать свою собственную иконку для этого места, указываю путь к иконке (пробовал заливать и на свой хостинг и на fastpic) в итоге моя икона не отображается, в чем может быть проблема?

    Asked by Hell&Heaven™,

    0 votes
    1 answer

  9. Косяк в верстке, помогите найти.

    Сказать честно в верстке и веб програмировании я очень слаб, по этому надеюсь на вашу помощь. Проблема из разряда элементарных я так думаю, просто я совсем чайник. Суть проблемы, отпозиционировал дивами спанами текст как надо, везде отображается нормально...но когда открываю в Internet explorer, текст из php улетает в самый низ дива. За кривой код ногами не пинать HTML <div class="name1"> <div class="name2"> <span class="l1"><strong>Текст1</span> <br /> <span class="l2">текст1</strong></div> <div class="name3"><?php echo $heading_title; ?></div> </div> CSS .l1 {font-size: 50px; color: #0000…

    Asked by dram,

    0 votes
    1 answer

  10. Стыки.

    http://codepen.io/nebovluje/full/hekAE Работает в опере и огнелисе. Как в опере убрать белые стыки?

    Asked by nebovluje,

    0 votes
    1 answer

  11. слой поверх флешки убивает swf

    Столкнулась с такой проблеммкой: есть два слоя, в верхнем лежит яваскрипт, в нижнем флешка. Флешка динамическая, при наведении показывает анимацию. у флешки поставила wmode transparent Проблема в том, что, находясь внизу, флешка не работает. Она показывается, но динамики нет. Как сделать так, чтобы, находясь в заднем фоне, флешка работала по-человечески, отображая динамику, чтобы нажатия на кнопки ее срабатывали. поможите

    Asked by Marishkas,

    0 votes
    1 answer

  12. margin неправильно работает

    Есть 3 блока каждый со стилем .socbutton{ padding: 0 0 0 24px; height: 24px; margin: 3px 0; border: 1px solid #DEDFE0; background-color: #DEDFE0; font-size: 13px; cursor: pointer; color: #444; } и по идеи сверху и снизу блока должен быть отступ в 3 пикселя, что и доказывает хром но на самом деле это не так Что делать и как исправить без margin: 6px 0 0 0; и подобного?

    Asked by T@NKIST,

    0 votes
    1 answer

  13. условные комментарии в ie

    помогите пожалуйста разобраться в ситуации с некоторых пор стал замечать, что почти на всех моих сайтах перестали действовать условные комментарии для ie. это проблема. дело скорее всего в моей невнимательности, но сам не могу решить проблему например здесь в .aside_top .cart .body .text {} IE8 должен показывать очень маленький шрифт в соответствии с этим . но мой ie8 показывает это

    Asked by cyklop77,

    0 votes
    1 answer

  14. Лишний отступ у таблицы в Chrome (border-spacing)

    Доброго времени суток! Столкнулся с такой проблемой при верстке таблицы: при указании таблице border-spacing:6px в Хроме(Сафари) между тегами thead и tbody появляется лишний отступ в 6px. В остальных браузерах этого отступа нет, а он очень не уместен в моем случае - из-за этого отступа нарушается вид страницы при работе скрипта(использую кастомизированный скролл) Подскажите как с этим бороться. скриншоты: http://awesomescreenshot.com/0fd12xe693 http://awesomescreenshot.com/0b112xed9e

    Asked by pooshara,

    0 votes
    1 answer

  15. Верстка по макету. Шрифт.

    Есть макет в котором присутствует текст. Есть данные о типе шрифта заголовков, основного текста и.т.д. Вопросы: 1) Должен ли текст после верстки идеально совпадать с шрифтом на макете? 2) В каких единицах лучше задать размер шрифта? 3) Почему работает letter-spacing: 0.8px;, ведь указан размер меньше пиксела! Как правильно задать размер межбуквенного отступа для этого свойства? 4) Как сделать чтобы шрифты не "ездили" при масштабировании браузера, а были статичными - как картинка?

    Asked by Feel,

    0 votes
    1 answer

  16. Изображения в фоне шапки должны плавно двигаться по вертикальной оси и плавно меняться между собой.

    Как это реализовать на CSS?

    Asked by alekba,

    0 votes
    1 answer

  17. Центрирование изобржения

    Приветствую! Подскажите как правильно сделать, чтобы все изображения на странице были ровно по центру. Такого типа код не помогает img{ text-align:center; }

    Asked by drug_tvoi,

    0 votes
    1 answer

  18. растягивание элемента из-за отступов

    На страничке находится несколько input'ов и кнопка отправить. input'ы растягиваются на всю длину блока. Если input'ам установить padding общая длинна input'а увеличится и он вылазит за пределы отведенной области. Код для примера: <div width="500"> <p>Укажите свой e-mail<br><input type="text" name="email" class="mtinput</p> </div> Код стилей: .mtinput { width:100%; padding:5px; } Если я устанавливаю в стилях padding в 5пх размер input"а будет не 500 а 510пх и он вылазит за пределы области. Это как-то можно поправить? Явно указывать размеры не подходит, так как один стиль используется в нескольких местах где размеры блока разные и идеально…

    Asked by alleclf,

    0 votes
    1 answer

  19. Верстка, position: relative, Пустое место, как сделать правильно?

    Всем привет! Извиняюсь что создал новую тему. Но беглый поиск не дал результатов. Собственно проблемма на кринах: http://taraba4.ru/img/_1.png http://taraba4.ru/img/_2.png http://taraba4.ru/img/_3.png И живая верстка: http://taraba4.ru/hammam/ Уже не раз сталкивался с такой проблеммой, решал разными хаками и прочей лабудой... Откуда это береться и как решать, чтобы раз и навсегда... CSS: .top { height: 505px; } .logo { position: relative; z-index: 10; } .logo img { display: block; margin: 0px auto; margin-top: 50px; } .slider { position: relative; z-index: 9; top: -120px; } .bani { margin: 20px auto; height: 150px; } HTML : <div class…

    Asked by taraba4,

    0 votes
    1 answer

  20. тег <h1> без переноса строки

    Как сделать так чтобы после тэга <h1> не было переноса строки?

    Asked by gadjet,

    0 votes
    1 answer

  21. Как называются закладки на границе сайта и браузера?

    Кто знает как правильно называются закладки на границе сайта и браузера? Может есть кого то ссылки на исходник с такой закладкой? Примеры этих штук которые ищу Тут справа «Оставьте отзыв» http://jquerylist.ru/effects Или тут справа 2 штуки http://www.svyaznoy.ru/ Или тут «задать вопрос» http://radomir.ru/

    Asked by Old_miller,

    0 votes
    1 answer

  22. видео ложиться на видео

    <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title> <style> iframe { display: none; } label { cursor: pointer; } input { display: none; } #video-1:checked ~ .ser1 { display: block; } #video-2:checked ~ .ser2 { display: block; } #video-3:checked ~ .ser3 { display: block; } #video-4:checked ~ .ser4 { display: block; } </style> </head> <body> <label for="video-1">1 серия</label> <input name="vidos" type="radio" id="video-1"><br/> <label for="video-2">2 серия</label> <input name="vidos" type="radio" id="video-2"><br/&…

    Asked by AMATOR,

    0 votes
    1 answer

  23. Сложная страница под разные разрешения с передвижением контента

    Здравствуйте Коллеги, прошу о помощи. Заказ исполнить чат, всё сделали, по размеру экрана трансформируется, всё зашибись. Но есть одна проблема, приватная комната должна выежать наверх при нажатии на закрученую лесенку, вот как это должно работать: вот тут шаблон, можно поиграться с размерами. http://prostor.net/pubchat/ Получается что в первом случае двигать вверх вообще не надо, а во втором надо, причём процентов на 40%, что бы вылезла эта комната. При этом всё должно катиться плавно. Второй день сижу, голову сломал, можно ли это реализовать через CSS юзая jQuery для переката? Спасибо!

    Asked by real-dd,

    0 votes
    1 answer

  24. Высота блоков при резиновой вёрстке

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

    Asked by Kotik,

    0 votes
    1 answer

  25. 3 колонки резиновые по высоте

    Привет ребята Подскажите пожалуйста, как сделать 3 колонки, которые одинаково растягиваются по высоте, ширина макета 1000px. Никак не могу найти, на ум приходит только таблицей, а можно ли дивами?

    Asked by SnowWind,

    0 votes
    1 answer

  • Обсуждения

    • 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