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. 2ух-колоночная страница

    делал по уроку на этом сайте при создании 2ух колонок правая колонки ниже левой article { /* Левая колонка */ margin-right: 240px; /* Отступ слева */ } видимо из-за margin-right правая колонка опускается как исправить? p.s. выравнивание правой колонки идет ниже контента в левой колонке ,т.е если убрать контент в левой колонке ,то колонки будут на одном уровне .content-gradient { background: #fff url(images/content-gradient.png) repeat-x; } .content-bg { width: 960px; /* Ширина макета */ margin: auto; /* Выравнивание по центру */ background: #fff no-repeat; /* Фон с границами */ } .content-white { background: #fff; /* Белый цвет фона */ margin: 0 11px; /…

    Asked by MaSoGg,

    0 votes
    3 answers

  2. Выравнивание DIV'ов

    Здраствуйте. Мне необходимо сделать так, чтобы 2 DIV'а внутри 3его шли в ряд имели вертикальное выравнивание по середине относительно родительского: <div class="class1"> <div class="class2">sdfgsdfg</div> <div class="class3">dhfkajhdfkldhf</div> </div> Пытался назначить float: left; второму классу и vertical-align: middle; второму и третьему, но это не сработало. display: inline тоже. Кто нибудь знает как решить проблему?

    Asked by Dethen,

    0 votes
    2 answers

  3. Равное расстояние между DIV

    Ка сделать также: Не подходит: overflow, display table и просто table.

    Asked by Ritter,

    0 votes
    16 answers

  4. отвязывается css

    делаю сайт вот код html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>бла-бла</title> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div class="vse"></div> </body> </html> вот код css html,body .vse { background-color : ffccff ; } столкнулся с такой проблемой при добавлении абсолютно любого догтайпа при открытии страницы в браузуре не отбражается результат действия css

    Asked by voin545,

    0 votes
    7 answers

  5. Форматирование текста в строке таблицы

    Добрый день, люди добрые! Помогите решить проблему. Нужно в таблице объединить два столбца в один, как здесь "ИМЯ ПОЛЬЗОВАТЕЛЯ" и "ЗВАНИЕ" Нужно объединить эту строку <th nowrap="nowrap" width="25%" align="{S_CONTENT_FLOW_BEGIN}"><a href="{U_SORT_USERNAME}">{L_USERNAME}</a></th> с вот этой <th nowrap="nowrap" width="15%"><a href="{U_SORT_RANK}">{L_RANK}</a></th> и вот эту <td class="genmed row" align="{S_CONTENT_FLOW_BEGIN}">{memberrow.USERNAME_FULL}<!-- IF S_SELECT_SINGLE --> [ <a href="#" onclick="insert_single('{memberrow.A_USERNAME}'); return false;">{L_SELECT}</a> ]<!-- ENDIF --><…

    Asked by okaton,

    0 votes
    17 answers

  6. проблемы в Джумле с модулем..... height

    Добрый день! Скачал сурипт Sliding Tabs и решил вмонтировать в Джумлу. Все прошло успешно, но появился баг с высотой модуля. С под Линукса Мозила и опера - отображают нормально, С под виндовс - слишком большая высота. Но в Хроме из под Виндовс - тоже отображается нормально! Если нужен сайт http://vdsstore.com Привожу пример Оперы 11.52: Привожу пример Хром: Подскажите в чем проблемма?

    Asked by myav4ik,

    0 votes
    2 answers

  7. html5 <video>

    Поставила видео ориентируясь на статью http://htmlbook.ru/html5/video Почему то не работают некоторые встроенные элементы управления. Например в firefox не срабатывает кнопка play/pause. И при нажатии на само видео ...видео не останавливается. В IE9, chrome, opera, safari тоже не срабатывает кнопка play/pause. Что это может быть?

    Asked by nusha,

    0 votes
    1 answer

  8. не отображается css

    код html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>бла-бла</title> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div class="vse"> <div class="shapka"></div> </div> </body> </html> код css html,body .vse { background-color : #cccccc ; } .shapka { background-color : #ccffcc ; float : left ; height : 20% ; width : 20% ; } проблема в том что не робит класс shapka при добавлении абсолютно любого догтайпа (без догтайпа все норм но страдает кросплатформенность)

    Asked by voin545,

    0 votes
    1 answer

  9. как предотвратить разрыв блока

    Привет есть такой код <div class="over_hidden"> <div class="float_left"> <div class="border float_left"> <table> </table> </div> <div class="some_text"> vcvxcvxcvxcvxcvxc sdfsd f sfs fsd fd sfs dfsd f sdf sdf sdf sdf sdf sdfs f dsad ad asdasdsadsadsadsa dasdadasd asdsadasdasd fsfsdfsdf sfsdfsdfsdf fsfdsfsdf sdfsdfsd vxcv </div> </div> </div> у таблицы width: auto если нет блока div.some_text то div.border оборачивает таблицу по содержимому и не растгиваеться на всю ширину если добавить блок с текстом то он растяшиваеться на 100% div…

    Asked by WalkMan,

    0 votes
    13 answers

  10. Как изменить анкор ссылок через CSS ?

    Как изменить анкор ссылок через CSS ? То есть в блоке у меня есть набор ссылок с разными анкорами, как заменить их все на другой ? Ссылки все время меняются, поэтому один раз прописать в коде не пройдет.

    Asked by kpripper,

    0 votes
    3 answers

  11. Глупый вопрос новичка

    Учу потихоньку css, возникла проблема: Как убрать то пространство, что обозначено на скриншоте? .top { background-image: url(img/top_panel.png); background-repeat: repeat-x; padding-top: 46px; background-position: 0% 0%;}

    Asked by Rise,

    0 votes
    3 answers

  12. раскрывающийся список

    пожалуйста помогите сделать раскрывающийся список (он долже размещатся в <div>)

    Asked by voin545,

    0 votes
    1 answer

  13. выравнивание списка по ширине для chrome

    Всем приятного дня. у меня возникла следующая проблема: Есть некий неупорядоченный список и надо выровнять его по центру. Mozilla и IE выравнивают нормально, но вот Crome и Safari символ маркера ставят в начале строки а сам элемент списка уже выравнивают по центру. К примеру <html> <head> <title>example</title> <style type="text/css"> ul {text-align: center;} </style> </head> <body> <ul> <li>first</li> <li>second</li> <li>third</li> </ul> </body> </html> Была идея просто создать картинку для маркера, вставить ее вначале элемента списка, а list-style-type задать зн…

    Asked by peani89,

    0 votes
    3 answers

  14. Растяжка

    Как сделать чтобы при увелечении дива с текстом увеличивался и левый див?

    Asked by sdasddsa,

    0 votes
    3 answers

  15. перенос слов

    Здравствуйте ув. формучане, такой вопрос: есть сайт http://test11.16mb.com/, по бокам блоки со ссылками, меню и т.д... там где ссылка не умещается в блок, она тупо режится... Как сделать что бы если ссылка не влазит в блок, она преносилась на следующюю строку?

    Asked by greeb,

    0 votes
    9 answers

  16. высота

    Как сделать, чтобы блок растягивался на всю высоту обозреваемой области?

    Asked by ctpz,

    0 votes
    4 answers

  17. Как создать эффект плавной градации цвета на CSS

    Подскажите как сделать так чтобы при наведении на изобр оно меняло цвет с ЧБ на цветную картинку с использованием одной картинки?

    Asked by 25karat,

    0 votes
    1 answer

  18. Проблема с валидностью html 4

    Доброго времени суток! Подскажите пожалуста можно ли как нибудь на страницах сайта подключить данную строку <script language="javascript" src="http://r1.wmlink.ru/?id=295119"></script> в отдельном файл? или исправить ошибку валидности она выделена цветом.

    Asked by vadimcucherencko,

    0 votes
    10 answers

  19. изображение на всю ширину макета

    Всем привет! Пробую верстать в нтмл мне более понятен язык разметки чем CSS,можно ли сделать в HTML изображение на всю ширину макета или есть ли возможность совмещение языком разметки??? Если есть возможности пишите пожалуйста подробно и с примерами. Заранее благодарен!!!

    Asked by Гость,

    0 votes
    1 answer

  20. Вертикальное меню

    Есть вертикальное меню.Задана его точная ширина.В этом меню есть 6 пунктов, каждый из которых должен быть одинаковой ширины и чтоб текст был выровнен по центру каждого <li>. Нужно ,чтобы border был не на весь <li> , а только на <a> , но если так в коде указать то уменьшается сам пункт меню. Вот исходный код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Art Печенье</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70p…

    Asked by averin13,

    0 votes
    4 answers

  21. Равная высота блоков div

    Здравствуйте! Необходимо создать равную высоту двух блоков div. Блоки выровнял с помощью: float: left; Оба блока имеют визуальную границу. По идее, левый блок будет всегда иметь больше текста, чем правый. Но получается некрасиво - левый блок значительно ниже уходит границей, а хотелось бы чтобы обе нижние границы блоков были на одном уровне. Просьба сразу не пинать ногами, можно тыкнуть носом в мануал (хотя ничего не смог выудить полезного ) Всё вышесказанное одной картинкой http://s017.radikal.ru/i415/1111/36/0728d5870c67.png

    Asked by SniPPer,

    0 votes
    5 answers

  22. Автоматически не регулируется высота DOM элемента

    Подскажите пожалуйста: <div id="main" style="padding: 3px; border: 1px solid #CFCFCF; background-color: whiteSmoke"> <div id="1" style="float: left">Слева</div> <div id="2" style="float: right">Справа</div> </div> Вопрос: Как отрегулировать высоты DOM элемента #main? (кроме прописывания высоты вручную в стили) Что не так: Два элемента #1 и #2 находятся внутри #main (в котором задан стиль, дизайн), но этот элемент не регулирует высоту, получается в итоге что эти два элемента #1 и #2 лежат вне основного #main, выезжают за границы

    Asked by uExpo,

    0 votes
    2 answers

  23. не получается уровнять по центру

    Здравствуйте, подскажите плз, почему не получается уровнять по центру. <p align="center"><img src="адрес картинки"/></p><p align="center"> Тоже самое и с контентом, ставлю уровнять по центру (или по правому боку) а он все равно слева. Я в это деле совсем новичок, дак что не судите строго, если это просто какая то мелочь) спасибо

    Asked by Tsilya,

    0 votes
    7 answers

  24. Можно ли как нибудь сделать границы (border) полупрозрачными?

    Можно ли как нибудь сделать границы (border) полупрозрачными?

    Asked by skoch244,

    0 votes
    10 answers

  25. Не могу изменить рамзер шрифта в списке

    Шрифт всех ссылок задан в идентификаторе qqq. Хочу сделать подсписок меньшим шрифтом, но не один из трех способов не работает, хотя паддинг работает. <div id="qqq"> <ul> <li><a href="/home" </a>Текст</li> <ul class="inner"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> </ul> <li><a href="/home" </a>Текст</li> </ul> </div> .inner { padding-left:15px; font-size:5px; } .inner ul li a{ font-size:5px; } .inner а{ font-size:5…

    Asked by kpripper,

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