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. 3-х колоночная резиновая верстка div'ами - задавать ширины локов в %

    Доброго времени суток уважаемые!!! Хочется сделать кроссбраузерную, на всю ширину окна верстку с тремя колонками и чтобы у этих колонок ширину можно было выставлять в процентах (%). Необходимо также присутствие шапки и подвала на всю ширину с определенной высотой. Пытался писать что-то вроде: <!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> <title>Untitled Page</title> <link rel="Stylesheet" href="StyleSheet1.css" type="text/css"/> </head> <body> <div id="main"> <div id="header">Heade…

    Asked by rentoc,

    0 votes
    3 answers

  2. 3-х колоночный макет

    Делаю верстку по этому примеру. Во всех браузерах работает нормально но вот в IE6 замечены такие ошибки: если в блоке «Content» находится элемент на всю ширину блока (было замеченно для <table width="100%"> и <textarea> c ,большим cols, который растягивает элемент на ширину большую чем сам блок), то центральный блок смещается относительно левого по вертикали т.е. визуально центральный блок начинается там где кончается левый, а правый смещается относительно центрального примерно так: левый блок центральный блок правый блок Что с этим делать, ума не приложу, все уже перепробывал ... ничего не помогает. Временно решил проблему так: <table w…

    Asked by folibis,

    0 votes
    0 answers

  3. 3-х колоночный макет

    подскажите как сделать 3-колоночный мекет как на скрине, трудность в том, что там у каждой колонки есть рамка и все одинаковой высоты

    Asked by sc@r@bey,

    0 votes
    4 answers

  4. 3-х колоночный макет

    Столкнулся с такой проблемой. При разметке 3-х колоночного макета решил использовать позиционирование. Колонки обернул дивом, но они игнорируют его. То что разметил выложил здесь: http://jsfiddle.net/NvLQg/ Как решить проблему? Обтеканием решил не пользоваться, поскольку надо создавать дополнительный слой с clear: both; А при позиционировании, на мой взгляд, можно более гибко работать с отступами между колонками.

    Asked by gregsv,

    0 votes
    9 answers

  5. 3-х колоночный резиновый макет, минимальная и максимальная ширина

    есть сайт с примерно таким шаблоном http://studioad.ru/divit/divit_4444.txt : плавающие блоки по бокам и резиновый центр. Проблема при использовании шаблона состоит в том, что если в средней колонке использовать свойство clear, то контент в этой странице опускается до уровня, где заканчивается правая колонка: <div style="clear:both;"> , нормальный вид Знаю, можно вместо clear использовать overflow, но это лишь способ обойти проблему, мы теряем возможность использовать clear Вопрос: это несовершенность шаблона, если да, то можно ли ее устранить? Существует другой, аналогичный по функционалу, шаблон без этой проблемы?

    Asked by abc_ua,

    0 votes
    6 answers

  6. 3-х колоночный шаблон с сайта CSSplay - ошибка автора?

    Доброго времени суток. Я искал оптимальную реализацию вертикального растягивания колонок в CSS по аналогии со свойствами таблиц и сверстал шаблон, основываясь на примере от Ste Nicholls, выложенном на его сайте CSS_Play -исходник. Итак, мой шаблон корректно отображается в Firefox 2.0, Opera 9. В Internet Explorer'е 7 левая колонка постоянно "скачет", смещаясь на пол экрана. В Safari колонка на несколько пикселей сдвинута вправо. Пример выложил в сеть, можете посмотреть здесь . Использована след. конструкция, с помощью которой достигается 3-хкол. макет: HTML (шаблон для Joomla - не обращайте внимания на куски PHP-кода): Суффиксы модулей в данном случае не влияют - отключ…

    Asked by Sulpher,

    0 votes
    13 answers

  7. 30px отступы bootstrap

    объясните пожалуйста что за странные стили добавляет twitter bootstrap и зачем они существуют вот страничка. блоку .bg_main1 я добавляю фон. в результате обнаруживается, что этот блок имеет margin-left: 30px и соответственно фон смещён по отношению к фону нижних блоков http://prozaik.16mb.com/html5_2/question_b/vb.png так же margin-left: 30px имеют и некоторые вложенные блоки мне интересно не столько решение проблемы, сколько назначение этих отступов. из-за них трудно центрировать блоки

    Asked by cyklop77,

    0 votes
    1 answer

  8. 320andup, compass, @viewport

    Доброго времени суток. В css фреймворке 320andup, в файле _site.sass был найден код такого содержания: ... @-webkit-viewport { width : device-width; } @-moz-viewport { width : device-width; } @-ms-viewport { width : device-width; } @-o-viewport { width : device-width; } @viewport { width : device-width; } ... и из-за него не проходит компиляция в compass Аналогичный код находится во всех каталогах предназначенных для обработки css препроцессарами. Вопрос: Что это такое и несёт ли в себе какой либо смысл?

    Asked by Fresh,

    0 votes
    1 answer

  9. 3d

    Реально ли создавать трехмерную графику при помощи интернет-технологий. В какую сторону копать???

    Asked by ctpz,

    0 votes
    5 answers

  10. 3d transforms css3 как вытащить весь код?

    нашёл интересную штуку https://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html как вытащить html и css файлы этой трансформации? нажмите на кнопку Toggle Shape и вы увидите эффект

    Asked by DivMan,

    0 votes
    5 answers

  11. 3d глобус - возможно?

    Как и на чем можно реализовать следующую вещь? У заказчика возникла идея - он продает туры по миру. Чтобы сделать глобус, который можно было вертеть как я поняла в 3д пространстве и еще и по итогу кручения появляется где-нибудь внизу слоя страна - вы едете в тайланд, америку итп (набор туров определенный). Куб я себе еще представляю, как реализовать - там 6 границ, каждому из которых задается положение в пространстве, но.. но шар?.. ??? Можно реализовать и как можно проще. Основная идея - сопоставить набор туров с положением на глообусе и чтобы он вертелся по мышке к примеру. И насколько то, что будет реализуемо - кроссбраузерно?

    Asked by Zverushka,

    0 votes
    11 answers

  12. 3d карусель с перспективой

    Всем привет! Не могу найти карусель такого плана http://take.ms/cu7Zu, и чтоб была отзывчивая. Может кто встречал такую, или делал, поделитесь ссылкой или исходниками.

    Asked by vladmih,

    0 votes
    2 answers

  13. 3D облако тегов

    Прошу помощи! весь день промучался с кодом <html> <head> <title>Красивое облао тегов</title> <script type="text/javascript" src="swfobject.js"></script></head> <body> <div id="tags"><?php$tags = '<tags> <a href="http://Wincert.ru" style="font-size: 15pt">Wincert</a> <a href="http://W-blog.ru" style="font-size: 15pt">Мой блог</a> <a href="http://cssor.ru" style="font-size: 15pt">Крутой сайт о CSS</a><a href="http://Wincert.ru" style="font-size: 15pt">Веб разработчик</a> <a href="http:// W-blog.ru" style="font-size: 15pt">Интересное</a> </tags>'…

    Asked by Elensar,

    0 votes
    14 answers

  14. 3D облако тэгов

    Доброго времени суток уважаемые спецы. Помогите пожалуйста решить проблему: Заказчик хочет навигацию в виде 3х облаков тэгов по разным темам, проблема в том что бы поместить все 3 облака на одну страницу. На данный момент облака на разных страницах (http://www.site-devga.ru/test/index.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" lang="ru" xml:lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /&…

    Asked by Vadim-Oblivion,

    0 votes
    7 answers

  15. 3D Тур

    Уважаемые форумчане, нужна ваша помощь. Кто-нибудь из вас знает засунуть картинку в html страницу так, что ее можно было прокручивать (в смысле как прогулка по улицам: Мышкой туда-сюда перетаскиваешь и меняется местность)? Использовал программу Panotour Pro, но она ставит своё клеймо. Пробовал отыскать код элемента клейма, но безуспешно. В общем нужна ваша помощь в создании 3D тура.

    Asked by PavelShalaginov,

    0 votes
    10 answers

  16. 3я колонка в резиновом макете

    Салют! Верстка слоями. Описание: maindiv - контейнер, растягивается на весь экран. 1я колонка - фиксированная ширина в px; 2я колонка - динамическая ширина; 3я колонка - фиксированная ширина в px, всегда в правом углу maindiv. /maindiv Задача: сверстать так, чтобы при уменьшении окна браузера, макет не рассыпался (что происходит при использовании float) и слои не налазили друг на друга (что происходит при использовании абсолютного позиционирования). Проблема, в общем, в 3ей колонке, т.к. для нее нельзя точно задать margin-left Естественно, Java или таблицы - неинтересные решения

    Asked by Jadd_NS,

    0 votes
    5 answers

  17. 4 div расположить рядом друг с другом

    Здравствуйте! Есть такой код: Его содержимое генерируется скриптом, и поменять его вроде как нельзя. Однако можно менять очередность <div class=view-field*> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last"> <div class="views-field-created-1"><span class="field-content">07</span></div> <div class="views-field-created"><span class="field-content">05/10</span></div> <div class="views-field-title"><span class="field-content"><a href="/%7Ealexd/drupal/?q=node/2" class="active">Недавно был запущен новый проект</a></span></div> <div class="vi…

    Asked by alexd73,

    0 votes
    6 answers

  18. 4 в ряд меняющиеся картинки в шапке сайта

    Помогите! надо в шапке сайта расположить 4 картинки, которые будут при этом постоянно меняться(в каждой картинке 4 варианта (того 16 картинок в папке) хотелось бы чтоб менялись рандомом. Перепробовала кучу скриптов, либо не работают, либо картинки сбиваются влево. Таблицей их тоже дисциплинировать не получилось. подскажите нормальный рабочий скрипт в html

    Asked by zoobic,

    0 votes
    20 answers

  19. 4 вопроса по css

    Здравствуйте, подскажите пожайлуста по трем вопросам: 1. Есть вот такой код: <table> <tr> <td style="" valign="bottom"><a href="index.php?register=yes" class="reg">Зарегестрироваться</a></td> <td><input value="Войти" type="submit" /></td> </tr> </table> Как все это сделать не таблицей, а блоком? Причем, естественно, нужно, чтобы надпись и кнопка находились на одном уровне. Это я к тому, что просто рядом можно разместить и так: <a href="index.php?register=yes" class="reg">Зарегестрироваться</a><input value="Войти" type="submit" /> но в Опере и ФФ надпись подымается к верху…

    Asked by _axl,

    0 votes
    3 answers

  20. 4 картинки к одному элементу

    Добрый день. Можете помочь в такой веще: как сделать четыре изображения к одному элементу, чтоб первое изображение было вверху слева и повторялось по оси "y" , второе вверху справа и повторялось также по оси "y" , третье внизу слева и повторялось по оси "x", и четвертое внизу справа которое повторялось также по оси "x"? пробивал делать по примерам, где две картинки к одному элементу, не получилось Скрин того что должно получиться: http://imm.io/2K5B Заранее спасибо Приблизительный код в html <div> <div class="PIC1" > <div class="PIC2" > <div class="PIC3" > <div class="PIC4" > </div> </div&g…

    Asked by Temiks,

    0 votes
    3 answers

  21. 4 колонки одним списком :)

    Народ, привет)) Не могу понять, возможно ли вообще вывести некий список одной конструкцией <ul></ul> в 4 "колонки", при этом нарисовав докучи разделители между этими "колонками" ?))) Если не <ul></ul>, то как ? Т.е. нужно сделать так, что б в дальнейшем без проблем можно было выводить таким образом списки различной длины. Надеюсь суть понятна)) Заранее благодарю! Нечто подобное должно получиться:

    Asked by lolka84,

    0 votes
    2 answers

  22. 4 резиновый колонки в IE6

    Не могу понять почему в ие слетает один слой шириной 25% <!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" /> </head> <style> *{ margin:0; padding:0; } html,body { width:100%; height:100%; } #wrap{ margin-top:100px; width:100%; height:33px; } .partWrap{ float:left; width:25%; font-size:1px; height:4px; background-color:green; } </style> <body> <div id='wrap'> <div class='partWrap'></div> <div class='partWr…

    Asked by tonik_spb,

    0 votes
    1 answer

  23. 4 состояния кнопки?

    Кнопки формы имеют 4 состояния: по умолчанию, блокированное, наведение, нажатие. А как сделать блокированное состояние?

    Asked by olechic,

    0 votes
    4 answers

  24. 4 элемента в колонке, если добавляется 5-ый, то он уходит в другую колонку

    Элементы генерируются с помощью js. В колонке должно быть 4 элемента. Если добавляется 5-ый, то он уходит в другую колонку. Как это реализовать? http://skrinshoter.ru/s/010818/mKAyNKug?a

    Asked by yaparoff,

    0 votes
    3 answers

  25. 4-х колоночный макет

    Имеется трех колоночный макет. 1 и 3 фиксированная ширина. 2 резина. За основу взят набросок Klierik'a http://forum.htmlbook.ru/index.php?showtopic=21817&pid=198608&st=0entry198608 Как можно сделать из нее 4-х колоночный. 1 и 4 фикс. 2-3 резина.

    Asked by Selen,

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