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. <!doctype html> и плавающие элементы

    Добрый день,такой вопрос, собственно дизайн сайта представляет собой следующую картину , див main, в нем 2 дива, content и правая колонка.У main'a, соответственно, задан background-color. Ставлю float:left для контента, и float:left для колонки, с шириной все в порядке, 70% и 20% для контента и для колонки. Но возникает проблема, проподает background в мейне, т.е. просто прозрачный фон(виден background body). Если убирать <!DOCTYPE html>, фон возвращается в main... Еще проблема решается заданием высоты или максимальной высоты для main'a. Визуально не видно. Но при просмотре разметки, создается впечатление, как будто блоки content и правая колнка не дети main'а, а со…

    Asked by Briss,

    0 votes
    4 answers

  2. Проблемы с размещением CSS

    У меня две проблемы Первая: как в css указать расположение элементов например в нутри таких рамок Вторая: Как в таком квадрате поднять вверхтекст код php <div class="box"> <a href="http://16mb.com/$myrow[avatar]" ><img alt='$_SESSION[email]' src='$myrow1[avatar]'></a> <name> $myrow1[name]</name> </div> код css .box { position: relative; width: 500px; padding: 15px; margin: 0 auto; background-color: white; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); z-index: -1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), i…

    Asked by shizik,

    0 votes
    0 answers

  3. 150 переключателей

    Я немного упрощу реальную задачу, что бы попроще объяснить, что мне нужно. Нужно на PHP с генерировать страничку, содержащую 150 переключателей. Так же на это страничке должно быть текстовое поле, в 150 символов. Символы могут быть 0 и 1, в зависимости, от того включен ли переключатель, или выключен. При нажатии на переключатель, соответствующий ему символ должен меняться. При отправке формы, нужно отправить только эту строку. При создании формы, часть переключателей уже нажата. Я пока даже не представляю, с чего начинать. Буду рад, как ссылкам на готовые скрипты, так на на страницы реализующие хотя бы похожий функционал. Да и от простого совета не откажусь. Что-то мне ка…

    Asked by MisHel64,

    0 votes
    0 answers

  4. Трабл с выпадающим меню

    Потихоньку учусь верстать - столкнулся с таким траблом: есть горизонтальное меню, понадобилось сделать выпадающие подпункты. Вроде бы все сделал, но выпадает только при наведении на активный пункт меню. Джумла 2.5, модуль меню стандартный. Сайт: http://dvl.su Код: .menu_top { float: right; margin: 45px 300px 0 0; list-style-type: none; font-family: 'archangelskregular'; letter-spacing: 1px; } .menu_top li { display: block; float: left; margin: 0 25px 0 0; padding: 0 0 5px 0; } .menu_top li a { text-decoration: none; display: block; color: #ffffff; font-size: 24px; margin: 0; padding: 0 0 5px 0; float: left; } .menu_top li a:hover{ color: #f5f5dc; border…

    Asked by Morlan,

    0 votes
    0 answers

  5. Вопрос по оформлению выпадающего меню

    Никогда не обращал внимание, подсвечиваются ли родительские пункты в выпадающих менюшках? Стоит ли это делать?

    Asked by Avalon4eg,

    0 votes
    1 answer

  6. Проблемма с рамкой

    Здравствуйте, подскажите пожалуйста как сделать такую рамку. Пока у меня получилось только так Код: <div class="slider_text"> <span>Наличие собственного сервисного центра и квалифицированных специалистов обеспечивает оперативное выполнения наших гарантийных обязательств. Мы предлагаем вам современные компьютеры по цене производителя!</span> </div> CSS: .slider_text span{background:url(images/slider_text.png);padding:0 14px 0 10px;line-height:14px;font-size:16px;}

    Asked by pro100set,

    0 votes
    15 answers

  7. @font-face не работают в ie7,8

    Здравствуйте. Загрузил шрифт на http://www.fontsquirrel.com/fontface/generator/ Ресурс выдал архив, запускаю .html в IE в режиме 7,8 шрифты не работают, в ff,opere,chrome все нормально. Вот пример Моя ссылка

    Asked by sasha-ua,

    0 votes
    2 answers

  8. Запись в папку

    У меня на сайте есть создание папки и добавление в неё файлов)))) С созданием папок всё нормуль, а вот с добавление файлов в неё проблемы ))) Вот ошибка Warning: copy(user/fdfdffd/index.php) [function.copy]: failed to open stream: Permission denied in /home/p/primenetting.hut4.ru/WWW/reg.php on line 40 А вот сама строка и все прелижащие к ней)))) if (!mkdir('user/'.$login, 0, true)) { die('Не удалось создать директории...'); } $file="index.php"; $output_file="user/$login/index.php"; if(!copy($file,$output_file)) die("Не могу скопировать файл!");//вот ошибачная строчка

    Asked by shizik,

    0 votes
    10 answers

  9. Один слой наползает на другой

    Подскажите - не пойму, почему так. Не пойму, почему блок с контейнером наползает на блок со слайдером. Или мне так кажется? Но тем не менее, в Firebug показывается, что один находится под другим. Вот код: http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/EkMPv/

    Asked by aaron,

    0 votes
    5 answers

  10. Можно ли выделить пункт в котором находишся при помощи псевдоклассов

    Здравствуйте! Такая ситуация, есть меню с лева, в нем пункты 1, 2 и 3, можно ли сделать так при помощи псевдоклассов, когда заходишь в пункт два что бы он выделялся другим цветом, то есть что бы пользователь знал в каком пункте он находится. Интересуют примеры тока с псевдоклассами, может кто так делал. Спасибо

    Asked by qtk,

    0 votes
    1 answer

  11. При наведение изменить фон

    В меню есть одно место где дизайнер нарисовал косую линию. Линия разделяет пункты меню. Меню имеет три состояния: холодное, при наведение, активное. У всех трех состояний разные бэкграунды. Все нормально за исключением этой косой линии. Установленная ширина пункта меню не позволяет нормально подставить нужный фон при наведение и когда пункт активен. Вот рисунок Белая линия на проблемном месте это разделитель пунктов, пунктам задана ширина и из-за этого при наведение изображение подставляется только на заданную ширину, остается уголочек без нужного фона. Вроде понятно? Как сделать, чтобы фон подставлялся правильно? Без js, желлательно только css.

    Asked by qazibum,

    0 votes
    13 answers

  12. не работает after

    не работает данный, код не могу понять почему .beforeLoad { position:absolute; top:0; left:0; width: 100%; height: 100%; background-color:#000; opacity:.3; } .beforeLoad::after { content:''; background-image:url(img/287.gif); margin: 25% auto; width: 150px; height:150px; } помогите плизз

    Asked by cyber_ua,

    0 votes
    5 answers

  13. <header>

    Есть сайт, на сайте есть <div id="header"></div>, в котором содержаца элементы списка и другие дивы. Я переделываю код сайта под HTML5 ,правильно ли брать такую большую шапку в новый тэг <header></header> На данный момент она выглядит так.. <div id="header"> <div id="top_wrapper"> <div id="top"></div> </div> <div id="bottom_wrapper"> <div id="bottom"> <div id="right_side"> <ul id="lang"> <li class="uk"></li> <li class="est"></li> <li class="rus"></li> </ul> <p>Активные объявления: 3 99…

    Asked by Simel,

    0 votes
    3 answers

  14. Отображение горизонтального меню в ИЕ

    Код меню - http://jsfiddle.net/fAb3W/1/ Скрин с ИЕ 9 - http://s018.radikal.ru/i501/1208/a7/7235be9ad774.jpg Ссылка на страницу с меню Ни как не могу "помочь" ИЕ нормально видеть меню. P.S. Извиняюсь за вторую тему, но всё таки разные ошибки, мои... В мозиле и опере работает корректно.

    Asked by dtagan,

    0 votes
    7 answers

  15. Передать скрытый параметр формы

    У меня на сайте есть скрипт который открывает определенные страницы по адресу вида: <домен>/index.php?catalog/<пункт меню каталога>/<пункт меню каталога>/<пункт меню каталога>/ На сайте необходимо организовать поиск по этому каталогу. Подскажите как можно генерировать ссылки подобного рода из HTML формы.

    Asked by _TyZ_,

    0 votes
    0 answers

  16. Выравнивание по вертикали li без line-height

    Здравствуйте. С помощью гугла я так и не нашёл ответ на свой, вроде бы, распространённый вопрос. В общем как выровнять по вертикали ссылку<a href=""></a>, которая находится в li? line-height и padding отпадают, т.к. ссылка у меня может состоить из 2 строк. А может и из 1. Подскажите, пожалуйста. .

    Asked by prowoke,

    0 votes
    5 answers

  17. Как правильно сделать

    Задача сделать шапку с растягивающимся изображением на всех экранах. Делаю такую структуру. <div id="header_wrapper"> <div id="header_top"></div> <div id="header_bottom"></div> </div> Допустим в header_top и header_bottom заданы изображения через css, таким образом. background: url(../images/header_top.png) repeat-x; width: 100%; height: 28px; Выходит что у нас изображение растягивается на весь экран,если посмотреть пример сайта http://slando.ru/ , на данном ресурсе шапка растягивается в зависимости от велечены экрана. Однако элементы в шапке расположены по середине и у этого блока задана определенная ширина. От сюда во…

    Asked by Simel,

    0 votes
    2 answers

  18. BODY не растягивается на высоту контента.

    Всем добрый день! Рассказываю: у меня есть body c градиентом и белый div-блок посередине со всем контентом. Мне нужно, чтобы и градиент и блок всегда были растянуты минимум на 100% по вертикали, а дальше - если много контента. У меня они растягиваются только на высоту окна, а дальше получается неприятная картина. Пока не появляется прокрутка, все выглядит хорошо. Прокрутка есть, но все еще хорошо. Прокручиваем вниз - ничего хорошего. Вот настройки для html, body и того самого белого блока: html {height:100%; background-color:#093d5a} body {height:100%;} .content {background:white; min-height:100%; width:840px; margin:0 auto;}

    Asked by Пирожок,

    0 votes
    4 answers

  19. Помогите с таблицей

    Здравствуйте помогите сделать таблицу или что то в этом роде. Должно быть как на картинке. Чтобы я туда мог помешать текст и картинки. Проблема в линиях, не могу сделать так же.

    Asked by Simel,

    0 votes
    4 answers

  20. Вопрос новичка по Photoshop

    Здравствуйте. Имеется небольшая проблема. При работе в макете, когда нужно узнать свойства текста, я перехожу в инструмент "Текст". Но когда необходимо подряд узнать свойства теста разных боксов макета, я не могу это сделать. То есть, мне приходится опять переключаться на инструмент "Перемещение", затем снова активировать "Текст" и уже потом выделять текст в боксе. И так каждый раз, до бесконечности. Уверен, что делаю не правильно. Подскажите, как правильно работать? Кажется, не совсем ясно выразил свою мысль, поэтому сделал маленькое видео, показывающее мои "мучения": http://zalil.ru/33654733

    Asked by aaron,

    0 votes
    2 answers

  21. Форма поиска

    Здравствуйте! Подскажите пожалуйста! Я хочу сделать на сайте форму поиска, чтобы нажав кнопку поиска посетитель мог искать введенную инфу с помощью выбраного поисковика. У меня получилось сделать такое только с Google: <form method="get" action="http://www.google.com/search" target="_blank"> <input name="q" id="form-query" value="" placeholder="поиск по сайту"> <input type=submit value="искать"></form> адресс action="http://www.google.com/search" я взял из кнопки "Поиск в Google" посетитель вводит запрос, нажимает кнопку и Google показывает результаты! Я пробывал сделать также с yandex, но он просто выдает 404, tut.by тоже Подскажите как мне сделат…

    Asked by prdirect,

    0 votes
    3 answers

  22. display и position

    Не совсем понимаю как в css правильно, и зачем использовать display и position. Я знаю что свойство display придает элементам свойство блоков и что то в этом роде. А как этим правильно пользоваться не совсем понимаю. Подскажите неплохой материал на эту теме. Спасибо.

    Asked by Simel,

    0 votes
    4 answers

  23. Закругление углов с помощью картинок в таблице

    Не получается сделать такую картинку Нужно, чтобы текст внутри был и таблица под него растягивалась. Когда меняю doctype на xhtml, то все работает как надо, но хочется сделать на html4.01. В чем может быть проблема подскажите. Использую такой код: <!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>Рисунок</title> <link rel="stylesheet" href="css/style.css" type="text/css"> </head> <body> <table class="pt"> <thead> <tr><td> <table class="pt"> <tr&…

    Asked by Unkrada,

    0 votes
    0 answers

  24. DIV + SPAN + Firefox

    Здравствуйте! Напоролся на удивительное поведение firefox при размещении элемента внутри DIV. Поскольку тема невероятно избитая, хочу сразу заметить, что мне абсолютно без разницы, как будет выровнен текст по вертикали внутри DIV, главное, чтобы эта конструкция выглядела одинаково во всех браузерах. Итак, имеем браузеры ie 8.0 chrome 21.0 firefox 14.0.1 opera 12.01 простейшую конструкцию: <html> <head> <title></title> <style type="text/css"> div { text-align: center; width: 64px; height: 32px; border: 1px solid black; position: absolute;} span { font-weight: bold; font-size: 20pt; font-family: A…

    Asked by oxid,

    0 votes
    4 answers

  25. html5-тэги в xhtml

    не первый месяц верстаю, но до сих пор от стандартов голова кругом. помогите пожалуйста разобраться в таком вопросе как известно в html5 используются новые теги. для того чтобы старые браузеры понимали их применяют яваскрипт. если я объявлю тип документа xhtml, затем яваскриптом научу браузер понимать новые html5-тэги и буду их использовать, то могут ли возникнуть какие-нибудь проблемы? пробовал на готовой вёрстке заменить несколько дивов на новые html5-тэги. кажется ничего не съехало пока. но это ни о чем не говорит...

    Asked by cyklop77,

    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