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. Помогите разобраться с z-index

    Есть например три блока,блок #three перекрывает блок #two хотя у блока #two значения z-index: 15; выше чем у #three.Объясните пожалуйста какое тут правило играет роль и почему так?? #one{ position: absolute; left: 0px; top: 20px; z-index: 10; width:110px; height:80px; background:orange; } #two{ position: absolute; left: 50px; top: 30px; z-index: 15; width:110px; height:80px; background:green; } #three{ position: absolute; left: 100px; top: 30px; z-index: 12; width:110px; height:70px; background:blue; } <div id="one"> one one one one <div id="two">two two two two</div> </d…

    Asked by mr.Dassler,

    0 votes
    1 answer

  2. Помогите разобраться с адаптивным меню

    В бустрапе контейнер создает свою стандартную ширину 1140 вроде, я ставлю свою 1024 и у меня слетает nav меню для мобильного разрешения HTML <header> <div class="container"> <div class="row hidden-xs"> <div class=" col-lg-3 header-logo"> <p>Burgers<span>.co</span></p> </div> <div class="col-lg-7 col-lg-offset-2 header-menu"> <ul class="nav nav-pills "> <li class="active"><a href="#">Home</a></li> <li><a href="#">Our Burgers&…

    Asked by Sunboy,

    0 votes
    0 answers

  3. Помогите разобраться с Валидацией

    Всем доброго времени суток, страничка www.all-read.ru (это не реклама, тем более рекламировать нечего еще). Поставил в конце (в низу) странички ссылку на прохождение валидации.. Выходит премерно 6 ошибок. Я не понимаю этих ошибок. Помогите разобраться пожалуйста.

    Asked by web_finans,

    0 votes
    4 answers

  4. Помогите разобраться с веб-шрифтами.

    Здравствуйте! Читаю руководство "Большая книга CSS3" и дошёл до шестой главы "Форматирование текста". Пробую импортировать шрифт, но... сталкиваюсь с тем, что браузер не понимает этого... либо я что-то не так делаю. Вот код: <!DOCTYPE html><head><meta charset="utf-8" /><title>CSS Typography</title><style>body{font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}.two @font-face{ font-family: "League Gothic Regular "; src:url(font/leaguegothicregular-webfont.ttf);}</style></head><body><p>Первое</p></body></html>Что я не так делаю? Браузеры: F…

    Asked by Geyer,

    0 votes
    2 answers

  5. Помогите разобраться с версткой

    http://efgen3.narod.ru/ Сталкнулся с такой проблемой, В Опере все нормально отображается, а в ИЕ. под горизонтальной менюшкой пустое место в один пиксель, незнаю как исправить проблему..(, помогите

    Asked by CoLorifiC,

    0 votes
    1 answer

  6. Помогите разобраться с версткой

    Помогите пожалуйста, напишите в коде как должно выглядеть, в css и если конечно найдется спаситель желательно и сразу html( я просто не до конца понимаю всех ньюансов, так мне будет понятнее). Сайт трехколоночный резиновый, левавя колонка и правая - это фон( то есть сайт по сути сайт в одну колонку), и эту центральную основную колонку разделить на три блока - шапка, инфа и футер к примеру. в шапку мне нужно впихнуть к примеру такой градиент и написать любой текст с левой части шапки, а по центру на этом градиенте у меня картинка должна быть. Как это должно выглядеть в css? //gradientbackground: #ff6e02; /* Old browsers */background: -moz-linear-gradient(left, #ff6e0…

    Asked by bobchinskiy,

    0 votes
    4 answers

  7. Помогите разобраться с версткой

    <div class="container"> <div class="relation"> <div class="relation__ratio"> <div class="relation__wrapper"> <div class="relation__big-img"> <img src="img/gallery3.png" alt="gallery3"> </div> <div class="relation__row relation__row1"> <img class="relation__img" src="img/gallery1.png" alt="gallery1"> <img class="relation__img" src="img/gallery2.png" alt="gallery2"> </div> <div class="relation__row"> <img class="relation__img" src="img/gallery4.png" alt="gallery4"> <img class="relation__img" src="img/gallery5.png" alt="gall…

    Asked by kudryavi,

    0 votes
    0 answers

  8. помогите разобраться с видимостью

    Приветствую! Есть такой код: <html> <style> #header { width: 1000px; height: 315px; background: url(http://i8.fastpic.ru/big/2010/0708/c2/2315a3649295fcc8cbb68e54be8bcac2.jpg) no-repeat; } #leftcolumn { z-index: 10; display: inline; /* position: relative;*/ float: left; width: 155px; margin-right: 10px; background: #ffebb9; } #rightcolumn { display: inline; position: relative; width: 735px; height: 800px; float: left; background: #fff; border: 1px solid black; } #faux { background: url(http://i8.fastpic.ru/big/2010/0708/25/8946cb8d48096c54b7efb8bd6c4a3f25.jpg) repeat-y; background-position: 0px 262px; overflow: auto; …

    Asked by stalker_2000,

    0 votes
    10 answers

  9. помогите разобраться с градиентом!

    помогите разобраться с градиентом! Я прочитал всю статью по поводу -moz-linear-gradient -webkit-gradient но ничего так и не понял, если что мне нужен градиент рыженький с осветлением книзу...

    Asked by htmlonline,

    0 votes
    2 answers

  10. Помогите разобраться с демо-примером, описывающем подход mobility-first

    Всех приветствую. Пытаюсь разобраться с подходом mobility first и наткнулся на интересный пример (далее «демо»). Также ознакомился с видео от Виталия Фридмана «Responsive Web-дизайн: Трюки и уловки», в которой он упоминает, что должно использоваться минимум http запросов для загрузки страницы. В коде демо-страницы стили для мобильных устройств и десктопных браузеров разделены и загружаются через link с указанием media параметров: <link rel="stylesheet" type="text/css" href="style.css" media="screen, handheld" /><link rel="stylesheet" type="text/css" href="enhanced.css" media="screen and (min-width: 40.5em)" /><!--[if (lt IE 9)&(!IEMobile)]> <link…

    Asked by Radiocity,

    0 votes
    10 answers

  11. Помогите разобраться с дивами

    У меня есть Див, в который периодически аяксом подгружаются разные картинки: например тут Хочу сделать пролистывание, чтобы поверх картинки слева и справа подгружались кнопочки "влево" и "вправо": примерно как тут Желательно, чтобы эти кнопочки были "активные", но при этом человек мог бы "достучаться" до изображения. Подскажите решение, пожалуйста.

    Asked by partiz,

    0 votes
    3 answers

  12. Помогите разобраться с динамическим меню на CSS!

    Помогите разобраться с горизонтальным меню на CSS?! Вот то что используется в шаблоне main.tpl : <!-- Топ-меню начало --> <div class=""> <ul class="topmenu"> <li><a href="/"><font color="#fff">Как выбрать</font></a></li> <li><a href="/zakaz.html">Как заказать</a></li> <li><a href="/">Как оплатить</a></li> <li><a href="/">Как получить</a></li> <li><a href="/">Акции</a></li> </ul> </div> <!-- Топ-меню конец --> Вот стиль CSS : */ html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;} bod…

    Asked by Gudvinuk,

    0 votes
    4 answers

  13. Помогите разобраться с динамическим меню на CSS!

    Помогите разобраться с горизонтальным меню на CSS?! Вот то что используется в шаблоне main.tpl : <!-- Топ-меню начало --> <div class=""> <ul class="topmenu"> <li><a href="/"><font color="#fff">Как выбрать</font></a></li> <li><a href="/zakaz.html">Как заказать</a></li> <li><a href="/">Как оплатить</a></li> <li><a href="/">Как получить</a></li> <li><a href="/">Акции</a></li> </ul> </div> <!-- Топ-меню конец --> Вот стиль CSS : */ html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;} bod…

    Asked by Gudvinuk,

    0 votes
    9 answers

  14. Помогите разобраться с добавлением информации в БД

    Не могу понять как добавить несколько строк в БД. Есть массив значений idNewsList, в нем хранятся идентификаторы новостей (например, 113, 112, 114) $idNewsList = $db->safesql( implode( ",", $idNewsArray ) );С перезаписью информации в таблицах проблем НЕ возникает $date = date( "Y-m-d H:i:s", time() + ( $config['date_adjust'] * 60 ) );$db->query( "UPDATE ".PREFIX."_post SET `date`='{$date}' WHERE `id` IN ({$idNewsList})" );Теперь пытаюсь создать новые записи в таблице, делаю вот так $expires = time() + ( $config['date_adjust'] * 60 ) + ( 30 * 24 * 60 * 60 );$db->query( "INSERT INTO " .PREFIX."_post_log (news_id, expires, action) VALUES(({$idNewsList}), '$expires…

    Asked by alleclf,

    0 votes
    6 answers

  15. Помогите разобраться с заданием с чекбокс и выполнить его

    На собеседовании дали задание, но я его не понял, можете, ПОЖАЛУЙСТА, объяснить что имеется в виду и как его выполнить. Вот задание: Используя только html и css отобразите кастомный чекбокс таким образом, чтобы: Оригинальное изображение чекбокса было скрыто. Весь функционал чекбокса был сохранен (checked – unchecked). Вместо чекбокса отображался текст, по клику на который - менялось бы состояние чекбокса на противоположное - менялся бы цвет текста.

    Asked by М_Бавыка,

    0 votes
    1 answer

  16. Помогите разобраться с изменением размера картинок... в пикселях и байтах.

    Есть задача привести тучу картинок к нужному размеру (в пикселях и байтах). С пикселями разобрался, а вот с байтами какая то загвозда. Есть код: function re_size ($src, $width, $height) { if($width>$height) $ratio=$width/150; else $ratio=$height/150; $new_width=round($width/$ratio); $new_height=round($height/$ratio); $idest = imagecreatetruecolor($new_width, $new_height); $image = imagecreatefromJPEG($src); imagecopyresampled ($idest, $image, 0, 0, 0, 0, $new_width, $new_height, $width, $height); imagejpeg($idest, $src, 100); imagedestroy($image); imagedestroy($idest); return true; } function re_weight($src) { $quality=95; $dsrc='try_w.jpg'; $imag…

    Asked by andrums,

    0 votes
    4 answers

  17. Помогите разобраться с кнопкой в меню

    Здравствуйте, подскажите пожалуйста как сделать так, что бы меню растянулось на всю ширину. https://jsfiddle.net/cryrc1v6/

    Asked by Kamel515,

    0 votes
    2 answers

  18. Помогите разобраться с кодом

    div#main{width: 200px; background:#fff url(12.png) top repeat-x; padding: 0 ;margin: 0px} div#main-open_left{float:left; width: 8px; height: 8px; background: #fff url(side1.png) bottom left no-repeat; margin: 0px} div#main-open_right{float:right; width: 8px; height: 8px; background: #fff url(side2.png) bottom left no-repeat; margin: 0px} div#main-close{width: 100%; height: 8px; background: #fff url(wablon_056.jpg) bottom left no-repeat; margin: 0px} В общем кое-что понятно..но не вс? и почему именно такая форма записи(div#main и тд)

    Asked by Metis,

    0 votes
    3 answers

  19. помогите разобраться с кодом

    добрый день. есть вот такой код: <!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="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> .table { border:solid 1px #CCCCCC; padding:5px;} .div1 { float:left; background-color:#0000FF; width:250px;} .div2 {background-color:#00FF66; margin-left:250px;} </style> </head> <body> <div class="table"> <div class="div1">hjkhjhlkhjh</div> <div class="di…

    Asked by udaff.es,

    0 votes
    2 answers

  20. Помогите разобраться с кодом

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

    Asked by ReyDan,

    0 votes
    3 answers

  21. Помогите разобраться с кодом сайта

    почему при выборе фона заливается им все? хотелось бы чтобы фон был какой то картинкой а то что внутри где текст было какого то цвета. делаю по скачанному шаблону. в html новичок ....не понимаю что нужно сделать( буду благодарна за помощь <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Сайт компании Эккосервис</title> <link href="style.css" rel="stylesheet" type="text/css"> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <script src="SpryAssets/SpryMenuBar.js" type="text/javascrip…

    Asked by anechkalove,

    0 votes
    1 answer

  22. Помогите разобраться с кодом!

    <html> <style> .rtop, .rbottom{ display:block border: 1px solid black; } .rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:red; } .r1{ margin: 0 5px } .r2{ margin: 0 3px } .r3{ margin: 0 2px } .r4{ margin: 0 1px; height: 2px} </style> <div id="container"> <b class="rtop"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> </b> <div style='background:red;'>yyyyy </div> <b class="rbottom"> <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b&…

    Asked by Alexsays,

    0 votes
    11 answers

  23. Помогите разобраться с макетом

    Помогите пожалуйста разобраться с макетом, не пойму как это реализовать. Пример на картинке. Необходимо чтобы центральный блок был фиксированного размера, а боковые растягивались по бокам до краев экрана и вниз по высоте центрального блока. При этом, фон страницы желтый, а в боковых блоках в качестве фона используется изображение с прозрачностью которое в результате должно оказаться на том, нижнем, желтом цвете. Тут заготовка которая не работает (блоки стоят друг на друге) - https://jsfiddle.net/26fen5mk/1/

    Asked by alleclf,

    0 votes
    3 answers

  24. Помогите разобраться с меню

    В хтмл пока не особо бум-бум, но на php считаю пока мне рановато лезть.. всегда вот думал что хтмл это статичные сайты, а тут наткнулся на http://my-immortal.ru/ и там куча, просто куча страниц с одинаковым меню, я как то себе с трудом представляю что админы мазохисты и каждый раз перебирают каждую страничку чтобы добавить новую ссылку... Или я все-таки заблуждаюсь? если нет, то расскажите пожалуйста как такое можно воплотить

    Asked by Intuki,

    0 votes
    4 answers

  25. Помогите разобраться с меню

    Ребята, помогите поправить меню. Сайт aboba.ru Хочу кнопки-картинки в меню шапки поменять на картинки+текст...Шаблон на табличной верстке. Пробовала делать так <tr><td colspan=2><a class="k1" href=$urlmyaccountlogo>МОЙ АККАУНТ</a></td></tr> в css прописываю класс .k1{ display: block; background: url(images/нужная мне кнопка без текста.gif); color: #FFF; background-repeat:no-repeat; outline: none; text-decoration: none; font-size:14px; } Уже справилась, так и не дождавшись ответа))) пробовала и размер картинки задавать, и как стиль прописывать...Получается что надпись видна, а кнопка либо частично либо вообще никак... Я новичок, не суди…

    Asked by nosovamg,

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