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. Проблема с переносом внутри inline-block

    Привет всем. Есть четырёх-колонная страница. В каждой колонке: заголовок и список. Каждый элемент списка состоит из одного input'а типа checkbox и блока с двумя span'ами текста. Страница выглядит вот так. Проблема в следующих участках кода: <li> <input name="" type="checkbox"> <section> <span class="first-line">Текст</span><br> <span class="second-line">Текст</span> </section> </li> li { white-space: nowrap; /* Иначе после input'а section переносится на след. строку */ } input { margin-top: 0.4em; vertical-align: top; } section { display: inline-block; margin-left: 5px; white-space: normal; …

    Asked by Ovjer,

    0 votes
    0 answers

  2. Изменение свойства textarea

    Итак, мне нужно изменить некое свойство textarea с помощью javascript. А именно добавить ей значение onkeyup. Пробовал document.getElementById("message").onkeyup("OnUp();") и document.getElementById("message").onkeyup = "OnUp();" Вот сама функция OnUp function OnUp(){ alert("1"); };

    Asked by DoctorGester,

    0 votes
    2 answers

  3. Разваливается дизайн в ie8, причем через раз

    Уважаемые, если есть силы и время в Новогодние праздники, посмотрите пожалуйста сайт. Находится сейчас на техдомене в тестовом режиме. Работает на базе Joomla 1.5+VirtueMart 1.1.5 Не знаю, что делать с ним. В IE 8 складывается дизайн в кучу, причем, через раз. Режим совместимости тоже работает через раз. Иной раз срабатывает(судя по отображению позиционирования), иной раз - так же разваливается. Проверял в валидаторе. Сейчас он выдает ошибки на хаках для webkit-браузеров и на скруглении углов. Другого разобрать не могу из за "зелености". В общем, вся надежда на ваш опыт

    Asked by donatory,

    0 votes
    0 answers

  4. css вертикальное меню

    Здравствуйте! проблема в том, что третий уровень открывается с верху, а не напротив кнопки, которая его открывает CSS: #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; display:inline-block; z-index:1; } #nav a:link, #nav a:active, #nav a:visited{ outline:none; display:block; padding:0px 5px; border:1px solid #333; color:#fff; text-decoration:none; background-color:#333; } #nav a:hover{ background-color:#fff; color:#333; } #nav li{ float:none; position:relative; width:180px; } #nav ul{ margin-left:10px; margin-top:-10px; position:absolute; width:12em; top:1.5em; dis…

    Asked by erange,

    0 votes
    2 answers

  5. Переадресация в htacces

    Добрый день, скажите плиз, как мне с помощью htacces переадресовать запросы типа http://site/dir на http://site/url.php кроме http://site/ и собственно http://site/url.php ? Спасибо...

    Asked by SuperPuperLesha,

    0 votes
    1 answer

  6. Помогите реализовать структуру

    Вот не могу понять как правильно сделать. Есть таблица таблица Нужно чтобы по мере наполнения контентом растягивались только две белые ячейки (вторая сверху в первом стобце, и сайдбар во втором столбце). А у меня получается что растягиваются все ячейки (правильно отображает только Firefox). Как надо переписать код таблицы чтобы растягивались по высоте только белые ячейки? <!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" dir="ltr" lang="ru"> <head> <title>123</title> <meta http-equiv="Content-Type" content="text/html; ch…

    Asked by zuldek,

    0 votes
    18 answers

  7. Проблема с путем к файлу

    Добрый день! Всех с наступившим Новым годом! И вот в новом году столкнулся с такой проблемкой: <!--[if IE 6]> <style> body {behavior: url("http://www.allday.kz/csshover3.htc");} .menu li .drop {background:url(http://www.allday.kz/img/menu/drop.gif) no-repeat right 8px; </style> <![endif]--> Проблема в следующем, на сайте использую некоторое кол-во поддоменов и мне нужен один шаблон для всех поддоменов. Не хотелось бы чтобы пользователь загружал этот файи постоянно при переходе из одного домена на другой. А проблема то заключается только с IE6. Если прописываю с www, а захожу без www то пишет что нет доступа к файлу ... А если и прописано с …

    Asked by igrix,

    0 votes
    4 answers

  8. Позиционирование блоков

    Добрый вечер, есть проблемка: Есть контейнер внутри которого помещаются блоки. По умолчанию блоки выстраиваются с лева на право не по порядку и строго сверху в низ. Как можно сделать так, что бы блоки выстраивались по порядку один за другим слева на право? В этих блоках будут находится изображения и текст. Один из вариантов - это создать таблицу. Но как это можно сделать без неё, верстая дивами? В стилях прописывал display:inline; но что то ничего не получалось

    Asked by yujin11,

    0 votes
    13 answers

  9. Вёрстка в разных версиях IE

    Как установить на одну машину разные версии IE для тестов вёрстки? Интересуют 6-7-8-9 Без использования ВМ варе или Вируал Бокса.

    Asked by Coder_D,

    0 votes
    5 answers

  10. Помогите

    Люди научите верстать макеты. Знаю базовые знания Html и CSS.

    Asked by ESP^,

    0 votes
    7 answers

  11. Зачем нужен тег?

    Хочу спросить зачем нужен behavior.Я примерно знаю с чем его едят но все таки....

    Asked by Mr.Black,

    0 votes
    3 answers

  12. margin и border

    День добрый. Подскажите, пожалуйста, почему если убрать бордер у #content, то бокс совпадает по высоте с .toolbar ??? А возвращаешь бордер и становится все нормально. <?xml version="1.0" encoding="UTF-8"?> <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!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>TODO supply a title</title> <style> body { background: #eff6fc; font…

    Asked by icp,

    0 votes
    2 answers

  13. При наведении отображать слой, который не будет рушить структуру

    Есть прямоугольная область на экране в которой два ряда по, скажем, 8, мини-областей, в каждой по изображению. При наведении на область, но, чтобы вместо изображения показывался слой с этим изображением и и 2-мя 3-мя строчками текста, блок такой же, как область, по высоте, примерно в 2 или 3 раза длиннее. Этот слой будет показываться поверх остальных слоёв с изображениями, с которыми он "пересекается". Вот примерно как я себе представляю реализацию сего: <div class="entry"> <img src="entry_img.png" /> <div class="onhover"> <img src="entry_img.png" /> Text </div> </div> div.entry { width: 150px; height:150px; posit…

    Asked by adelante,

    0 votes
    1 answer

  14. Помогите новичку

    <!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=utf-8" /> <title>название</title> <style> BODY {background:#FFFFFF;margin:0 auto;padding:0;} ul {padding:0} li {float:left; overflow:hidden; padding-right:10px; padding-left:10px;} .wrap { width:780px; margin: 0 auto;} .logo {background:url(images/Logo.jpg); width:780px; height:180px} .menu-l {background:url(images/left-m.jpg); width:23px; height:49px; float:left } .menu-c {background:url(images/centr-…

    Asked by Duuplexx,

    0 votes
    3 answers

  15. Объясните в чём ошибка.

    Простейший макет, 2 ячейки должны тянутся по контенту, а остальные фиксированные. Почему нормакльно отображается только в FF а IE и опера либо растягивают все ячейки включая фиксированные, либо как опера, растягивают нижнюю фиксированную ячейку первого столбца http://www.darwell.ru/index.html

    Asked by zuldek,

    0 votes
    5 answers

  16. Поленыэ ссылки

    Скинте ссылки в лс (можно и здесь) на ресурси ,где есть много уроком по Html ,css ,js. (например shublog.ru)

    Asked by Mr.Black,

    0 votes
    2 answers

  17. Выравнивание по центру списка

    Есть меню, пытался выравнить текст по центру, в итоге в фф и опере ничего не получилось. Подскажите. html <div id="nav_green"> <div id="left_green"></div> <div id="right_green"></div> <div id="menu_green"> <ul id="nav_ul"> <li class="nav_top_li"><a class="nav_li" href="#">Уход за волосами</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Стайлинг</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за лицом</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за телом</a>&l…

    Asked by Gleb-k,

    0 votes
    16 answers

  18. Виртуальная машина

    Решил поставить виртуальную машину. Не знаю, какую выбрать. На данный момент нужно конкретно для тестирования верстки на кроссбраузерность и на кроссплатформенность. Чтобы на одной машине стояло несколько образов с разными системами. Подскажите, какую выбрать и на что нужно обратить внимание? Нужно для домашнего использования, желательно бесплатную. Вроде как есть 3 популярных: Sun VirtualBox VMware Player Microsoft Virtual PC Подскажите, на что ориентироваться? Спасибо.

    Asked by DjTarik,

    0 votes
    29 answers

  19. Проблема с новостями

    Набераю опыт в вертске скажит как поднять блок новости выше.вот картинка код и ксс <!DOCTYPE html> <html> <head> <title>My verst</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <!--Верх--> <!--Верхняя строка--> <div class="hd">Вы вошли как:<font color="#FF0000"> admin</font> </div> <!--Верхняя строка(end)--> <!--Шапка--> <div class="hds">&</div> <!--Шапка(end)--> <!--Нижняя строка--> <div class="hdz">&</div> <!--Нижняя строка(end)--> <!--Верх(end)--> <!--Левый блок--> <div align=…

    Asked by azarkin7,

    0 votes
    6 answers

  20. Вложенность, селекторы (непонятное поведение)

    Привет всем, с наступившим Новым Годом! Есть такой код: <body> <div id="content"> <div> <div> </div> </div> </div> </body> Стили для него: #content{ position: relative; } #content div{ background: red; height: 100px; border: 1px black dashed; } #content div div{ position: absolute; width: 300px; height: 50px; background: gray; border: 1px black dashed; } Тут все понятно, но стоит применить id для третьего дива, т.е.: <body> <div id="content"> <div> <div id="qwerty"></div> </div> </div> </body> #content{ …

    Asked by capscom,

    0 votes
    20 answers

  21. Помогите с html

    Всем привет! У меня такой вопрос. Как зделать такой сайт http://oblom.com У меня сам html есть. <html> <head> <title>Ololo</title> <head> <html> <head> <body bgcolor="Black" text="Silver"> </html> <br/> <br/> <br/> <br/> <br/> <div align="center"> <font size="15"> <h1>Бугага</h1> <p></p> </body> </html> Ну как с доменом?

    Asked by xStevex,

    0 votes
    16 answers

  22. Непонятная ошибка в вёрстке

    Замучился уже их вертеть.. что уже только не делал. По идее всё просто - ставлю фиксированный размер у ячеек, которые не должны тянутся и прописываю 100% размер для тех которые должны тянутся. Вот схема проблемной части макета вот сама страница страница Табличную структуру я переписывал заново несколько раз. Прошу помочь понять в чём ошибка.

    Asked by zuldek,

    0 votes
    14 answers

  23. <br> или < /br>

    Например я верстаю под HTML 4.01, то по стандартам я должен использовать <br>? Обычно использовал < /br>... http://htmlbook.ru/html/br

    Asked by barman,

    0 votes
    1 answer

  24. Текстовая строка

    Я новичок в деле создания сайтов. Мне бы хотелось узнать как сделать такую строку, в которой сам пользователь сайта может что-либо напмсать?

    Asked by Ferdanch,

    0 votes
    23 answers

  25. Самопись или CMS?

    Решил сделать сайт. Небольшой по размерам и с узкой направленностью (сайт для тестирования по знаниям об одном языке программирования). Создал шаблон в Photoshop, сверстал его в html+css+php. И тут за неимением опыта в php я задумался о безопасности, ведь предполагается работа с чужой базой данных (с согласия второго человека), он конечно может посмотреть мой код и поправить, но за любую ошибку буду нести ответственность я и частично он. Что посоветуете? Использовать полностью самописный сайт или CMS (Joomla для примера)? CMS не хотелось бы привлекать т.к. мне скорость не нравится...любая универсальность приводит к увеличению кода в разы, хотя с другой стороны проверенн…

    Asked by brainiac!,

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