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. Рамки

    У меня проблема. Все вроде отображается. Не могу понять, как избавиться от ошибки, точнее 5. На http://validator.w3.org выдает на этом куске программы <h3> <i> <ul style="border: 3px dotted green; text-decoration: underline;"> <li style="text-align: left">Список предметов и работ</li> <li>математическое моделирование и программирование</li> <ul style="border: 3px dotted green" type="circle"> <li style="color: green;">Лабораторная работа №1</li> <li>Лабораторная работа №2</li> <li>Лабораторная работа №3</li> </ul> <li>Физика</li> <ul style="border: 3px dotted green" typ…

    Asked by Snums,

    0 votes
    2 answers

  2. Рамки

    Вопрос, как организовать такие же рамки?

    Asked by amalia,

    0 votes
    5 answers

  3. рамки "border" - хотелось бы КБ решения с учетом IE6/7, FF, Operы.

    Привет. Собственно сама просьба в теме. Это моя первая попытка html/css верстки. Сразу столкнулся с тем что не могу добиться эдентичного отображения границ таблицы с вложенными кнопками. Опера ФФ и ИЕ доют три разных результата. Мне интересно решение без использования изображений. Извените за css код кинул от всей сраницы - уже мозг "болит думать"). ЗЫ.. вобщем если комуто не лень "помочь нубу" буду весьма счастлив . Тему кинул в html, ибо предполагаю что с IE6 все не решить только с css. хз) принтскрин html <html> <head> <title>page name</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <…

    Asked by sashakiselev,

    0 votes
    16 answers

  4. Рамки div

    http://prodpak.ru - почему в сайдбаре не получается сделать рамку только слева, а там где написано "ССЫЛКИ" сделать рамку только сверху?

    Asked by Delat,

    0 votes
    1 answer

  5. Рамки вокруг изображений?

    У меня проблема связана с рамочками вокруг изображений блока Спец.предложения сайта _baza-rialtor.ru, вот в FireFox, каждое изображение находится в черной рамке, в опере рамки вообще нет, а в IE она синяя. Как сделать так чтобы рамка была везде чёрная как в FireFox ???

    Asked by Creative,

    0 votes
    17 answers

  6. Рамки вокруг рисунков в IE и FF

    На главной странице сайта стоит рисунок - анимированный .gif, рамки вокруг него не было. После того, как рисунок был использован для создания ссылки на другую страницу сайта и поставлен title= , в IE и FF вокруг рисунка появилась жирная рамка (сначала - синяя, потом - фиолетовая), в О вс? осталось нормально - рамки нет. Опция в IE "показывать рамки рисунков" оста?тся отключ?нной, кэш браузеров и движка сайта очищен. Ссылка на .git в шаблоне содержит тэг {THEME}, сам .gif находится в папке шаблона сайта. Как можно избавиться от непрошенной рамки?

    Asked by WalterG,

    0 votes
    4 answers

  7. Рамки для текста

    Проблема кроется здесь http://bartsva.narod.ru/ А хотелось бы чтобы выглядело как здесь http://bartsva.narod.ru/index2.html только с текстом (здесь будет текст) из первого варианта Помогите!?

    Asked by bART,

    0 votes
    3 answers

  8. Рамки с подписями для картинок разного размера

    Здравствуйте! Есть несколько изображений разного размера с подписями. К ним через див добавляется рамка и фон. Подскажите, пожалуйста, как можно эти изображения выровнять по центру? Сложность в том, что для того, чтобы рамка не расползалась на весь экран, а была только вокруг картинок, я использую float, а тогда пропадает выравнивание, которое работает при указании точного размера дива без float. Но указывать точный размер я не могу, так как он все время разный. То есть для меня есть 2 способа решения, которые я никак не могу найти: 1. Либо смогу выровнять по центру блоки c float. 2. Либо смогу заставить рамку без float держаться около картинок, а не расползаться на вес…

    Asked by Megos,

    0 votes
    3 answers

  9. Рамки таблицы в Опере при direction: rtl.

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

    Asked by swetlana,

    0 votes
    6 answers

  10. рамочка не выходит

    Не получается сделать рамку путем задания стиля border для дива в <div class="main1">. Оговорюсь еще что сайт планирует тянуться во вертикале растягиваться будут <div class="box1"> поэтому указать определенную высоту нельзя что делать? Вот пример http://stars124.narod.ru/test1/ синяя полоска с верху это какраз рамочка которая должна идти сверху (... <html> <head> <link href="style.css" rel="stylesheet" type="text/css" > </head> <body> <div class="main1"> <div class="head1"> </div> <div class="box1"> <div class="left1"> <br> <br> <br> </div> <div class="cont1"> &lt…

    Asked by stars,

    0 votes
    3 answers

  11. рандомный фон из предложенных

    Необходимо сделать так, чтобы имг выбирался рандомно из предложенного массива. Сейчас это выглядит совсем криво: <img src="bg/.png" id="main-bg"/> <script> var bg = ['bg/1.png', 'bg/2.png', 'bg/3.png', 'bg/4.png', 'bg/5.png', 'bg/6.png'], n while(n == undefined){ n = Math.round(Math.random()*7) if(n==0||n==7) n = undefined } document.getElementById('main-bg').src = bg[--n] </script> раздражает то, что пока скрипт грузится проходит полсекунды и заметно, как браузер сначала грузит пустую область (bg/.png - специально положил битую ссылку), а потом - нужную картинку на ее место. Это критично, т.к. положение остального содержимого страницы зависит от н…

    Asked by MasterP,

    0 votes
    4 answers

  12. Рандомный цвет в переменной

    Приветствую! Имеется код, в котором переменная "t" содержит случайный цвет. Как сделать, чтобы при нажатии на кнопку, div заливался случайным цветом? <html><head> <meta charset="utf-8"> <style> #box { width: 25px; height: 25px; border: 1px solid black; margin: 20px; } </style></head><body> <input type="button" onclick="randomColor()" value="ЖМИ"> <div id="box"></div> <script> function randomColor() { document.getElementById("box").style.backgroundColor = "red"; var t = '#' + (Math.round(Math.random(99999999, 1) * 99999999)).toString(16).substr(1);}…

    Asked by samec1337,

    0 votes
    9 answers

  13. Раскрасить input c type = ratio

    Нужно чтоб сам кружок был с рамкой зел?ного цвета, а точка которая появляется при клике на объект была синяя, ну и тень надо убрать

    Asked by Lazar,

    0 votes
    3 answers

  14. Раскраска таблицы XML > HTML (XSLT)

    Добрый день! Возможно данная задача (см. рисунок) для некоторых покажется простой, но для меня, как для начинающего в xslt - доставляет трудности. Задача в следующем: необходим раскрасить таблицу с учетом rowspan. Обычно я использовал проверку "position() mod 2 = 0", но тут это не прокатит. Решение вроде бы витает где-то рядом, но все же витает Заранее благодарен. <?xml version="1.0" encoding="UTF-8" ?> <table border="1"> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td> <td>f</td> </tr> <tr> <td>a</td> <td>b</td> <td>…

    Asked by rb88,

    0 votes
    4 answers

  15. Раскритикуйте вёрстку

    Здравствуйте, посмотрите пожалуйста качество вёрстки http://proba-verstki.xyz/ буду очень благодарен за конструктивную критику. Сайт не адаптивный, но я постарался сделать его кроссбраузерным. P.S. Наверно раздел не тот, но в "обсуждении работ" надо 30 сообщений, которых у меня нет, поэтому решил запостить тут.

    Asked by Oleg90s,

    0 votes
    11 answers

  16. Раскройка Бекграунда.

    Привет народ, есть такой вопрос: можно ли задавать ЧАСТИ изображения её положение в Бекгроунде?.. Так косноязычно получилось В общем проиллюстрирую: Есть такая картинка квадрат: Рисунок.1 Это цельная, не резаная картинка. Можно ли её както разделить с помощью CSS, чтобы получился вот такой эфект Бекгроаунд? : Рисунок.2 Хотелось бы такое реализовать, изза желания в разных углах одного блока, использовать разные элементы оформления. Если предварительно нарисовать всё на одном изображении. Поделитесь идеями народ! P.s. не дорисовал до конца repeat-x/y, чтобы было нагляднее.

    Asked by Lacosta,

    0 votes
    13 answers

  17. раскрутка сайта и Refresh

    для раскрутки сайта посоветывали зарегится в поисковых системах с помощью услуги вот этого сайта: http://1ps.ru/ есть советы и мнения по этому поводу знающих людей?? заранее спасибо И ещ? вопрос: подскажите пожалуйста, зачем нужа эта строка: для автоматического обновления что ли??

    Asked by Arkada,

    0 votes
    4 answers

  18. Раскрывающаяся область, как оптимальнее реализовать?

    Уважаемые гуру, прошу не пинать если я банален, но пытаясь делать первые шаги в верстке не сразу адекватно воспринимаешь весь поток информации)). Подскажите как лучше сделать такую штуковину: Есть блок, по аналогии с пунктом меню - при наведении на пункт меню вываливается еще несколько скрытых до этого пунктов подменю. А как можно сделать чтобы при нажатии на какой то квадратик на странице, к примеру 50х50, она разворачивалась в больший квадратик допустим 100х100. И можно ли это сделать простыми методами?

    Asked by master-kyk,

    0 votes
    25 answers

  19. раскрывающаяся форма при клике и сворачивание при нажатии

    Вопрос как сделать такую форму, может есть скрипт? как вообще такое называется. внизу экрана плавает кнопочка - это понятно position:fixed; а то что внутри - display:none; нажимаешь на неё - кнопка display:none; а то что под ней становиться видимым - вся форма с отправкой сообщения. ну и с таким эффектом красивым. потом нажимаешь куда-нить. или на крестик, и форма сворачивается обратно или может плагин под вордпресс такой есть?

    Asked by nikki4,

    0 votes
    3 answers

  20. Раскрывающееся меню

    Здравствуйте. Возникла проблема. Честно говоря, даже не знаю, с какой стороны к ней подойти. Есть вот такое вот меню: http://jsfiddle.net/8AL7A Сейчас оно работает, как на примере сверху. После клика по слову "Меню" все пункты сворачиваются. Нужно, чтобы активный пункт оставался видимым как на примере снизу. Количество пунктов произвольное. Меню генерируется автоматически. Единственное до чего я додумался, это выносить выделенный пункт за пределы родительского блока при генерации и скриптом располагать его в нужной позиции. Тогда при сворачивании нужно будет просто обнулят позицию. Но это, по-моему, слишком сложное решение для такого случая. Я не жду готовых решения. Но …

    Asked by Quickerz,

    0 votes
    4 answers

  21. Раскрывающееся меню

    Добрый день. Обращаюсь еще раз. Первый раз мне очень помогли, может помогут и еще. Суть обращения, хочу сделать горизонтальный раскрывающийся список с контентом. Прикрепляю скрин моей наработки. Хочу чтобы "Фильмы" "Музыка" "Книги" были под шапкой. При нажатии бы они открывались в этом же окне на весь синий фон и там бы уже был контент. Например при нажатии на "Фильмы" раскроется проигрыватель, при нажатии на "Музыка" откроется муз. проигрыватель и т.п. Можно ли как нибудь это реализовать?

    Asked by forme,

    0 votes
    1 answer

  22. Раскрывающееся меню в две строки CSS

    Имеется меню, тут - http://www.shark.ru/sharknew/ Не могу понять, как сделать так, чтобы выползающие при наведении мыши на основной пункт верхнего списка ul'ы не перекрывали li первого уровня во втором списке. (Пощёлкайте/понаводите мышью, пожалуйста, чтобы понять, что я имею ввиду. Я не уверена, что нормально описала проблему словами).

    Asked by maritca,

    0 votes
    5 answers

  23. Раскрывающееся меню в джумла

    Почитал инет, вроде из за свойства hover и типо это решается тут http://www.xs4all.nl/~peterned/csshover.html вот так вот body { behavior:url("csshover3.htc"); }, я сделал так и нифига, меню в IE6 сделанное на списках, не раскрывается, везде в других браузерах нормально работает. Как решить?

    Asked by SoFuWa,

    0 votes
    6 answers

  24. Раскрывающееся меню на странице

    В связи со сбоем в коде на главной странице сайта (http://bloky.ru/catalog/290), сбилось раскрывающее меню. На партнерском сайте есть аналогичное меню : http://pegasdom.ru/catalog/289 PHP-код самого раскрывающегося меню, если я не ошиблась, приведен ниже: <?php if(!(defined('_ENGINERUN') && isset($_GET['mod']))) { die("Hacking attempt!"); //echo header("location: ../index.php"); exit; } if(!function_exists('get_category_tree')) { function get_category_tree($parent_id=0, $level=1, $arr = array()) { $sql ="SELECT * FROM "._TABLE_PREFIX_."categories WHERE is_show=1 AND parent_id='".$parent_id."' ORDER BY sort"; //echo $sql; $res = mysql_query($sql);…

    Asked by marianna9201,

    0 votes
    3 answers

  25. Раскрывающееся окно при наведении мышкой

    Добрый день! Очень хочется узнать, как реализованы всплывающие окна при наведении мышкой, как на сайте http://deti.mail.ru В самом начале есть блок новостей, при наведении на одно из которых появляется описание новости. Очень хочется узнать, как реализована данная идея!

    Asked by marianna9201,

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