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. Помогите пожалуйста выронять меню

    Здравствуйте. Я "верстаю" шаблон, и в ie6 верхнее меню не пристыковывается с левой стороны к шапке. А firefoxe всё хорошо. Вот вёрстка HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Rational by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="outer"> <div id="header"&…

    Asked by Sayitright,

    0 votes
    22 answers

  2. Помогите пожалуйста добавить кнопку отправки даных формы

    Здравствуйте. Я только разбираюсь с HTML и хочу сделать "обратную связь", форму как бы сделал вот: <table border=0 cellspacing=0 cellpadding=0> <tr> <td width=144 height=56 valign=top><p>Имя</p> </td> <td width=656 valign=top><p><input name="senders_imya" size=30 maxlength=255></p> </td> </tr> <tr> <td width=144 height=56 valign=top><p>Ваш E-mail:</p> </td> <td width=656 valign=top><p><input name="senders_adres" size=30 maxlength=255></p> </td> </tr> <tr> <td width=144 height=56 valign=top><p>Ваш телефо…

    Asked by klauz,

    0 votes
    5 answers

  3. помогите пожалуйста исправить баг с кнопками меню

    Кнопки меню при нажатии изменяют свой размер и я никак не могу разобраться вот ссылка на пример http://1241254.96.lt/WorkSpace/

    Asked by Sergey_z6,

    0 votes
    4 answers

  4. Помогите пожалуйста разделить шапку

    Здравствуйте. Я создаю свой сайт и сейчас остановился на проблеме с шапкой. Я планирую сделать вот такой каркас На основе шаблона я сделал вот такой HTML код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body&gt…

    Asked by Faran,

    0 votes
    6 answers

  5. Помогите пожалуйста разобраться с шаблоном

    Здравствуйте, я новичек в css, нужна помощь. Это шаблон для joomla 2.5 и мне нужно изменить: 1.Вот ссылка с видом позиций,позиция leo-content-toptop, мне нужно увеличить ширину этой позиции, пишу в template.css width:..; но ширина никак не меняется. 2.И подскажите пожалуйста, как можно поменять позицию шаблона?Шаблон как бы стоит по центру, я хочу перенести шаблон влево Сам пытался, пробовал разные варианты, но ничего не выходит....

    Asked by Manager87,

    0 votes
    19 answers

  6. Помогите пожалуйста разобраться!

    У меня возникло два вопроса пока я верстал макет и найти ответ на них я сам не смог. Помогите пожалуйста разобраться. Вопросы следующие: 1. внутри дива 1024х1200 пикселей, я сделал два дива поменьше 256х90 и 256х400. Мне хотелось сделать этих два дива, один под другим и прижать их к правому краю. Можно ли это как-то сделать, не запихивая эти два дива в один общий? 2. можно ли свойство -webkit-border-radius применить только к нижней границе?

    Asked by АнтонЖитихин,

    0 votes
    4 answers

  7. Помогите пожалуйста решить CSS задачки.

    Есть тестовый сайтик один. Задача номер 1 - корректное отображение паспорту у картинок с выводом заголовка title в этом же паспорту. Пример по адресу - test.chocolate-kiss.ru/tvorozhnye-oladi-s-yablokami Особенно криво съезжает паспорту вправо в Опере. В Хроме справа отступ больше, чем слева у паспорту. Вот код, который отвечает сейчас за это дело: /* Captions */.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{ padding: 20px; /* Ширина паспарту */ background: #f0f0f0; /* Цвет фона паспарту */ } .wp-caption img{ padding: 20px; /* Ширина паспарту */ background: #f0f0f0; /* Цвет фона паспарту */ } .wp-caption p.wp-caption-text{fon…

    Asked by LBM,

    0 votes
    6 answers

  8. Помогите пожалуйста розобратся с эти м макетом

    Не могу понять как сделать такой ховер?

    Asked by misinkevych.alina,

    0 votes
    4 answers

  9. Помогите пожалуйста с css

    С css работаю совсем недавно сайт: movbase (точка) ru шаблон вот какой использую, но почему не могу изменить ширину средней части, размер отступа между блоками да и окно поиска тоже ужать как то надо.. помогите кому не сложно плиз заранее спасибо @charset "utf-8"; /* CSS Document */ body { background: #E5E5E5 url(../images/top_glow.jpg) no-repeat top center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#231f20; } a{ color:#656565; } small { font-size:11px; } .center_content small{ margin-bottom:20px; float:left; width:100%; } .center_content a { color:#656565; border-bottom:1px dotted #333 !important; } .adverts a { border-bottom:non…

    Asked by levlevin,

    0 votes
    2 answers

  10. Помогите пожалуйста с CSS Меню в IE

    Всем привет! Подскажите, пожалуйста, отчего в Интернет Эксплорере верхнее выпадающее меню (на CSS) отображается не корректно? Все время съезжает на соседнюю справа ячейку. (В опере и FF все ок). http://perfect-human.ru/cms/ Код CSS: <style type="text/css"> #nav, #nav ul { list-style: none; margin: 0; padding: 0;} #nav li {float: left; position: relative; background: #515151; back\ground: none;} #nav a{ color: #000; text-decoration: none; display: block; width: 126px; height: 24px; padding-top: 8px; text-align: center; font:14px "Times New Roman", Times, serif; background: url(../img/dark.gif);} #nav a:hover {color: #fff; background: url…

    Asked by Luminar,

    0 votes
    15 answers

  11. помогите пожалуйста с HTML кодом

    у меня на 6 експлоре съезжает менюшка вниз(http://autoriginal.com.ua/) неподскажите в ч?м ошибка, спасибо! вот код <div id="logo"> <div> <?php mosLoadModules ( 'user9' ); ?> </div> <?php switch ($option){ case "com_frontpage": echo '<div id="top_bar_home"><img border="0" src="'.$myway.'/images/space.gif" alt="" width="1" height="1" usemap="#Map2" />'; break; default: echo '<div id="top_bar"><img border="0" src="'.$myway.'/images/space.gif" alt="" width="1" height="1" usemap="#Map" />'; break;}?> </div></div> <div align="center" ><?php echo $mycssONLY_PRI_menu ?></div> &lt…

    Asked by lifemail,

    0 votes
    3 answers

  12. Помогите пожалуйста с версткой

    Не знаю как поставить изображение под навигацию!Подскажите как это сделать пожалуйста! https://jsfiddle.net/3cm21j13/6/

    Asked by KamZed,

    0 votes
    3 answers

  13. Помогите пожалуйста с версткой !

    Делаю сайт в первый раз . Скачал шаблон, пытаюсь его изменить в Microsoft Office FrontPage 2003, так вроде все ясно, но не понимаю где поменять ссылку на которую ссылается кнопка (которая уже была в шаблоне), подскажиет плиз !!!!!!!!!! Файл - http://rapidshare.com/files/339301216/site.rar.html

    Asked by kirillps,

    0 votes
    7 answers

  14. Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.

    Всем доброго времени суток. У меня проблемма следующего рода Необходимо сверстать страницу таким образом, чтобы она состояла из сладующих полей: левый блок - меню правый блок - контент. контент обрамлен белой полосой, которая удлиняется в зивсимости от высоты блока контента. Проблема в том, что полоса в верхней и нижней части затухающая. Что я делаю вариант 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head></head> <body bgcolor="#000000"> <table width="100%" height="1" border="1" cellspacing="0" cellpa…

    Asked by dopgroup,

    0 votes
    23 answers

  15. Помогите пожалуйста с главной страницей

    Кароче проблема в том что я не могу сделать главную страницу. я ее как бы сделал, <html> <head> <title>Жанры компьютерныx игр</title> </head> <body link="#cecece" vlink="red" background="1.jpg"> <H1><P ALIGN=CENTER>Жанры компьютерныx игр</P></H1> <ul> <li><a href="2.html">Стратегии<BODY text=#F5F5F5></a> <li><a href="3.html">Шутеры<BODY text=#F5F5F5> <li><a href="4.html">Симуляторы<BODY text=#F5F5F5> <li><a href="5.html">Квесты<BODY text=#F5F5F5> <li><a href="6.html">MMORPG<BODY text=#F5F5F5> <li><a…

    Asked by FikS,

    0 votes
    16 answers

  16. помогите пожалуйста с кнопками

    http://htmlbook.ru/faq/kak-sdelat-chtoby-k...avedenii-na-nee - брал образец отсюда в общем на странце http://nevskiy-public.3dn.ru/load синий квадратик - таблица в ячейке 1 должна быть кнопка но почему то её нет хотя всё делал по примеру1 код таблицы: <table style="width: 600px; border-collapse: collapse; height: 400px; border: medium none; background-color: rgb(0, 64, 235);" align="center" width=""> <tbody> <tr> <td style="padding: 15px; width: 120px; height: 55px; text-align: left; vertical-align: top; letter-spacing: 0pt; word-spacing: 0pt; border: medium none;"><p><a href="http://nevskiy-public.3dn.ru/load/antichity/2" class=…

    Asked by gimpy,

    0 votes
    2 answers

  17. Помогите пожалуйста с респонсив версткой!

    Доброго времени суток, друзья! Озадачился я версткой макета. В псдшниках несколько файлов (как должна выглядеть страница при различных разрешениях экрана). В общем, хочу вынести на ваш суд результаты своей работы http://zehlik.pe.hu/. Так же хочу задать несколько вопросов: 1. У меня проблема с версткой меню навигации, особенно когда ширина экрана становится меньше 768px меню должно сползти под логотип, но с этим какие-то проблемы (в медиа прописываю флоат, но оно не работает). Короче говоря, оцените пожалуйста правильность написания самого меню, может именно тут что-то не так. 2. Так же, при разрешении ниже 480 все меню должно сворачиваться в дропдаун под кнопку. Как …

    Asked by Zehlik,

    0 votes
    4 answers

  18. Помогите пожалуйста с созданием блока

    Помогите как мне создать с права или слева на фоне блок как только не пробовал он постоянно либо выше сайта либо под сайтом создается

    Asked by mariks,

    0 votes
    3 answers

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

    Я только начал изучать веб-программирование, и у меня возникла небольша проблемка: как мне сделать таблицу с двумя столбцами делящие ее на пополам и первый столбец разделен на 4 строки? Плз помогите :-)

    Asked by TO4_e4ka,

    0 votes
    2 answers

  20. Помогите пожалуйста с темой BRUSHED

    Понравился сайт на HTML5 и решил в нем покопаться, но т.к учусь верстать недавно, сайт вызвал восторг, но у меня не получается следующее. — на слайд шоу надпись "BRUSHED", не могу найти где её изменить — не могу настроить контактную форму _______ Если кому не трудно помогите, два дня уже копаюсь. Так же прикладываю архив с сайтом. http://yadi.sk/d/Rjz34RsmPFVVv

    Asked by Masta__Mike,

    0 votes
    5 answers

  21. Помогите пожалуйста сверстать кому не трудно

    Кто поможет сверстать простой макет? пожалуйста

    Asked by skeman,

    0 votes
    10 answers

  22. Помогите пожалуйста сделать расстояние между строками

    Скидивыю часть кода , вопрос в том что , как сделать небольшое расстояние между строками Имя и Email (не пропуском строки ,а такое же как между "Посетите ли вы наш сайт снова" и переключателями ) или это уже не исправить, не умею еще пользоваться хостингом поэтому заливаю инфу таким образом. Помогите пожалуйста советом что делать... <fieldset> <legend> Данные пользователя: </legend> <label> Имя: <input type="text" name="name" size="30" maxlength="100"> </label> <br /> <label> Email: <input type="email" name="email" size="30" maxlength="100"> </label> <br /> </fieldset>

    Asked by Mextrive,

    0 votes
    2 answers

  23. помогите пожалуйста сделать футер

    Здравствуйте. Я с CSS только знакомлюсь. У меня 2 вопроса. 1) делаю сайт, состоящий, из двух колонок (лево\право) и центральной части. Правый бокс заверстался без особых проблем. Каждый контейнер располагался непосредственно друг за другом. С левым боксом почему-то так не получается. Хоть вроде бы всё делаю тоже самое. Все боксы размещаются друг на друге сразу под первым боксом. проблема решалась только путём "margin-top" но как это будет отображаться на мониторах с другими размерами неизвестно... 2) не получается разместить внизу страницы футер. Мне не важно, будет он привязан к низу окна, или нет, но он точно должен быть, я перепробывал множества способов, которые на…

    Asked by Neptun,

    0 votes
    2 answers

  24. помогите пожалуйста сделать футер

    Здравствуйте! Не могу сделать резиновый футер для странички с 3-мя колонками. Перечитал массу инфы в инете. но почему - то футер не опускается ниже 100%, хотя min-height:100%; Весь мозг сломал. никто не может помочь. Проблема скорее всего простая, просто я её не знаю. Очень надеюсь на Вашу помощь

    Asked by Neptun,

    0 votes
    1 answer

  25. Помогите пожалуйста СРОЧНО

    Доброго времени суток Всем!!! У меня проблема стала с активной кнопкой которую делал через компонент -=rollover=-. Делаю сайт для своего клана и хотел сделать красивые кнопки при наведении на которуе стандартное изображение меняется на новое. Делал вот так: A.rollover { background: url(gun.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 90px; /* Ширина рисунка */ height: 301px; /* Высота рисунка */ } A.rollover:hover { background: url(gun01.png); /* Путь к файлу с заменяемым рисунком */ } Всё конечно получилось и кнопочка работает. Но трабл заключается в том, что мне нужно сделать таких кнопок 10 штук (ну или хотя…

    Asked by NikNak,

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