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. Разные стили переключателей

    Подскажите пожалуйста, как сделать разные стили переключателей. Чего то не получилось с выносом в разные классы, все равно менялось у обоих слайдеров. http://testsiteoleg126.tk/test/

    Asked by oleg126,

    0 votes
    5 answers

  2. Разные таблицы в браузерах

    Вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <title>Структурированные продукты</title> <style> .t-calc1 th, .t-calc2 th {border:1px solid #CCE8F3; padding:1px; vertical-align:middle; text-align:center; color:#fff; font-weight:bold;} .t-calc1 th div {padding:5px 10px 6px; background:#59B6D7} .t-calc1 td {border:1px solid #CCE8F3; vertical-align:middle;} .t-calc1 td span {display:block; margin:0 0 3px;} .t-calc1 input{vertical-align:middle; width:90px; height:19px; padding:…

    Asked by Lincky,

    0 votes
    7 answers

  3. Разные типы ссылок

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

    Asked by evilangel,

    0 votes
    1 answer

  4. Разные цвета на win и mac

    Помогите разобраться пожалуйста. Есть макет psd. Допустим, цвет фона: #FAFAFA; Вырезаю картинку вместе с этим фоном jpg, качество: 80%. У заказчика стоит mac, сафари. Он присылает скриншот, а у картинки уже другой фон, допустим: #FВFВFВ; Таким образом, фон страница и фон страницы у него разный и это видно, те контраст. На win у меня этого не видно. Кто знает причины явления и как бороться? Цвет. модель: sRGB.

    Asked by Vessel,

    0 votes
    7 answers

  5. Разные ширины

    Доброго времени суток. Прошу помощи. Такая задача: шапка и подвал должны иметь ширину 1365px, область контента 940px. Вроде бы ничего сложного. Но когда разрешение экрана например 1280х1024, как понимаете, внизу браузера появляется полоса прокрутки. Вопрос: как сделать, чтобы при меньших разрешениях не появлялась полоса прокрутки внизу, а шапка и подвал адаптировались под разрешение экрана (чтобы слева и справа изображение немного отсекалось, оставалась центральная часть)? Картинки для шапки и подвала целые и шириной 1365px. Спасибо.

    Asked by chapai,

    0 votes
    4 answers

  6. разный a:link, a:visited для разных блоков

    Добрый день! Подскажите пожалуйста с такой небольшой заморочкой: Если задавать стиль a:link, a:visited для всех ссылок одного из блоков в документе (.block1 a:link, a:visited {}) то он(стиль) распространяется на все остальные ссылки и других блоков тоже (причем, что самое главное, не являющихся дочерними этого блока). Как видно из примера(см. ниже) .right a:link, a:visited {color: green;} - перекрывает color: red; для .left (хотя по идеи 2 блока сестринские - не вложены друг в друга) Вопрос: как задать a:link, a:visited для всего конкретного блока? (естественно не шпигуя классы к каждой из ссылок блока (в этом случае конечно работает)) Код<!DOCTYPE html PUBLIC "-//W3C…

    Asked by novicheG,

    0 votes
    4 answers

  7. Разный background.

    Здравствуйте. В style.css прописано: body{ background: url(images/fon1.jpg) #191919; font: 14px arial, sans-serif, tahoma; }, хочу на одной странице сделать другой фон, не нашел как. Подскажите пожалуйста.

    Asked by Kompilator,

    0 votes
    3 answers

  8. Разный html код для разных платформ (ПК / Планшет / Телефон)

    Здравствуйте уважаемые форумчане. Стоит задача сделать два разных HTML кода для разных операционных систем. Например для виндовса я хотел бы показывать код вида: <a href="skype:+71234567890">+7 (123) 456-7-890</a> Данный приём позволяет звонить с компа по средством скайпа. Для телефона / смартфона : <a href="tel:+71234567890">+7 (123) 456-7-890</a> Данный код позволяет звонить прямо с мобильника по клику в в ссылку со смартфона. Есть вариант со стилями и display: none; Но хотелось бы что то более разумное.

    Asked by Nushaba,

    0 votes
    12 answers

  9. Разный padding в Firefox и Chrome

    Может, я сошел с ума, но я не понимаю, откуда это берется. Пример. Проблема: Firefox: Chrome: Как видно, в FF высота ссылки на 1px больше. Этот пиксель добавляется сверху. Почему такая разница, откуда берется, как убрать? Спасибо.

    Asked by Artlive,

    0 votes
    13 answers

  10. разный scc в зависимости от разрешения монитора пользователя

    Друзья, пожалуйста, нужен JS-скрипт определяющий разрешение монитора пользователя и подключающей необходимый css файл. К сожалению поиском не нашел.

    Asked by ryar,

    0 votes
    4 answers

  11. Разный внешний вид шрифта в IE и Mozilla

    Всем привет! Не совсем понял - почему один и тот же шрифт в разных браузерах смотрится по разному...В IE гладкий и приятный, а в Mozilla какой-то взьерошеный... Это как-то лечится? IE = Mozilla =

    Asked by styleroom,

    0 votes
    6 answers

  12. Разный контент для разных разрешений

    Приветствую! Такой вопрос, есть сайт с адаптивный дизайном, нужно встроить туда код виджета от aviasales. Дело в том, что их блоки не адаптивные, и ширина у блоков фиксированная. Я нашел выход, как решить эту проблему. Через css медиа запросы, только не догоняю как это сделать. Я создал несколько блоков разных размеров под каждое разрешение, и нужно показывать именно тот блок, который подходит под разрешение, а остальные скрывать через display: none Подскажите пожалуйста, как это можно сделать?

    Asked by alastor73,

    0 votes
    8 answers

  13. Разный масштаб сайта с компа и с сервера

    Кто-нибуть, подскажите, почему когда я смотрю свой сайт с винчестера он показывается правильно, а когда с сервера, то нужно 2 раза клацать уменьшение масштаба? Спасибо! Сайт: http://www.simmix.in.ua Попутно: что-то с "галереей" не так, и рекламный блок съехал и картинки "упали все" в ряд.

    Asked by Vicoff,

    0 votes
    1 answer

  14. Разный одинаковый цвет фона.

    Делаю страничку с определенным цветом фона, захожу под ИЕ6 и под FF3 цвета совершенно разные. Подумал, может какой-то из браузеров изменяет цвет, делаю скрины рядом поставленных страниц, захожу в фотошоп, колорпикером тыкаю цвета - удивительно, но коды цвета одинаковые! Как может быть такое? Перепроверил, ИЕ6 действительно изменяет цвет фона, если фон - картинка.

    Asked by Kenshi45,

    0 votes
    1 answer

  15. Разный размер пунктов меню

    Всем привет. Ситуация такая, есть меню и в зависимости от текста выбирается ширина пункта меню. Но при этом остальные пункты ровняются на него. Как сделать независимыми их? Чтобы каждый пункт был самостоятельным. http://jsfiddle.net/9sZTa/2/

    Asked by Pato,

    0 votes
    2 answers

  16. разный размер шрифта в разных браузерах

    Привет, указываю конкретный размер шрифта, чтобы в браузерах всех отображался при печати одинаковым размером, ставлю в пикселах, в итоге - в ИЕ одно, в ФФ - другое, в Опере - третье. В чем соль? Каким значением нужно описать шрифт, чтобы он везде одинаковый был? в px, pt, em ??????

    Asked by fireXXX,

    0 votes
    11 answers

  17. Разный стиль border для input в зависимости от type

    Искал по поиску, не нашел подобного вопроса... Допустим имеется готовый сайт. Могу менять CSS как мне хочется, но при этом не могу (не хочу) менять сам html код. Пишу в CSS для input такой код: input { border: 1px solid #999; } Все бы ничего, но в IE показывается рамка также и для чекбоксов, что мне совсем не надо. Классов нет ни у одного тэга input и, как уже было сказано, я не хочу изменять HTML, добавляя эти самые классы. Можно ли как то менять CSS, в зависимости от типа тэга input? Например, для один стиль, для - другой.

    Asked by Romchik?,

    0 votes
    7 answers

  18. Разный стиль текста в текстовом поле

    Есть поисковая форма: <div id="buscar"> <form name="search" method="get" action="/search/"> <input type="text" id="search-text" name="q" value="поиск"/> <button id="button-buscar">Найти</button> </form> </div> Стиль у неё такой: #buscar {height:31px;margin-right:10px;display:inline;} #buscar * {height:25px;float:left;border:0;margin:0;padding:0;background-color:#fff;} #buscar #search-text {width:200px;height:25px;padding-left:3px;font-size:12px;font-weight:bold;font-family:Arial;color:#ccc;background-color:#fff;} #buscar button {padding-bottom:2px;border:0;margin-left:0px;line-height:22px;width:47px;font-weight:bold;font-family:…

    Asked by tematika,

    0 votes
    4 answers

  19. Разный фон для IE и других браузеров

    Здравствуйте. Проблема такая: в CSS у тега html прописаны вот такие св-ва фона html { background-color:#f6f9f2; background-image: url("images/backall.jpg"); background-repeat: no-repeat; background-size: cover; background-origin: border-box; Естественно IE игнорирует св-во "background-size: cover;". Не хочется лишний раз заморачиваться, так что подскажите, можно ли сделать так, что бы во всех браузерах всё осталось как есть, а в IE отображался бы статичный цвет, без всяких картинок?

    Asked by Nilagor,

    0 votes
    3 answers

  20. Разный фон для разных страниц

    Всем джамбо друзья. Хочу сделать определенный фон для определенных страниц (что-то типа этого http://florisspb.ru/), может у кого валяется под рукой какой материальчик? Заранее спасибо)

    Asked by CatInTheBread,

    0 votes
    3 answers

  21. Разный фоновый рисунок в ячейках таблицы...вопрос...

    Стоит задача:есть строка в таблице из 4 ячеек в каждой ячейке свой фоновый рисунок...притом 1,2,3--фиксированные 4--резина на всю оставшуюся ширину...Вопрос: 1. Как корректно прописать фоновые рисунки в ячейках,чтобы мах. кода вынести в стили... 2. Есть ли смысл вписывать в ячейки DIVы и через их классы прописывать ф.картинки... З. В 4-той резиновой ячейке,что выгодно --вписать таблицу с width 100% или DIV с width 100%..(в ней тоже фоновый рисунок..) 4. Если в ячейку вписать DIV с указанием его высоты и ширины в CSS ,нужно ли продублировать эти значения для этой ячейки таблицы в коде HTML...(для упрощения просчета таблицы браузером..) Заранее спасибо...

    Asked by Serjinio,

    0 votes
    5 answers

  22. Разобрать текст по пунктам с помощью регулярного выражения

    Здравствуйте.Столкнулся с таким вопросом.Нужно разобрать текст регуляркой по пунктам.Но не знаю,как задать условие,чтоб вхождения ограничивались началом следющего пункта. https://regex101.com/r/wY4qH3/2

    Asked by user,

    0 votes
    1 answer

  23. Разобраться с %

    Здравствуйте! Накидал рыбу сайта для 3-х колонок использовал width:33.3% Добавил border, padding в них. В итоге последняя колонка не поместилась и встала ниже первых. Скажите, есть такой способ, чтобы указывать ширину в %-ах, прописывать нужные border, padding, margin и в итоге получать все три колонки в одной строке? например, решение, при котором ширина содержимого diva рассчитывалась автоматически после учёта вышеотмеченных параметров.

    Asked by borus,

    0 votes
    3 answers

  24. Разобраться с блоками

    Здравствуйте никак не могу разобраться с блоками при наведении мыши, А точнее указать размеры и поля, у блоков есть тень она считается при указании размеров? Подскажите) У меня на странице блоки при наведении разъезжаются <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="StyleSheet.css" /> <title></title></head><body> <div class="wraper"> <div class="block_news"> <div class="box_music"> <a href="#"> <img src="images\marilyn_manson.png" alt="Mari…

    Asked by wariorswars,

    0 votes
    1 answer

  25. разобраться с доктайп

    Помогите кто-нибудь разобраться почему доктайп отключает работы всех хаков? У меня есть страница с ява скриптом и хтмл-кодом, ЦСС которого содержит хаки для ИЕ (*html) ява-код <script type="text/javascript"> $(document).ready(function( ) { $('.otvet').hide(); $('#block_vopros h2').toggle( function() { $(this).next('.otvet').slideDown(700,'swing'); $(this).addClass('close_otvet'); }, function() { $(this).next('.otvet').slideUp(500,'linear'); $(this).removeClass('close_otvet'); } ); }); $(document).ready(function() {$('#toglink0').click( function() { if ( jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) { if ($('…

    Asked by pbeloysov,

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