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 в Safari

    Проблема заключается в том, что сафари добавляет какие-то лишнии отступы. Подскажите пожалуйста, как бороться вот код http://jsfiddle.net/BKM7p/4/ .

    Asked by like2dev,

    0 votes
    5 answers

  2. Структура кода

    Накапливаются вопросы, и, пусть не все сразу, но частичто буду их сюда выкладывать на обсуждение или точный ответ. Для начала, вопрос такой: При "многоуровневой" верстке чему стоит отдать предпочтения: индивидуальному классу у каждого элемента*, вложенности элементов в ксс-коде**, нескольким классам у одного элемента***, или id-шникам**** (если элемент не интересен серверу и одинок на страчке). Что бы выбрали Вы и почему? Пример для тех, кто не совсем понимает, о чем речь. Пример нельзя признать полностью корректным, но суть вопроса он полностью отображает.

    Asked by paracelso,

    0 votes
    21 answers

  3. Литература по веб-программированию.

    Здраствуйте! Хотелось бы, что бы вы посоветовали достойную литературу по веб-программированию. Прочитал книгу А. Ломова «HTML, CSS, скрипты: практика создания сайтов» Она мне бузумно понравилась, т.к. материал объясняется в понятной форме и очень доступно. К минусам, возможно, стоит отнести то, что книга 2006 года и не затрагивает HTML 5, CSS3(хотелось бы узнать о них из уст Ломова). Как понимаете, изученного материала недостаточно для создания функционального сайта. Хочется продолжения.(к сожалению книгу «Apache, Perl, MySQL: практика создания динамических сайтов», продолжение предыдущей , в Москве, я не могу найти)В общем нужна книга с информацие о серверной стороне са…

    Asked by OlegLont,

    0 votes
    1 answer

  4. Вложенные DIV-ы

    Доброго времени суток!В общем проблема такая!На сайте есть вертикальная тень.Сверху она "притухшая" в середине идёт нормальная а к низу опять угасает.Нужно сделать так чтобы средняя часть тени тянулась по высоте контента.Посоветовали сделать вложенные DIV-ы.Подскажите как это примерно реализуется или ссылку на материал киньте.Буду очень признателен.

    Asked by Digidie,

    0 votes
    3 answers

  5. Есть трабл в вёрстке

    Сама вёрстка здесь _bio-logiya.ru Когда заходишь под оперой, то сайт какбы padding-top: 100px; Если обновить, то вернётся на своё прежнее положение. Тоже самое происходит если открыть ссылку с помощью колёсика, тоесть страницу в новой вкладке. В чем может быть проблемы?

    Asked by bayanruby2,

    0 votes
    7 answers

  6. Chromium добавляет пиксельную solid-рамку только для textarea

    Привет всем! Намедни столкнулся с интересным багом(?) при создании форм на сайте. Было замечено, что при создании в Chromium (Ubuntu 10.04/MacOS X, во всех браузерах под Windows не замечено) поля textarea, браузер автоматически создает рамку вокруг этого элемента, то есть он перестает быть нативным. Мне кажется это началось с тех версий, когда появились именно resize-textarea. Думал, что проблема в resize, но убрав его (resize:none) ничего не поменялось. Вопрос принципиальный для клиента, а переделывать все формы под "1px solid" не хотелось бы, к тому же select-боксы выглядели бы уродливее. Кто сталкивался с подобным, к чему пришли в итоге? Заранее спасибо!

    Asked by slava_bjj,

    0 votes
    1 answer

  7. Div 100% в ie 9

    Всем доброе. Народ столкнулся с проблемой когда используется height div 100% и min-height 100% в ie 9. Суть проблемы при div height=100% дивы растягиваются на видимую часть экрана, но если текст привышает, то он выходит за границы <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> html, body { width:100%; height:100%; margin:0; padding:0; } #layer_0 { height:100%; background-color:#999999; } .layer_1 { height:100%; width:600px; background-color:#99CCFF; } .layer_2 { height:100%; wi…

    Asked by Alex Dark,

    0 votes
    3 answers

  8. Как это работает.

    http://www.artlebedev.ru/kovodstvo/business-lynch/2011/09/21/ Очень понравилась фишка, когда жмешь с коментариями - появляется сопроводительный текст рисунки ттд... Также можно нажимать сочетанием клавишь на клавиатуре.. Пытался смотреть ХТМЛ - ничего не понятно CSS идет в середине кода.. Хотелось бы услышать от мастеров в двух словах - как это реализовано..

    Asked by veromi,

    0 votes
    4 answers

  9. выравнивание блоков(2 в 1)

    Научите как правильно выравнивать блоки. У меня есть блок с черным контуром в который нужно поместить красный и синий блок с растоянием между ними, например 10px Для наглядности есть макет:

    Asked by atew,

    0 votes
    7 answers

  10. -webkit-text-size-adjust -ms-text-size-adjust

    html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } гугл по этому молчит!!что это и для чего его задают?

    Asked by dostel1,

    0 votes
    9 answers

  11. селектор атрибута в IE

    такой css: .modCont td[rowspan]{ text-align: left; } .modCont td, .modCont th{ border-left: 1px black solid; border-right: 1px black solid; text-align: center; } и такой html <tbody> <tr> <td rowspan="7"><strong>bla-bla-bla</strong></td> </tr> <tr><td>60</td><td>0,26</td><td>-</td><td>22</td><td>50</td><td>92</td><td>129</td></tr> <tr><td>100</td><td>0,43</td><td>-</td><td>13</td><td>30</td><td>55</td><td>77</td></tr> <tr&gt…

    Asked by Быколай,

    0 votes
    9 answers

  12. Как реализовать такой футер?

    В общем нужно сделать футер такой как в этом шаблоне Ссылка на шаблон с футером Футер прозрачный на всю длину окна постоянно внизу экрана не зависимо от полосы прокрутки. Спасибо.

    Asked by BupycAP,

    0 votes
    5 answers

  13. Не работают стили для div

    Есть div-елемент вроде хедера . В нем задан фон(картинка) . Внутри этого елемента должно быть еще 4-и елемента (переключатель(разделитель)страниц и три тега <p>) Кадый едемент я взял в div и задал ему стиль. И так сам корневой div отбражается коректно(имеет position:reletive;) , пока в него не вставить другие . После этого он сежджает немного вниз. В это время сами елементы (те которые внутри) имеют значение position:fixed; Чтобы корневой div не сежджал в низ ему тожэ присваеваю position:fixed . Но тут другая проблема. Весь контент снизу начинает его перекрывать. Чтобы исправит это , делаю поверх него пустой div с position:reletive . Но снова неудача так как пустой …

    Asked by Vandeko,

    0 votes
    3 answers

  14. Последовательность загрузки контента сайта

    При загрузке сайта, первый начинает грузится слайдер(это заметно при маленькой скорости интернета) т.е. сначало картинки грузятся в столбик(список ul), только потом в слайдер. www.picnic-abakan.ru

    Asked by Bandyy,

    0 votes
    2 answers

  15. Проблемы с сочетанием css свойств position,overflow и white-space в Opera

    Здравствуйте! Написал небольшой скрипт для слайдшоу. Для примера: Есть список состоящий из 7-ми изображений: <div id="galery"> <div class="previous"><a href="#">Назад</a></div> <div class="container"> <ul> <li><a href='anketa.php?id=1&name=anketa1'><img class="anketa" src="img/1.jpg" /><img class='newMessage' src='img/newMessage.jpg' /></a></li> <li><a href='anketa.php?id=1&name=anketa2'><img class="anketa" src="img/2.jpg" /><img class='newMessage' src='img/newMessage.jpg' /></a></li> <li><a href='anket…

    Asked by Adel1ne,

    0 votes
    0 answers

  16. Браузер расширил таблицу

    проблема решена. удалите тему, пжл.

    Asked by McArcher,

    0 votes
    0 answers

  17. Не работают стили для div

    Есть div-елемент вроде хедера . В нем задан фон(картинка) . Внутри этого елемента должно быть еще 4-и елемента (переключатель(разделитель)страниц и три тега <p>) Кадый едемент я взял в div и задал ему стиль. И так сам корневой div отбражается коректно(имеет position:reletive;) , пока в него не вставить другие . После этого он сежджает немного вниз. В это время сами елементы (те которые внутри) имеют значение position:fixed; Чтобы корневой div не сежджал в низ ему тожэ присваеваю position:fixed . Но тут другая проблема. Весь контент снизу начинает его перекрывать. Чтобы исправит это , делаю поверх него пустой div с position:reletive . Но снова неудача так как пустой …

    Asked by Vandeko,

    0 votes
    2 answers

  18. Проблема с padding

    Добрый вечер! При выставлении параметров padding левая колонка наезжает на центральную. Не пойму в чем дело. Подскажите, пожалуйста. Мой сайт + код ниже .sidebar1 { padding: 15px 15px 10px 10px; float: left; width: 20%; height: 100%; background: #d3de97; padding-bottom: 0px; background-image: url(); } .content { padding: 0px 0; width: 60%; float: none; margin:0 150px 0 180px; background: #e4ecb8; padding-bottom: 0px; background-image: url(); }

    Asked by st2b,

    0 votes
    2 answers

  19. как сделать?

    Подскажите пожалуста, как правильно порезать http://clip2net.com/s/1fznk? делать ввиде меню? версткой только начинаю заниматься.

    Asked by Sergey410,

    0 votes
    10 answers

  20. margin-right:-100%

    В этом примере, в слое с классом leftblock margin-right:-100% (видимо для резины??) Как понять margin-right:-100% ??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  21. Как постепенно делать бекграунд невидимым ?

    Вот у меня бекграунд резко заканчивается там, где заканчивается контент. В принципе картинка плавно переходит в фон, но когда контента много. А когда мало - вот такая четкая граница, как сделать чтобы фоновая картинка внизу плавно исчезала, независимо от количества контента ?

    Asked by kpripper,

    0 votes
    6 answers

  22. Выбранный пункт меню

    В общем такая штука. Есть меню из картинок: <a><img></a> Нужно выставлять прозрачность для картинке, по ссыке которой мы сейчас перешли. В предыдущем проекте было так: .menu a.selected > img{ filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

    Asked by systemiv,

    0 votes
    6 answers

  23. Вывод значение массива через smarty

    Доброго времени суток. Ребята, что-то не могу никак понять как разделить вывод. Есть массив примерно такой (убрал лишнее) shopcart Object ( [tax] => Array ( [1] => Array ( [value] => 2684.27142857 [desc] => Включая налог ) ) ) в шаблон передается $tpl->assign('UST', $_SESSION['cart']->show_tax()); Мне в шаблоне нужно получить в виде двух меток Например {$UST_DESC} - Включая налог {$UST_VALUE} - 2684.27142857 Т.е., чтобы удобнее было ими в шаблоне оперировать. не могу понять как сделать

    Asked by dropoff,

    0 votes
    0 answers

  24. знания PHP

    Привет всем. У меня возник такой вопрос : Обязательно ли знать php для того что бы верстать шаблоны (Я верстальщик , но с cms ещё дела не имел, посмотрел на готовый шаблон Joomla там увидел много php кода , вообще не понятного для меня) под ту или иную cms ? Вообще хочу начать свое изучение cms с Joomla т.к. слышал что эта кмс легка в обращении , и в ней легко разобратся новичкам. Или возможно вы мне посоветуете .. с чего лучше начать , изучать php или сразу переходить к изучению верстки под cms. И Спасибо всем прочитавшим за затраченое время

    Asked by MaferoK,

    0 votes
    1 answer

  25. Очень простой вопрос

    Это кажется само собой разумеющимся, что у фото-галерей да и других фоток есть маленькие дубликаты thumbs. (превьюшки). И я их тоже использую. Но воспрос все же остается. Зачем их используют? Только для того, чтобы уменьшить размер сайта при загрузке? В сети натыкался только на то, как их сделать, а на вопрос "для чего?" ответа нигде не было. Подскажите, пожалуйста.

    Asked by oke11o,

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