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. Теория

    Люди всех уже с наступившим новым ГоДоМ :-) Всем всего приятного и хорошего в етом ГоДу ... ! Вот а теперь вопросик вобщем есть задание , Сделать TEMPLATE с сайта cohost.ruпод joomla - разьясните что вообще нуна сделать :-)

    Asked by mOnYa,

    0 votes
    5 answers

  2. Border-image

    Всем привет. Как правильно задать для рамок картинку. Код пишу так div { width: 897px; height: auto; position: relative; margin: 20px auto; padding: 0; z-index: 0; border-image: url('ramka.jpg'); } и не работает Заранее большой спасиб.

    Asked by Oliany,

    0 votes
    5 answers

  3. как зафиксировать размер таблицы

    Привет. Как зафиксировать размер ячеек таблицы, чтобы они не сужались до размера содержимого?

    Asked by vent76,

    0 votes
    5 answers

  4. Помогите разобраться с тр?хколоночным макетом

    Помогите ПЖС разобраться с тр?хколоночным и двухколоночным макетами на дивах. Задача: сделать тр?хколоночный макет с шапкой и подвалом (примитивный - хочу разобраться, без всяких там "чтобы меньше 800 не сжимался") при условии что высота колонок определяется их содержимым, и следовательно неизвесно какая из колонок окажется "самой длинной" Я взял двухколоночный макет Влада (с это сайта) но и там при увеличении объ?ма текста в колонке "Меню" подвал прилипает к колонке сбоку. Попытался заключить колонки в общий но это не помогло.Листинг: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #middle…

    Asked by Stran,

    0 votes
    5 answers

  5. Рамка.

    Прости за ламерство . Но как можно сделать тонкую рамку на странице? И на тонкую рамку расставляют рисунки(например огонь)? Если у вас мысли о таблице то пожалуйста откажетесь от этих мыслей

    Asked by Jaeser,

    0 votes
    5 answers

  6. Таблица длинной 100%

    Пишу код: <table width="300" height="100%" border="1"> <tr> <td height="1"><table width="100%" border="1"> <tr> <td> </td> </tr> </table></td> </tr> <tr> <td background="img/main.gif"> </td> </tr> </table> Хочу, чтобы вторая строка таблицы занимала все оставшееся пространство до самого низа ради фона. Как этого добиться?

    Asked by pavelkq,

    0 votes
    5 answers

  7. Что лучше выбрать?

    Объясните, пожалуйста, в каких случаях предпочтительнее пользоваться классами, а в каких id?

    Asked by westalka,

    0 votes
    5 answers

  8. Колонка фиксированной ширины....в Mozilla Firefox и IE...

    Блок в Mozilla Firefox 2 IE 6 В первом случае, ширина фиксирована, но текст выходит за пределы блока ,т.е. происходит расширение поля... Во втором случае ИЕ растягивает границы блока,согласно содержимого.... Вопрос???? как сделать колонку фиксированной ширины ,чтобы в Mozilla Firefox текст переносился на другую строку,а в IE не изменялся размер блока в зависимости от содержимого.. При этом было бы возможно использовать margin,padding,border для блока.... Заранее спасибо...

    Asked by Serjinio,

    0 votes
    5 answers

  9. Текст в формах - как исбежать повторного ввода

    Есть вопрос. Может подскажите, где почитать или кто знает простой способ решения данной задачи ? Задача: после отправки данных формы на сервер, при возвращении в форму (например, в случае ошибки в заполнении) необходимо, что бы текст, введ?нный ранее, оставался в форме? Как это сделать?

    Asked by Shur,

    0 votes
    5 answers

  10. Есть дизайн и его пробная верстка, укажите ошибки

    Всем доброго дня. Нарисовал дизайн сайта, почитал про блочную верстку...и решил верстать его. Уже не хватает терпения "шаманить" со всем этим, поэтому обращаюсь к профессионалам! Как правильно сверстать данный макет? Я сделал свой вариант, наполовину блочный наполовмну таблицы - но пока сделал весь измучился. Кто что скажет ? Вот здесь все лежит: http://demiart.ru/forum/index.php?showtopic=28893&st=15 Всем заранее спасибо за ответы! П.С. Не нашел ссылки как загружать файлы - поэтому привожу внешнюю ссылку Прошу переместить тему, если разместил тему не там

    Asked by nonlinear,

    0 votes
    5 answers

  11. Стили .

    Всем привет ! Как с помощью стилей сделать чтобы надпись была под картинкой а-не справа и чтобы надпись невыходила за пределы картинки . есть код : #motioncontainer { margin:0 auto;/* Uncomment this line if you wish to center the gallery on page */ width: 600px; /* Set to gallery width, in px or percentage */ height: 150px; /* Set to gallery height */ } #motioncontainer a img { border: 1px solid #cccccc; /* Set image border color */ } #motioncontainer a:hover img { border: 1px solid navy; /* Set image border hover color */ } #statusdiv { background-color: lightyellow; border: 1px solid gray; padding: 2px; position: absolute; /* Stop Editing Gallery Styles */ left: …

    Asked by dima2207,

    0 votes
    5 answers

  12. Нужна помощь и разъяснение...

    Кто сможет "на пальцах" объяснить в каком случае и где (практически....) надо применять селектор display...... Не сочтите за труд ..Заранее спасибо...

    Asked by Serjinio,

    0 votes
    5 answers

  13. Подскажите насчет FLOAT

    Есть блочные элементы, при задании float для блока leftbar этот блок выезжает за пределы родительского блока maintext по высоте. Если float убрать то все становится нормально - высота родительского блока = контексту внутри. Нашел решение добавить блок-распорку со значением clear: both, но хотелось бы разобраться с этим явлением для своего образования. Можно ли это как нибудь исправить, заранее спасибо <html> <head> <style> #carrier { width: auto; background: gray; padding: 10px; margin: 0 10%; border: 1px solid green; } #maintext { width: auto; background: white; border: 1px solid red; } #leftbar { width: 200px…

    Asked by Kiar25,

    0 votes
    5 answers

  14. Разный фоновый рисунок в ячейках таблицы...вопрос...

    Стоит задача:есть строка в таблице из 4 ячеек в каждой ячейке свой фоновый рисунок...притом 1,2,3--фиксированные 4--резина на всю оставшуюся ширину...Вопрос: 1. Как корректно прописать фоновые рисунки в ячейках,чтобы мах. кода вынести в стили... 2. Есть ли смысл вписывать в ячейки DIVы и через их классы прописывать ф.картинки... З. В 4-той резиновой ячейке,что выгодно --вписать таблицу с width 100% или DIV с width 100%..(в ней тоже фоновый рисунок..) 4. Если в ячейку вписать DIV с указанием его высоты и ширины в CSS ,нужно ли продублировать эти значения для этой ячейки таблицы в коде HTML...(для упрощения просчета таблицы браузером..) Заранее спасибо...

    Asked by Serjinio,

    0 votes
    5 answers

  15. Пользовательские курсоры

    Изучаю css, дошло дело до курсоров. Делаю свой курсор, в формате .cur, сохраняю в формате 16 на 16, а на страничке он отображается размерами где то 30 на 30... совсем не красиво. Кто знает в чем проблема? Код: <html> <head> <meta http-equiv="Content-Tupe" content="text/html; charset=windows-1251"> <title>cursor</title> <style type="text/css"> p {color: red} body { cursor: url(file:///D|/cur.cur); background-color:black; } </style> </head> <body> <p>lalalalala</p> </body> </html></style> Страница с которой я брал инфо: http://www.tigir.com/css_cursor.html

    Asked by Walk,

    0 votes
    5 answers

  16. Зависимые друг от друга слои

    Никак не получается сверстать таким образом как на картинке... Высота блоков зависит друг от друга (текстовое содержание)... прич?м зел?ный и ж?лтый блоки всегда должны быть приклеины к низу Буду рады любым советам, я совсем уже опустил руки :/ Можно таблицами можно дивами, главное чтобы работало в FF, IE, Opera Кто-то решал подобную задачу?

    Asked by boom.olezka,

    0 votes
    5 answers

  17. Меню в одну строчку

    В одной из ячеек таблицы есть меню, как правильнее на css его расположить в одну строчку по горизонтали? #menu_footer1 { margin-left: 64px; margin-top: 16px; } #menu_footer2 { margin-left: 125px; margin-top: 16px; } <div id="menu_footer1"><a class="menu_footer1" href="#">Меню1</a></div> <div id="menu_footer2"><a class="menu_footer1" href="#">Меню2</a></div>

    Asked by okunev2,

    0 votes
    5 answers

  18. Жирный шрифт ссылки

    Доброго дня! Я хотел сделать как на http://sports.ru: Но не знаю как делать. Научите, пожалуйста! Заранее спасибо за ответ!

    Asked by muxrim,

    0 votes
    5 answers

  19. Как реализовать таблицу из 2-х ячеек в DIVах..

    Есть таблица из 2-х ячеек, левая резина в правой картинка не фоном.(т.е. вся строчка 100% ширины).как реализовать на блоках... В резиновой ячейке может быть блок фиксированной ширины...нельзя чтобы при сжатии экрана картинка уходила вниз под блок в левой ячейке...

    Asked by Serjinio,

    0 votes
    5 answers

  20. Проблемы с кнопкой

    <A href="http://imperialtavern.narod.ru/" target="_blank"><IMG src="http://imperialtavern.narod.ru/img/gfx/imptav.gif" width="88" height="31" border="0" alt="Имперская Таверна: Все о Morrowind & Oblivion"></A> Делаю кнопку, вроде все правильно, но на других сайтах она не работает. Высвечивается альт. тест и все(( Из-за чего это?

    Asked by Eternal,

    0 votes
    5 answers

  21. Проблемка с divами! подскажите

    Подскажите, пожалуйста! Имеется 3 блока div выстроенные в линию один за другим. Первый и третий блоки имеют фиксированную ширину в px, надо сделать, чтобы блок, который находится между ними растягивался в зависимости от разрешения экрана. Помогите, буду очень благодарен! Вот, собственно, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Слои по горизонтали</title> <style type="text/css"> div { margin:0; } #layer1 { background-color: #fc0; /* Цвет фона слоя */ float:left; background:url(img/…

    Asked by Vitten,

    0 votes
    5 answers

  22. слои, таблицы и картинки

    Добрый день! Вот возник вопрос... мне нужно у области создать оформление из картинок. попробовала все прописать слоями div - глючит. ради интереса попробовала уместить в слой таблицу - тоже глючит. попробовала наоборот, слои в таблицу - опять непонятно что. вот вариант один из самых ужасных: http://totoro-club.ru/aprel.php (сайт там временно) повторяется рамочка там где не должна... и слои не на местах. во всех браузерах смотрится по-разному. в ИЕ самое ужасное, слои даже не на своих местах. вот собственно вопрос, как решить данную задачу? желательно слоями без таблицы. Просьба не ругаться на незнание матчасти, а подсказать решение! Пожалуйста, пишите все как для дурака, …

    Asked by lamansions,

    0 votes
    5 answers

  23. как нужно выравнивать футер

    знаю только position:absolute; bottom:0; —-- налазит, если изменить размер окна, на блоки сверху. как сделать, чтобы было все время снизу и при этом не налазило на верхние блоки никогда?

    Asked by Slyfox,

    0 votes
    5 answers

  24. visibility: collapse в FF не работает?!

    Подскажите люди добрые .... в чем может быть проблема. Скорее всего ? понимаю что в голове ? но всеже без подсказки уже не могу Вобщем пытаюсь скрыть ячейки ... что то типа display: none .... нужно чтобы крос-браузерно, как следствие для FF (а здесь вопрос именно в нем) смотрю в стороно visibility как и обещают многие доки. Вот он (ниже) небольшой пример кода(сама задача несколько обширнее), который почему то отказывается работать в FF 2.0.0.11 Вобщем результат его работы (при попытке скрыть ячейки) в этом браузере ? ячейки перестают отображаться, однако выделенное под них ранее пространство остается не поделенным между соседними ячейками (так как мне кажется логичным это…

    Asked by fran,

    0 votes
    5 answers

  25. совета хочу

    чем заменяют знак пробела мне просто надо прям в центре кода сделать вот так: зи информационных сегментов друг с другом, так чтобы наиболее важные данные могли быть быстро найдены. В 60-е годы исследования в этой области породили понятие информационной Вселенной (docuniverse = documentation + universe), которая преобразила бы всю информационную деятельность. короче вокруг слово понятие надо пробелы ставить а много знаков наверно неграмотно ставить

    Asked by Kain,

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