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. Помогите разобраться, свойства картинок-ссылок

    Привет. На странице несколько картинок являющихся ссылками. 1 Картинки ссылки - имеют border и при наведении курсора border меняет цвет. 2 картинки ссылки - без border и при наведении курсора border нет. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>INDEX</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> img { margin: 0px; border: 1px solid #999999; } a:hover img { margin: 0px; border: 1px solid #ffffff; } .logo { margin: 0px; border: 0px; } a:hover.logo img { margin: 0px; border: 0px; } </style> </head> <body> <a href="#"><…

    Asked by Ilya,

    0 votes
    2 answers

  2. Помогите разобраться!

    Не могу ни как понять! Моя ссылка HTML,Body 100% все хорошо; Только в CSS заношу #conteiner внизу появляется отступ и прокрутка! HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Block</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> function fontSize() { var width = 1500; // ширина, от которой идет отсчет var fontSize = 16; // минимальный размер шрифт…

    Asked by hrupin,

    0 votes
    10 answers

  3. Помогите разобраться! 4 блока, 3 из них фиксированы по высоте, 1 резиновый, не правильно отображается.

    Помогите разобраться! Есть 4 блока. Первый, второй и четвертый фиксирован по высоте (height задан в px), а третий блок должен быть резиновым, но при минимальном количестве информации он должен растягиваться так, чтобы футер был самой крайней точкой, как на скриншоте, только без полосы прокрутки. Что не пробовал, никак не могу реализовать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta name="robots" content="index, follow"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link href="style.css" rel="styleshe…

    Asked by mogdalov,

    0 votes
    4 answers

  4. Помогите разобраться.

    Всем доброго времени суток! Пожалуйста помогите разобраться, ато немного запутался. Дело в том что я хотел написать небольшой сайтик. Думаю для его написания будет достаточно моих знаний HTML CSS и Java-script, но все же хотел еще что нить добавить с использованием php. Поэтому щас изучаю php. Вопрос вот в чем. После написания сайта естественно собираюсь выложить его в инет и администрировать его. И я немного запутался. Вот у меня будет готовый сайт, написанный в блокноте) вот я выбрал хостинг, а дальше что? я просто передаю сайт где все файлы лежат в одной папке? надо ли как то по особому указывать другие html страницы кроме главной? главная страница я так понял должна н…

    Asked by Kurt22,

    0 votes
    13 answers

  5. Помогите разобраться. (разрешение экрана)

    Всем привет. У меня при верстке сайта по уроку возникла проблема. Сверстал все один в один (перепроверил несколько раз), но по итогу получается смещение элементов. Из за чего такое может произойти? Ссылку на скрин оставлю ниже (1левый экран то как у него, а (2)правый то как у меня) Скрин для наглядности, чтобы понять о чем я. Spoiler https://ibb.co/88wDBzq

    Asked by Flex12,

    0 votes
    5 answers

  6. помогите разобраться..

    Создать интерактивно пополняемый текст в документе (например, отзыв о сайте) посредством CGI-приложения. Отправляемые на сервер сообщения пользователя с информацией «имя пользователя» и «текст сообщения» должны проверяться на заполненность на стороне пользователя посредством Java-скриптов. Возможный способ решения - в текстовый файл, находящийся на сервере, дописывать текстовую информацию из формы документа и помещать этот файл в контейнер IFRAME документа. Можно где-нибудь посмотреть примеры? не могу в интернете найти информацию..даже не знаю как правильно запрос написать.

    Asked by StydenTo4ka,

    0 votes
    0 answers

  7. Помогите разобраться(Window окно на css)

    Народ помогите мне нужно сделать классическое Windows окно на css(не знаю как правильней обозвать). Проблема у меня с позиционированием элементов в заголовке окна(логотип приложения должен быть слева,название по центру,кнопка закрыть справа). Вот код: <div style='width:1000px;height:500px;background-color:white;border:1px solid #696969;text-align:center;margin-left:25%; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0…

    Asked by CrazyBird,

    0 votes
    1 answer

  8. Помогите разобраься с тегом!

    Здравствуйте! Помогите пожалуйста разобраться тегом. Ввожу такой тэг (чтоб при наведении курсора на картинку она менялась на другую): onmouseout="document.link1.src='image/logo.png'"> Когда вставляешь одну картинку, все нормально. Но когда добавляешь еще картинку, работать перестает. В чем дело? Может его надо как-то закрыть???? :| ЗАРАНЕЕ БОЛЬШОЕ СПАСИБО!!!!!

    Asked by Nicole,

    0 votes
    6 answers

  9. Помогите разрешить проблему с SSI

    Вникаю в SSI - очень нравится мне эта технология! Из тюка страниц можно вынести наружу меню, шапку, подвал и т.д. С меню в SSI очень удобно: меняю в menu.shtml сколько угодно ссылок и всё в момент отображается в страницах. Иначе - в каждой странице нужно менять, а если их много, то... Но вот с какой неожиданностью столкнулся. Вот есть сайт и его началу (корню), как полагается, соответствует index.html - юзер вводит домен.ру - попадает на index.html. И вот сделал я index.shtml, в котором вынес наружу меню: <!--#include file="mainmenu.html"--> Но теперь при клике на Главную выводится... файловое дерево сайта... Если же я просто переименовываю i…

    Asked by Ksanytch,

    0 votes
    4 answers

  10. Помогите разъезжается шаблон!

    body { background-color:#000000; } #blok { width: 717px; } #b1 { width: 717px; height: 124px; } #b2 { position: relative; width:688px; margin-left: 1px; background-image: url(fon.png); } #b3 { padding: 0 12px; margin: 0px; text-align:justify; color:#FFFFFF; } p { padding:0px; margin: 0px; font-family: Arial; } #p1 { font: bold 8pt; color: #848484; text-align:center; } a:link { color: #848484; text-decoration: none; } a:visited{ color: #000000; text-decoration: none; } a:hover { color: #CCCCCC; text-decoration: none; } Это был CSSник <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>LegGno…

    Asked by LegGnom,

    0 votes
    0 answers

  11. Помогите раскрутить

    Помогите и посоветуйте как привлечь больше посетителей на сайт http://for-droid.ru/ Заранее спасибо !

    Asked by frolmd,

    0 votes
    6 answers

  12. Помогите расположить img в div корректно

    Помогите пожалуйста расположить картинки таким образом как на фото - или хоть укажите в какую сторону двигаться. Я уже намучалась Только чтобы они были именно в одном div. Div width=100%. очень срочно нужно - уже кучу времени потеряла

    Asked by Алёна Гринч,

    0 votes
    4 answers

  13. Помогите расположить скрипты в горизонтальном положении на странице

    Доброго времени суток. Такая проблема, нужно расположить этот код(эта кликабельная картинка с кликабельной подписью под ней) в горизонтальный ряд. Таких контейнеров у меня 5, но на странице они идут только сверху в низ, а нужно чтобы шли горизонтально. Пробовал этот вариант - http://htmlbook.ru/faq/kak-razmestit-elementy-spiska-gorizontalno , не помогло. Вот код. Заранее благодарен. <style style="font-size: 12">figure.img { margin: 0; text-align: center;} figure.img img { max-width: 100%; height: auto;}figure.img figcaption { padding: 0 1%; font: italic 90% Georgia,serif;}</style><figure class="img"> <a href="...."><img alt="...." src…

    Asked by Pavel_Monet,

    0 votes
    5 answers

  14. Помогите расположить текст вертикально

    Помогите пожалуйста! Нужно развернуть текст на 90 градусов против часовой стрелки, когда-то давно я это находила, но теперь не помню где и как... Может кто знает?

    Asked by Nomo,

    0 votes
    13 answers

  15. Помогите расставить дивы

    Уважаемые мастера, прошу ваших наставлений по размещению блоков: имеем Моя ссылка а необходимо следующее: Моя ссылка подскажите как правильно это организовать.

    Asked by cmndr_alexgreen,

    0 votes
    5 answers

  16. Помогите раставить позиции div'ов

    Господа, помогите разобраться. На сайте есть div (div id="1") располагающийся с верху-в низ, по правому краю. Мне нужно чтобы он находился там всегда и был подложкой для всего остального наполнения (но не fixed). А по верх него уже шли все остальные блоки и элементы страницы. Помогите расставить блокам "position" чтоб отображалось все корректно. То есть я хочу попробовать сверстать страницу в которой начина блока "box"(меню, заголовки, форма поиска, просто блоки с основным контентом), будут идти не просто друг за другом с флоатом, а размещаться с персональными параметрами (отступы, высота и тд) и в том числе перекрывать местами другие блоки. К примеру: <div id="box"&…

    Asked by cmndr_alexgreen,

    0 votes
    4 answers

  17. Помогите растянуть div на 100% по высоте другого div`а, который растянут 100% по высоте html!

    Добрый день! Проблема следующего плана. Есть макет вида <!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><html> <body> <div id="container"> <div id="#right-background"> - блок нужен только для того, чтобы пустить заливку по правой стороне! </div> </div> ... </body> </html><!--c2--></div><!--ec2-->, в котором футер прижат к низу. css имеет такой вид: <!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->html { height: 100%; } body { height: 100%; width: 100%; } #container { margin: 0 auto; wi…

    Asked by aiven,

    0 votes
    6 answers

  18. Помогите растянуть див

    Здравствуйте. Мне нужно растянуть блок с контентом на сто процентов, на примере видно для чего это мне нужно _bio-logiya.ru Пробовал методом padding-bottom: 20000px; margin-bottom: -20000px; и для container'a overflow: hidden; но тогда то что за контейнером всё обрезалось и кусок коровки и бабочки. Какие ещё есть варианты?

    Asked by bayanruby2,

    0 votes
    5 answers

  19. помогите растянуть меню

    /* MENU */ #nav { width: 100%; background: #000000; float: left; margin: 0; padding: 0; border: 0px solid white; border-bottom: none; z-index: 999; } #nav li a, #nav li { float: left; z-index: 999; } #nav li { list-style: none; position: relative; width: 20%; z-index: 999; } #nav li a { padding: 1em 2em; text-decoration: none; color: white; background: #292929; background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929)); border-right: 1px solid #3c3c3c; border-left: 1px solid #292929; border-bottom: 1px solid #232323; …

    Asked by bu3i28,

    0 votes
    5 answers

  20. помогите растянуть полосу на всю ширину блока

    Здравствуйте. Есть блок у которого задана фиксированная высота , и ширина задана width:auto. в этом блоке есть полоска с текстом ,тег h2. эту полоску необходимо растянуть на всю ширину блока. Таких блоков много и они расположены в линию , фото разных размеров поэтому высоту фото фиксируем ,а ширина получается у всех разная. Пример блока здесь: https://jsfiddle.net/ishurgaya/e52yj6ne/ Как сделать ,чтобы ширина синей полоски с текстом была во всю ширину блока ? Спасибо

    Asked by ishurgaya,

    0 votes
    3 answers

  21. Помогите растянуть сайдбар на 100% по высоте

    Уважаемые верстальщики, помогите пожалуйста. Есть сайт apex-textile.ru При малых разрешениях, когда прокрутить полосу прокрутки, высота правого блока остается неизменной и появляется такой глюк. код сайдбара .side_right { width: 37%; height: auto !important; min-height:100%; float: right; background: url(../image/layout/bg_hard_rose.jpg) repeat left top; }

    Asked by pasha_st,

    0 votes
    3 answers

  22. Помогите растянуть слой ))

    Вобщем суть проблемы тут: 111111111111 222222222ggggggggggggggggggggggggggggggggggggggggggggggggg Эта штука какбы часть дроп-доун меню, есть сайт http://international.org.ua/j&l/ -меню на нем, второй пункт это то что нужно, если мотреть сайт в файере и опере,то все нормально, ИЕ как всегда выпендриваеться. Тоесть мне нужно чтобы верстка была эластичная,тоесть если попадается длинное слово то чтобы строка растягивалась и вмести из ней тянулись и другие строки ,все эти эффекты можно понаблюдать на этом сайте(моем) .Все бы было хорошо но у тега абсолютное позиционирование!!!Я много времени провел,чтобы сделать меню эластичней,но тут мозгов не хватает чтоб довести до…

    Asked by romix,

    0 votes
    1 answer

  23. Помогите растянуть таблицу

    Здравствуйте. Структура моего сайта: Блоки слева, контент в центре, блоки справа. Возникла такая проблема: У людей, у которых разрашение монитора больше, чем 1024*768, происходит смещение центральной части влево (скрин для наглядности: http://s43.radikal.ru/i100/1002/52/2b27f30d9866.png). Привожу код: <body style="background-color:#f6f6f6; margin:0;padding:0;"> <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding:3px"> <!-- Левая часть --> <!-- Gadget Describe --> <div class="Gadget"> <div class="GadgetSmoothTop"> </div> <div class="Gad…

    Asked by antisept,

    0 votes
    4 answers

  24. Помогите реализовать

    Вобщем вот что должно получиться: как это должно работать: это полоса так называемый информер, должна показывать 4 последних добавленных видео. внешность и кнопки - это фигня я сделал. проблема в: как привести это в действие? сделать это на ucoz? где лучше добавлять эти видео? как сделать чтобы показывалось мини изображение этого видео?

    Asked by gimpy,

    0 votes
    2 answers

  25. Помогите реализовать

    Вот появилась такая задумка но не знаю как её осушествить, нужно чтобы при наведении на картинку(опубликованную в посте допустим на форуме пример тут ) вылазило окошечко и там была доп. информация Как это можно сделать?

    Asked by misnik92,

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