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. Что я делаю не так, помогите найти ошибку

    У меня есть 3 изображения, вместе они создают шапку, Вот код <html> <head> <title>test</title> </head> <body> <table width="100%" border="0"> <tr> <td><img src="1.jpg" width="21%"></td> <td><img src="2.jpg" width="38%"></td> <td><img src="3.jpg" width="28%"></td> </tr> </table> </body> </html> У меня не получается шапка, картинки не сливаются и даже разного размера получаются. слитое Изображение это простая большая по высоте синея полоса(я для примера взял ее) с разной шириной но одинаковой высотой

    Asked by light3jibqp@yandex.ru,

    0 votes
    5 answers

  2. Выравнивание слоя по центру без указания точных размеров

    Как выровнять слой по центру без указания точных размеров этого слоя.

    Asked by max2012,

    0 votes
    1 answer

  3. приходят на почту карякули

    на локальном сервере все приходит нормально а на бесплатном хостинке такая белеберда п≤п╪я▐:п▓п╦п╨я┌п╬я─ п╓п╟п╪п╦п╩п╦я▐:п÷я─п╬я┘п╬я─п╬п╡ п÷п╬п╫я─п╟п╡п╦п╩я│я▐ п╩п╦ я│п╟п╧я┌:Yes я│п╬п╬п╠я┬п╣п╫п╦п╣:п╡п╬я┌ я┌я┐я┌ п╫п╟п©п╦я┬п╦ я┤я┌п╬ п╫п╦п╠я┐я┌я▄ п╟п╡я┌п╬я─я┐ на локальном вот так X-Sendmail-Cmdline: sendmail.pl -t -i To: vitia146@mail.ru Subject: Отзыв о смешной странице Имя:Сергей Фамилия:Житлов Понравился ли сайт:Yes сообшение: текстовое сообшение почему так? код php такой <?php $result = mail ( "vitia146@mail.ru", "Отзыв о смешной странице", "\nИмя:". $_POST ['name']. "\nФамилия:". $_POST ['famili'] . "\nПонравился ли сайт:". $_POST ['likecontent']. "\nс…

    Asked by Виктор146,

    0 votes
    7 answers

  4. Эффект постепенного осветления фона меню

    Как сделать, чтобы при наведении курсора на главное меню, более светлый красный цвет появлялся не мгновенно, а постепенно, с не большой задержкой? http://prodpak.ru (Мне кажется нужно использовать: псевдоэлемиенты + z-index + JS )

    Asked by Delat,

    0 votes
    6 answers

  5. Автоматический перенос части текста с одного сайта на другой

    Всем привет.У меня наверное не стандартный вопрос, так как ответа я не нашел. Заключается он в следующем. У меня есть несколько сайтов и на них нужно постоянно редактировать одну и туже информацию. Есть ли такое решение на HTML или JAVA, что бы редактируя на одном сайте информацию, она обновлялась на других? Информация числовая. Сайт на Ucoz. Подскажите кто чем может и возможно ли вообще это.

    Asked by cpstriker,

    0 votes
    4 answers

  6. Помогите с внутренним отступом

    Помогите с padding. мне нужно чтобы межды пунктирной линией был отступ как на картинке но получается так: к отступу еще добавляется какое то расстояние, не могу в коде найти какое. FireBug его не показывает. Вот коды участка: <div id="news"> <div class="new"> <div class="title"> <p>New 1</p> </div> <div class="new_cont"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit, metus et mollis dictum, augue nisl feugiat dui, sed molestie elit nisi nec massa. Nulla ligula elit, porttitor eget commodo vel, bibendum ut ligula. Sed sit amet ultrices sapien. Aenean mattis dictum commodo. Etiam …

    Asked by GeorgGood,

    0 votes
    1 answer

  7. Помощь с версткой

    Доброго времени суток. Сразу разъясню проблему. Скриншот, для наглядности так сказать. Как видите, раздел "Фото" расположен выше, чем раздел "Информация". Мне нужно, чтобы раздел "Информация", шел вровень с "Фото". —-- Часть кода из страницы: echo '<table><tr><td><div class="phdr">Фото</div><a href="../files/users/photo/' . $user['id'] . '.jpg"><img src="../files/users/photo/' . $user['id'] . '_small.jpg" alt="' . $user['name'] . '" border="0" /></a></td> <td><div class="phdr">Информация</div>' . functions::display_user_ank($user) . '</td></tr></table>'; DIV .phdr из style.css: .…

    Asked by MyZik,

    0 votes
    4 answers

  8. Границы не до конца ширины/высоты элемента

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

    Asked by v01d0s,

    0 votes
    6 answers

  9. выделение объекта

    На странице - дивы с контентом (фото + текст). Есть кнопка - при нажатии один из блоков должен каким то образом выделяться. Подсвечиваться например с помощью «тени». Выделение это должно само проходить. Собственно вопрос — как сделать красиво (может быть есть примеры) и желательно просто?

    Asked by deFISH,

    0 votes
    4 answers

  10. Веб-плееры на HTML5

    Учусь верстать под html5/css3+js, недавно увидел на дежурка.ру кучу бусплатных psd-шников с дизайном аудио плееров, решил что будет отличной практикой, пока почти готов один(http://wiic.ru/work_players/), сейчас берусь за вот этот: Если есть желающие попрактиковаться и заодно пополнить своё портфолио - добро пожаловать, пишите, как бы вы реализовали тот или иной psd-плеер из представленных. От себя же могу предоставить возможность выкладывать их все на ту же страничку с вашей подписью и ссылкой на ваши контакты(с вашего позволения, естественно). PS: важна именно вёрстка, а не работоспособность, хотя это тоже является обязаностью front-end разраба, но все же, для новичков…

    Asked by zlodeev,

    0 votes
    1 answer

  11. CSS

    В чем отличие <link rel="stylesheet" type="text/css" href="style.css" /> и <style type="text/css"> @import url("style.css"); </style> ?

    Asked by DivMan,

    0 votes
    3 answers

  12. Ребята помогите, проблемы в IE

    Здравствуйте. Сайт texnotron.com. Помогите разобраться в проблеме: сайт работает нормально и быстро во всех браузерах, крое Internet Explorer 8/9. Причем в IE он просто зависает. Никак не могу найти то, что убивает Эксплорер. Может вы посоветуете где искать?

    Asked by kbaott,

    0 votes
    2 answers

  13. Проблема с размещением картинок в строку

    Здравствуйте! Не получается разместить несколько изображений в строчку. Точнее должно быть 2 строки по 3 изображения в каждой. Расстояние между изображениями - 5 px. Сейчас выглядит вот так: Прошу сильно не пинать, еще только учусь. Вот код файла index.html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title>Главная страница | Мануфактура Италия</title> <meta name="keywords" content="мануфактура италия, дизайн мебель, двери, кухни, столешницы, фасады, шкафы шпон,…

    Asked by Ultran,

    0 votes
    3 answers

  14. иногда пропадает колонка

    помогите пожалуйста решить проблему любым способом или хотя бы понять её причину есть адаптивная страничка с областью контента и сайдбаром. в области контента резиновые текстовые блоки различной высоты расположены в виде двух колонок(при ширине экрана <480px - в виде одной колонки). для плотной укладки резиновых текстовых блоков использовал masonry fluid проблема в том, что при плавном изменении ширины во всех браузерах в некоторый момент вторая колонка смещается под первую и оставляет на своём месте пустое пространство. при дальнейшем изменении ширины в ту же сторону она может вернуться на место(!). хотелось бы избежать такого глюка, тем более что его не наблюдается н…

    Asked by cyklop77,

    0 votes
    3 answers

  15. Как в CSS сделать вот так?

    Здравствуйте, я только начал заниматься версткой, и наткнулся на проблему. Как при помощи CSS сделать шапку сайта вот такого вида? (без голубых полосок)

    Asked by Lomovskiy,

    0 votes
    2 answers

  16. Меню

    Подскажите как сделать меню http://clip2net.com/s/50Q11h

    Asked by Sergey410,

    0 votes
    3 answers

  17. Скачет отцентрированный по центу div блок

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

    Asked by smirn0ff,

    0 votes
    1 answer

  18. Полоса прокрутки в блоке и его высота

    Возникла проблема. Уже несколько дней пытаюсь найти ответ, но без результата. Хоту сделать страницу, в которой футер прикреплен к низу браузера (с этим проблем нет) и контент которой прокручивается полосой прокрутки. Но прокручивая не всю страницу, а только блок с контентом (шапка, футер оставались не подвижными). Как указать высоту блока .content, чтоб он вытягивался до футера? @charset "utf-8"; /* CSS Document */ * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -175px; } .footer, .push { clear: both; height: 175px; } .content{ overflow-y: scroll; hei…

    Asked by NoItemName,

    0 votes
    1 answer

  19. Вертикальное выравнивание

    Помогите <div class="section"> выровнять по центру вертикали на cardterapia.ru. То есть чтобы он всегда был по центру в не зависимости от монитора.

    Asked by smirn0ff,

    0 votes
    3 answers

  20. Как подсвечивать в таблице строку вместе со столбцом при наведении курсора

    Здравствуйте! У меня имеется большая таблица. Реализовать подсветку строки при наведении мышки получилось. Возможно ли реализовать "перекресток", чтобы подсвечивалась не только строка, но и соответствующий столбец? JS не владею, к сожалению. Подскажите решения с помощью css и html, если они имеются. Заранее спасибо!

    Asked by Dreiser,

    0 votes
    4 answers

  21. <body> или отдельный <div>

    Уважаемые профессионалы, прошу вашего разъяснения: Общепринято, для выравнивания содержимого страницы по центру - создавать обертку страницы (<div id="обертка">) и задавать ему автоматическое выравнивание по горизонтали. Я попробовал выровнять содержимое страницы по горизонту, без обертки - не посредственно внутри тега <body>. Задал ему position: relative; margin: 40px auto; padding: 0; width: 970px; и все работает как и с оберткой. Возможно я просто еще не наткнулся на косяки, или это уже просто специфика нового html5, пока не понял. Поясните насколько "кошерно" работать в таком стиле с боди.

    Asked by cmndr_alexgreen,

    0 votes
    13 answers

  22. проблема с отправкой данных с формы на почту!

    проблема в том что вместо введеных данных в форму приходит не данные а вместо них "array" почему что не так? вот код форм <form action="formdata.php" method="post" name="form1"> <fieldset> <legend>ввод личных данных</legend> <p> <label>Ваше Имя:<input type="text" name="name" size="25" maxlength="15"> </label> </p> <p> <label>Ваш пороль:<input type="password" name="password" size="25" maxlength="20"> </label> </p> </fieldset> <fieldset> <legend>Опросы</legend> <p> любите ли вы деньги? <label> Да <input type="radio" name="many" value="yes"> </l…

    Asked by Виктор146,

    0 votes
    3 answers

  23. Формы. Атрибут accesskey

    Почему у меня не работают сочетания клавишь ALT + B и ALT + H??? и какие замечания вы мне сделаете по коду?? <meta charset="utf-8"> <h2>Регистрация пользователя</h2> <p>Пожалуйста заполните все поля, чтобы зарегистрироваться на сайте:</p> <form> <fieldset> <legend accesskey="u">О <u>В</u>ас(ALT + </legend> <table> <tr> <td><label for="Uname">Имя пользователя</label></td> <td><input type="text" id="Uname" name="txtUserName"/></td> </tr> <tr> <td><label for="Pwd">Пароль</label></td> <td><input type="pa…

    Asked by DivMan,

    0 votes
    1 answer

  24. Выподающее верхнее меню отображается криво.

    Помогите допилить выподающее верхнее меню. Вот сайт http://passto8g.bget.ru/ Проблема в том что "Оргтехника и Полиграфия" имеют нормальный вид в выподающем меню, потому что высота пока нормальное. Но вот "Запчасти и принадлежности" и "Электростанции" после рисунка и названии имеется пространство которое надо в белый цвет закрасить background-color: #FFF;. Он не растягивается у меня по высоте. Конечно там проблем много.

    Asked by voldemar86,

    0 votes
    2 answers

  25. Проблема с шрифтом

    http://jsfiddle.net/5HzmC/

    Asked by iKNG,

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