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. "от кого" в приходящих сообщениях с сайта

    Здравствуйте. Есть простая контактная форма на php: <?php /* Задаем переменные */ $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $phone = htmlspecialchars($_POST["phone"]); $message = htmlspecialchars($_POST["message"]); $bezspama = htmlspecialchars($_POST["bezspama"]); /* Ваш адрес и тема сообщения */ $address = "Почта"; $sub = "Тема"; /* Формат письма */ $mes = "Заголовок\n Имя отправителя: $name Email отправителя: $email Телефон отправителя: $phone Комментарий: $message"; if (empty($bezspama)) { /* Отправляем сообщение, используя mail() функцию */ $from = "Reply-To: $email \r\n"; if (mail($address, $sub, $mes, $f…

    Asked by artem99357,

    0 votes
    3 answers

  2. "Отцы" HTML, помогите!

    Добрый день! Недавно начал изучать HTML и решил сам поэкспериментировать с таблицами. И конечно же у меня сразу возник вопрос, на который я сломав всю голову так и не смог найти ответ. Таблица "обтекает" картинку справа, а хотелось бы чтобы таблица находилась под картинкой. Есть мысль выйти из положения поставив кучу <br>, но это конечно же не выход. Имеется код <html> <head> <title>Моя первая тестовая страница</title> <meta http-equiv="Content-type" content="text/html" charset="windows-1251" </head> <body> <h2 align="center">Англоязычные сайты с пользой</h2> <img src="http://i057.radikal.ru/1210/fa/c9…

    Asked by Nikolaus62,

    0 votes
    9 answers

  3. "Падает" контент под меню на float

    Помогите пожалуйста разобраться, делаю сайт и при уменьшении окна браузера контент съезжает под меню. Меню идет статическое 250px, а контент надо что бы тянулся в ширину. #menu { width: 250px; float: left; padding: 0; margin: 0; height:100%; background-color:#C3E0C6; } .button{ float:left; margin-top:80px; margin-left:12px; padding:1px; } #kontakty{ float:left; margin-left:20px; margin-top:10px; padding: 2px; color:#04605B; font-family:Arial, Helvetica, sans-serif; font-size:10pt; } #kontakty ul li p{ font-weight:bold;} #kontakty ul li{ list-style-type:none; line-height:1.5em; z-index:6; } #content { background: #F5FAF5; width: 80%; margin-left:250px; f…

    Asked by katrinok_k,

    0 votes
    8 answers

  4. "Падают" некоторые блоки в IE

    Здравствуйте. Сразу суть проблемы: - IE не корректно отображает мою верстку. Если быть точнее то некоторые блоки падают в низ по непонятным причинам (см.ссылку). Адрес проблемного сайта: www.simplyfitcanada.com/test Если вы откроете эту ссылку в IE и сравните с такой же картиной в любом другом браузере то увидите суть проблемы. Я использую отрицательные значения в КСС. Мне сказали, что IE не поддерживает отрицательные значения. Возможно это так, но тогда возникает один нюанс. Я достаточно часто использовал в верстке отриц.значения в КСС и они отлично отображаются, не считая "упавших" блоков. Этого я тоже не могу понять. У меня некоторые графические элементы на странице и…

    Asked by nazarlee,

    0 votes
    6 answers

  5. "Перелинковка" картинки на видео

    Добрый день, при просмотре новостей на facebook я заметил что там на первом месте стоит картинка http://albums.foto.tut.by/userpics/t...2/11116148.jpg Далее после нажатия идет "перелинковка" на аудио или видео http://albums.foto.tut.by/userpics/t.../111380365.jpg Как это можно реализовать на wordpress? Возможно есть какой либо плагин?? Т.е сперва появляется на странице новостей в facebook миниатюра в виде картинки, наверное специально что бы грузилась побыстрее страница. А при нажатии появляется код, ролик с youtube

    Asked by quaker2010,

    0 votes
    2 answers

  6. "плавают" ячейки таблицы, если она внутри fieldset

    Помещаю в fieldset таблицу. Для fieldset задано "float:left" В Firefox 2 все ячейки таблицы при этом начинают "плавать" независимо друг от друга. Как избавиться от этого глюка? Если вместо fieldset ставлю div или span, то все ок. Но в нашем портале я уже не могу заменять везде fieldset на другие теги. Вот упрощенный пример кода: <fieldset style="float:left;"> <table border="1"> <tr> <td>jgff</td> <td class="number"> 543 </td> </tr> <tr> <td>drgfddf</td> <td class="number"> 543 </td> </tr> </table> </fieldset> Вот как это выглядит в и…

    Asked by barbiturat,

    0 votes
    2 answers

  7. "Плавающие" Баннеры

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

    Asked by Sajel,

    0 votes
    3 answers

  8. "Плывет" сайт после доработки css

    Привет, всем жителям форума! Возникла проблема, не знаю в чем причина и куда копать. Лежал у меня сайт в сети интернет некоторое время пока не пришла мне в голову мысль немного его перелопатить (поменять немного теги и стили к ним). Поменял и все поползло. Т.е. открываешь сайт не зависимо из адресной строки или через поиск, все отображается криво. Нажимаешь F5 все встает на свои места. И так с любого компьютера. В чем причина подскажите, как это убрать? Вот сайт www.srub-profi.ru

    Asked by KoDA86,

    0 votes
    5 answers

  9. "Погоня" за пикселями

    Здавствуйте. Я только учусь, и у меня возник вопрос - насколько нужно гнатся за пикселями при верстке? На картинке http://savepic.ru/3947297.jpg макет который я пробую верстать с наложеный Perfect Pixel я понимаю что можно подогнать получше если присваивать отдельно классы или идентифокаторы (чего я желаю по-максимуму избежать), но нужно ли на практике это делать в ущерб коду? Поделитесь пожалуйста опытом.

    Asked by Kuzyo,

    0 votes
    5 answers

  10. "Подсветка" заголовка активного раздела... как?

    Имеется страница с таблицей. В ячейках таблицы - ссылки... Ссылки - передают ID раздела и ID элемента в ПХП модуль фотогалереи... пример: Все процедуры производятся только в пределах этой страницы - переходов никаких нет... Просто показываем разный набор картинок для разных ссылок... И вот вопрос!!! Очень нужно, что бы выбранная ссылка (раздел) меняла цвет после выбора и так и оставалась до следующего выбора... Как бы подсветка заголовка... Посмотреть можно по ссылке выше... Очень надеюсь на помощь так как сам не программист и сам не могу додуматься как это реализовать ((( Для справки - сайт крутится на БИТРИКСЕ... Но я не думаю что это важно...

    Asked by alred,

    0 votes
    7 answers

  11. "Ползунок справа"

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

    Asked by Twilight_Sparkle,

    0 votes
    5 answers

  12. "полный" блок, как на розетке

    Подскажите, пожалуйста, есть ли плагин готовый на jquery, чтобы сделать показ полного содержимого блока при наведении как на розетке ( http://hard.rozetka.com.ua/monitors/c80089/ вот так). К сожалению нормально сформулировать запрос в гугле не получается под эту проблему. А может есть вариант и без скриптов? Просто у меня возникли проблемы, так как без absolute при раскрытии блок будет нижние опускать.

    Asked by USF,

    0 votes
    2 answers

  13. "Помехи" на бегущей строке-картинке

    Здравствуйте, ребята. Подскажите, почему выходят помехи на бегущей строке. Проблема именно в Интернет Эксплорер, в других браузерах все нормально. Скрин прилагаю. Буду рад любой подсказке. Спасибо.

    Asked by surlan,

    0 votes
    0 answers

  14. "правильный" перенос строки в вертикальном меню

    Всем привет! Сайт http://www.mobilebattery.ru, при горизонтальном разрешении окна в 1024 px в боксе каталога товаров длинные названия переносятся на следующую строку. Как сделать, чтобы перенесенная строка начиналась в том же месте, где заглавная буква этой же строки? Чтобы текст не пересекал красную линию. Пробовал поместить стрелку и текст в отдельные <td>, но тогда при открытии следующего уровня каталога все выглядит некрасиво (нужно чтобы сохранялось смещение вправо, которое есть сейчас). Пробовал вместо <td> в <div> запихнуть, в итоге либо то же самое получается, либо вообще ужас.

    Asked by rdva,

    0 votes
    2 answers

  15. "Прикрепить файл" в форме связи

    На сайте есть форма обратной связи. Необходимо добавить в нее работающее поле "прикрепить файл". В код самой формы я его добавил, помогите, плиз добавить в "обработчик". Код обработчика (mail.php) без "прикрепить файл": <?php if(empty($_POST['name']) or empty($_POST['city']) or empty($_POST['interes']) or empty($_POST['email']) or empty($_POST['mess'])) { header('Location: http://www.kentaurus.ru/contacts_faul.html'); exit; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="t…

    Asked by Semen_13,

    0 votes
    3 answers

  16. "прилипить" div к низу родительского дива?

    Здрвствуйте! Скажите пожалуйста - как "прилипить" div к низу родительского дива?

    Asked by igor3310,

    0 votes
    1 answer

  17. "Проваливается" блок

    Привет! Сразу к делу Страница (пример) http://rubasket.com/novosti/nba/94--mario-...om-sostave.html . На сайте пытаюсь реализовать скругление углов(путём наращивания блока ещё одним блоком с уголками по бокам.. Снизу под див блоком right есть блок bloko2d ,в нём- фишка скругления -блоки lb_cor2 (слева) ,c_bar2 (по центру) ,rb_cor2 (справа). так вот,весь блок bloko2d (который ниже right и содержит 3 подблока) почему-то проваливается вниз. Можете поcмотреть,почему(это в правой нижней части сайта)?

    Asked by FASTDEATH,

    0 votes
    3 answers

  18. "Промельк" при hover

    Есть вот такой макет на начальной стадии (тестовый, будет резиновый) - http://www.freeway-design.ru/test/ При раскрытии блока картинка мелькает на долю секунды. Вроде не критично, но очень раздражает. Каким образом можно средствами css это убрать и можно ли вообще?

    Asked by Verder,

    0 votes
    21 answers

  19. "Пропажа" слоя в 6 эксплорере.

    Господа, столкунулся с проблемой, которая меня совершенно в тупик поставила. Суть ее в том, что абсолютно спозиционированная форма прекрасно (и в нужном месте) отображается во всех браузерах кроме 6 Эксплорера. В нем ее просто как будто нет. На самом деле она, конечно есть и ее видно в коде, но она совершенно не взаимодействует со страницей. Т.Е. можно сделать высоту 20 000 px, ширину похожую, бэкграунд выкрасить в любой цвет,отступы любые сделать - это никак на страницу не повлияет. Стоит только сделать position: static как форма проявляется на своем месте и прекрасно отображается. Кроме того, такая же картина наблюдается если указать форме position: relative. Напомню,…

    Asked by N-Mak,

    0 votes
    12 answers

  20. "Прыгает экран", пустота над заголоком скачет

    Даже не понял как правильно описать проблему)). Все страницы одинаковые: <body><div class="block-desk"> <div class="block1x1 orangeblock"></div> <div class="clearblock"></div> </div> <div class="content-desk"> <div class="clearblock"></div> </div> <footer>footer</footer> </body>Основные стили: html, body {height: 100%;font-family: 'Monospace';font-size:14px;text-indent:0;}body {width: 960px;max-width: 960px;background:rgb(65, 64, 66);margin: 0 auto;background: url(../img/greybg.png);}.block-desk {width: 960px;margin: 0;margin-top: 30px;position: relative;background: ur…

    Asked by master-kyk,

    0 votes
    4 answers

  21. "регулятор громкости"

    Собственно началось все отсюда http://forum.htmlbook.ru/index.php?showtopic=4887 Создал препреальфу подобного на одном CSS, просто чтобы показать такую возможность <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } a { display: block; left: 0; top: 0; position: absolute; text-decoration: none; border: 1px solid #000; height: 25px; font-size: 1px; line-height: 0; } #a1 { z-index: 4; width: 25px; } #a2 { z-index: 3; width: 50px; } #a3 { z-index: 2; width: 75px; } #a4 { z-index: 1; width: 100px…

    Asked by Tokolist,

    0 votes
    26 answers

  22. "Резиновая" картинка во весь экран как фон и позиционирование элементов

    Всем привет! Есть макет, на котором в виде фона - картинка во весь экран (т.е. она тянется во все стороны вместе с браузером). Есть задача расположить относительно этой картинки элементы так, что б они все время были на одом месте. Т.е. проще говоря, на картинке есть дорога, по краям тротуар. Так вот на этом тротуаре по обоим частям дороги надо расположить столбы, но что б при изменении размеров браузера они не меняли своего места относительно этого тротуара Немного сумбурно объяснил, но надеюсь, что суть понятна Как такое реализовать ? Фиксированные координаты исупользовать точно не получится, проценты тоже врятли спасут. Что делать ? Очень нужны ваши советы!

    Asked by lolka84,

    0 votes
    6 answers

  23. "Резиновое" меню

    Подскажите, как сделать, чтобы меню, представленное на картинке ниже, было "резиновым" и не переносилось на новую строку при маленьких разрешениях ? Ессно, надо делать списком, но вот как сделать, чтобы оно не новую строку не переносилось - хз. Буду рад любому совету.

    Asked by dimacat,

    0 votes
    6 answers

  24. "Резиновые отступы" проблема с реализацией

    Здравствуйте. Я не первый день занимаюсь версткой, но опыта работы с резиной у меня совсем мало. Работодатель настаивал, чтобы я научился верстать резину и скинул мне макет. В процессе работы возникла задача, которая ставит меня в тупик. В блоке с контентом есть 4 блока, пусть это будут баннеры, которым заданы определенные ширина и высота – по мере растяжения окна браузера должны растягиваться отступы между баннерами, а у самих баннеров ширина должна оставаться неизменной. Для наглядности прошу взглянуть на изображение: У меня получилось реализовать нечто приближенное с помощью таблиц (предпочитаю блочную верстку, но здесь главное, чтобы работало...): Вставил таблицу, за…

    Asked by Верстальщикус,

    0 votes
    6 answers

  25. "Резиновые" элементы форм

    Подскажите, пожалуйста, можно ли стандартными средствами html/css (без использования JavaScript) сделать резиновые элменты управления формы? Мне хотелось бы сделать форму, в которой правая граница элементов управления была бы всегда на одном расстоянии от правой границы формы.

    Asked by Poca,

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