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. Опять блоки

    Основной блок определённой ширину.Туда будет помещаться много блоков Тоже определённой ширины и высоты.При этом их ширина в несколько раз меньше ширины всего блока,что позволяет расставлять в одной строке несколько блоков.Вопрос в том как они внутри него будут располагаться.Хочу сделать чтоб они располагались так будто у них у всех стоит float:left,т.е. в одной строке стоял не один блок ,а столько сколько поместится,но мне не нужно флоат ,так как он убивает высоту у родителя. Как так сделать?

    Asked by new01,

    0 votes
    6 answers

  2. _height:expression

    Привет!! Что за _height:expression(document.body.clientHeight+'px'); и где его использовать?? Это растягивание на высоту родителя дочернего блока или нет?? <!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 type="text/css"> .za{position:relative; top:100px; left:100px; width:200px; height:400px; background:url(d.jpg) no-repeat; z-index:1} .moo{position:absolute; background-color:red; top:10px;bott…

    Asked by bot87,

    0 votes
    6 answers

  3. Тег <collapse>

    Кто-нибудь знает как работает тег <collapse>? Мне нужно сделать разворачивающийся текст Допустим набираю: <collapse collapsed title="Этот текст будет разворачиваться"> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </collapse> на экране отображается только текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст Что я делаю не так?

    Asked by S-art1,

    0 votes
    6 answers

  4. как добавить див через :before for ie6?

    <!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 type="text/css"> *{padding:0;margin:0} div{position:relative} .zi{width:500px; height:200px; border:3px solid red; z-index:expression(runtimeStyle.zIndex=1,insertAdjacentHTML('afterBegin','<div class="ab"></div>'));} .ab{position:absolute; left:100px; height:100px; width:100px; background-color:yellow; top:40px;} </style> </head…

    Asked by bot87,

    0 votes
    6 answers

  5. Нестандартное меню - как верстать ?

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

    Asked by Honcho,

    0 votes
    6 answers

  6. кроссбраузерность методы и решения

    Доброго времени суток? Столкнулся с такой проблемкой, не могу определить хак, в FF все выглядит нормально, в принципе под него изначально писал. а вот в IE, O, и в гугловском Хроме ползет... вопрос с меню в картинках код следующий: <table cellpadding="0" cellspacing="0" border="0" class="ab"> <tr> <td><img src="../images/uslugi.png" width="251" height="131" class="menu_img" tab=1 /> <div class="links" style="position: absolute;display: none;" id=menu1> <?php $sql->query("select id, name FROM page WHERE img3=1"); while(list($id,$name)=$sql->fetch_row()) echo '<div> <a href="../page.php?id='.$id.'">'.$name.'</a></d…

    Asked by gammi2,

    0 votes
    6 answers

  7. Опять верстаю меню в joomla, проблема с маркерами

    Всем привет! начал делать шаблончик на дивах и сразу возникло много проблем, начну с первой) Левое меню должно выглядеть вот так. Ненумерованный список в жумле (стандартный модуль), в качестве маркеров стрелка с фоном, и у li остальная часть. Почему то нашел единственный способ их сблизить: list-style-position: inside; в FF, Chrome робит, Opera 11.10 пофигу ( Про отступы вообще молчу, буду разбираться в порядке очереди. В IE 6 лучше не открывать, чтоб не потерять дар речи. http://soleks.ru.preview.ihc.ru/ Благодарю за советы

    Asked by Игорёk,

    0 votes
    6 answers

  8. Дизайн в три колонки

    Добрый день! У меня задача - таблицу m на n сверстать блоками. То есть строки и столбцы должны автоматически подгоняться по высоте и ширине соответственно. Это возможно?

    Asked by kuraga,

    0 votes
    6 answers

  9. как сделать меню с фреймом но без фрейма?

    как сделать чтоб кусок страницы менялся типа фрейма но без фрейма а через аджакс? например на странице http://westyle.ru/ опрос на аджаксе

    Asked by T@NKIST,

    0 votes
    6 answers

  10. Телодвижения CMS

    Вот я не пойму, можно ли включать в тело одного HTML-документа содержимое другого, как ссылка, только переносящая содержимое? Как я понимаю эту обязанность берут на себя CMS, состовляя единый документ из Head'ера, content'а и body..., находяшияся в разных местах.., зачем так всё услажнять. Почему спрашиваю: делаю простой ХТМЛ документик, но хотелось бы делать блоки отдельно друг от друга, а потом склеивать их как при фреймах... Вот например в Википедии есть механизм шаблонов, понятно он там реализован на уровне движка, но по моему, будь такая же фишка в ХТМЛ, разгрузились бы и сервера, передовая функции по компановке сайтика, в обьятия клиента-браузера... Кто чё думает?

    Asked by Лёня Антонов,

    0 votes
    6 answers

  11. css блок с теню

    Здраствуйте! Здесь http://www.yootheme.com/demo/joomla/enterprise для создания тени исползуетса картинка. Но теневые картинки там странные и я так не смог понять как они так окуратно всё зделали. Кто может мне обяснить?

    Asked by Viitolinsh,

    0 votes
    6 answers

  12. Проблема с падающим дивом.

    Приветствую всех. Начал верстать свой сайт и столкнулся с такой проблемой. HTML <div class="left">Left block</div> <div class="right">Rightblock</div> CSS .left {float:left;width:200px;} .right {float:right;width:200px;} Проблема что блок .right опускается ниже на высоту блока .left Раньше я решал проблему так: <div class="right">Rightblock</div> <div class="left">Left block</div> Понимаю, что логически это неправильно, поэтому и озадчился этим вопросом. Спасибо

    Asked by musulman,

    0 votes
    6 answers

  13. Карта yandex

    Поставил Яндекс карту на страницу контактов. В Mozilla, Opera, Chrome карта отображается, в IE6 и IE7 - нет. Сам Яндекс пишет "если отображается серый прямоугольник..." - у меня в IE ничего не отображается. Как быть? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="ru" /> <meta name="robots" content="index,follow" /> <title>Сантехника Петербург :: Контакты</title> <meta name="keywords" content="ванны акриловые,…

    Asked by slava03,

    0 votes
    6 answers

  14. Проблема с фоном.

    Доброго времени суток. Есть небольшая проблемка... Нужен фон в виде градиента, имеется изображение высотой 500рх и шириной 1рх. Нужно, чтобы оно растягивалось на всю область страницы. В данный момент, на короткой странице всё шоколадно, но если страница уходит за видимую область экрана, то на невидимую часть фон не тянется... Что не так? Страница с кодом: http://qui-qua.ru/12.html CSS: html, body { margin: 0; } #background { position: absolute; width: 100%; height: 100%; } #page { position: absolute; width: 100%; height: 100%; z-index:1; } P.S. Только не надо говорить про поиск... всё знаю, но всё не то...

    Asked by ShuRIk,

    0 votes
    6 answers

  15. Варианты применений стилей

    Всем добрый день. Вопрос к опытным специалистам: Правильно ли прописывать отдельные стили непосредственно в теге, не хочется злоупотреблять классами или идентификаторами. Правильно ли так делать, ведь весь CSS будет находится целиком в отдельном файле. Пример кода для болей ясности. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> html{ width:100%; height:100%} body{ width:100%; height:100%;} #wrap ul{ margin:0; padding:0; width:100px;} #wrap ul li ul{ width:100%;} #wrap li li{ padding-left:0px; list-style-type:none;} #wrap li{ padding:5px 0 5px 20px; border-b…

    Asked by yujin11,

    0 votes
    6 answers

  16. Проблема с отступами блоков

    Между блоком footer и блоками content,right нужен отступ в 100px. Но в IE 6 при увеличении текста в блоке content отступ примерно 56рх. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <!--[if lte IE 6]> <style type="text/css"> * html #wrap {width: expression((documentElement.clientWidth||document.body.clientWidth)<980?'980px':'');} </style> <![endif]--> <style type="text/css"> html, body { margin : 0; padding : 0; } body { font : 75% Arial, Helvet…

    Asked by andrecool,

    0 votes
    6 answers

  17. Проблема с ссылками

    В общем беда такая. Хотел добавить баннер партнерки к себе на сайт. Вставил код как есть. На странице отображается все замечательно, не не работает ссылка вообще, в строке состояния не отображается url страницы. Складывается такое ощущение что я вставил просто изображение без ссылки. Вот примерный код того что хочу вставить: <a href="http://site.ru/?referer=99999" target=_blank><img src="http://site.ru/b/img468x60.gif" width="468" height="60" border="0"></a> Уже вставлял просто текст. Оформлен текст под ссылку, а главное ссылка сама не работает. В общем та же беда Может дело в файле со стилями CSS?! Подскажите кто что знает. А то чет я не могу ни как пон…

    Asked by Scorpio2011,

    0 votes
    6 answers

  18. Убрать отступ

    Здравствуйте, столкнулся с такой проблемой. Скажите пожалуйста, как это убрать? Заранее спасибо.

    Asked by jokinglyaaa,

    0 votes
    6 answers

  19. Карта на основе Google Maps

    Утро доброе форумчане. Такой вопрос - при малых знаниях в JS , стоит ли браться за создания карты на основе Google Maps? нашел интересную статью (http://vremenno.net/js/google-maps/) в принципе довольно подробно все описано, но некоторые моменты все равно не понятны. Реально ли сделать что-то на подобии (http://www.mvideo.ru/shops/) или более сложное? спасибо за ответы и мнения.

    Asked by Torvin,

    0 votes
    6 answers

  20. Smarty - разбить на столбцы

    Всем привет! Не могу понять или найти решения. Если есть у кого минут, подскажите пожалуйста. Есть некий цикл <ul> {foreach name=aussen item=data from=$content} <li>бла бла бла</li> {/foreach} </ul> в нем выводится список, допустим, категорий. В списке может быть 2, а может 10, а может 50 записей. Как можно сделать, чтобы билось на колонки? Т.е. чтобы в списке было, к примеру по 6 категорий. При этом количество колонок изначально не известно. На примере. В списке 10 категори Категория 1 Категория 2 Категория 3 Категория 4 Категория 5 Категория 6 Категория 7 Категория 8 Категория 9 Категория 10 на выходе получить Категория 1 | Категория 4 | Категори…

    Asked by dropoff,

    0 votes
    6 answers

  21. Помогите сверстать...

    Помогите сверстать вот такой кусок, не знаю почему все плавает... http://itmages.ru/image/view/197922/65c9277d

    Asked by Select,

    0 votes
    6 answers

  22. width и heigh для img

    По началу страдал этим, постоянно width и heigh ставил, а потом так подумал, что оно мне даёт? да только лишний код. С отключенными картинками не все браузеры место по указанным размерам оставляют. И перестал. Но сейчас эта тема для меня неожиданно поднялась. В общем, господа, разъясните пожалуйста в каких случаях обязательно нужно указывать размеры и для чего?

    Asked by gimmer,

    0 votes
    6 answers

  23. Анимация глючит

    Есть резиновая дивная вёрстка с анимацией скрытия боковых блоков: http://maestro-magnifico.ru/ Используется jQueryUI. Проблема в том, что при анимации боковых блоков, текст в центральном блоке не разъезжается плавно. CSS центрального блока: #center_column { margin: 0px 190px; /* ширина боковых блоков + отступы */ border: 2px solid red; /* для наглядности */ } Если сюда добавить ещё: display: inline-block; то, анимация текста становится плавной, но сам центральный блок опускается под высоту боковых блоков: http://savepic.net/1291355.png Как это исправить? =\

    Asked by Freakmeister,

    0 votes
    6 answers

  24. background-position c background не должен работать ?

    background-position c background не должен работать ? почему второй див не работает ?? <style> div.all { display:block; position: relative; width:100px; height:100px; background:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-position: 300px 0px; } </style> <div class="all" style="background-position: 300px 0px"></div> <div class="all background_position_300_0"></div> а вот так работают правильно оба дива: <style> div.all { display:block; position: relative; width:100px; height:100px; background-image:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-po…

    Asked by iillyyaa2,

    0 votes
    6 answers

  25. Специфичность

    Например, есть вот таких два свойства: .dog a { color:red; } .cat a { color:blue; } У них специфичность у обоих по 11. Могу я как-нибудь указать браузеру, чтобы побеждало то свойства, к какому классу тег a находится ближе? То есть, чтобы в данном случае ссылка была синей: <div class="dog"> <div class="cat"> <a> hello </a> </div> </div> И второй вопрос, можно ли явно указывать значение специфичности, то есть, например я записал вот так свойство и у него была бы специфичность 111 .dog a 111 { } а если мне нужна специфичность 225, то как это указать? То есть вопрос в том, как явно указать специфичность стилевого правила?

    Asked by FanAizu,

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