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. Помогите... JS не возвращает назад по истории

    Не понимаю где ошибка... JS не возвращает назад по истории Назад < И посмотреть негде :>

    Asked by antonP,

    0 votes
    1 answer

  2. 3 фиксированных div, один со скролом.

    _______________ I_1_I____2______I I I I |_3_I____4______I Надо разделить вывод на 4 зоны, - три фиксированых(1,2,3), - заголовков и меню, и одна - контент (4)с появлением скрола при превышении размеров экрана. При скроле контента (4) и при зуммировании вывода (1,2,3) должны остаться на месте. Такое возможно? У меня получилось только с позиционированием fixed, но при этом, если в браузере делать zoom страницы, все сдвигается. Заранее спасибо за помощь.

    Asked by dad,

    0 votes
    1 answer

  3. Событие по onclick

    Подскажите, пожалуйста, начинающей Есть меню, каждый элемент которого состоит из таблицы. По событию onclick по таблице заменяются некоторые элементы таблицы, а также некоторые свойства элементов. Но никак не пойму как сделать так, чтобы при следующем щелчке по другой таблице в первой все менялась обратно? Код такой пока function paint(table1) { var img1 = table1.firstChild.firstChild.firstChild.firstChild; var td1 = table1.firstChild.firstChild.firstChild.nextSibling; var img2 = table1.firstChild.firstChild.firstChild.nextSibling.nextSibling.firstChild; var tr1 = table1.firstChild.firstChild; img1.setAttribute('src', 'images/Copy-of-maket_10.jpg'); img2.setAttribute('…

    Asked by koshkina,

    0 votes
    1 answer

  4. Плавающее окошко

    Как создать плавающее окошко без использования фреймов? Или наподобие попапа на flash? Хочу сделать доп. информационное окошко. по крайней мере - где почитать информацию?

    Asked by Komatoz,

    0 votes
    1 answer

  5. Фоновый рисунок для слоя, масштабирование по вертикали.

    Подскажите пожалуйста можно ли сделать так, чтобы изображение, которое заданно в свойстве background-image для div, растягивалось по вертикали вместе с самим дивом ?

    Asked by Casufi,

    0 votes
    1 answer

  6. max количество строк в css коде

    Взял тестовое задание,чтобы устроиться на работу (psd - шаблон). Через две недели общее количество строк в коде составило 1100 (~20KB). Из них 1000 приходиться непосредственно на css. Вопрос в следующем: какое максимальное количество строк допустимо в коде одной страницы.

    Asked by cx717,

    0 votes
    1 answer

  7. Как запретить в IE всплывание на картинке <img></img> менюхи?

    графического меню, с предложением распечатать, сохранить?? как это заблочить??

    Asked by OneginZheka,

    0 votes
    1 answer

  8. Закругления проблема

    Есть плашка которая по длине растягивается от размера заголовка. Возможно это проблема position:absolute; как можно по другому ее реализлвать. Спасибо Проблема В IE 6 не работает.

    Asked by leros,

    0 votes
    1 answer

  9. Как выравнить картинку в DIVe по низу

    Помогите выравнить картинку по низу без backgrounda.... может есть способы.... Пробовал vertical-align: bottom; - не выравнивается.... Вот ссылка: http://one-gi.ru.terra.mtw.ru/test/vertical.html Вот код: <!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>Untitled Document</title> <style type="text/css"> <!-- --> </style></head> <body> <div style="height:300px; width:500px;vertical-align: bottom; text-align:center; border:#00FFFF 5px solid;"> <img src="/test/…

    Asked by antonP,

    0 votes
    1 answer

  10. Не работает ширина блока в процентах в ie7

    Задаю ширину блока {width: 90%) но он не тянется в ie7

    Asked by teberium,

    0 votes
    1 answer

  11. Статичная высота ячеек

    Имеется таблица: задача сделать так, чтобы при увеличении высоты ячейки 2Е,высота ячеек 1А,1В,1С не изменялась, изменялась тольо высота ячейки 1D. Как это возможно?

    Asked by AKstoAK,

    0 votes
    1 answer

  12. Проблемы с таблицами

    Здравствуйте. Очень нужна ваша помощь. Вот сайт:http://sportanalytic.com/. Как сделать так чтобы таблицы не ездили по странице а были прикреплены к вершине?

    Asked by EnergY2007,

    0 votes
    1 answer

  13. Загрузка файла MP3 на свой сайт

    Привет всем! Записал звук с микрофона и звучание интернет-радио в формате MP3. Этот файл хочу загрузить на сервер -но закачиваться он не хочет,да и переслать по e-mail-щ?лкаю прикрепить-загрузка не ид?т. Помогите разобраться

    Asked by сергей-7,

    0 votes
    1 answer

  14. Проблема с автоматической высотой дива.

    Странная возникла проблема... Есть слой с автоматической высотой, в нем находятся 2 слоя, справа и слева с фиксированными высотами. При этом, главный слой, по идее, должен удлиняться в зависимости от высоты тех 2-х слоев. Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/css; charset=windows-1251" /> <title>Gallery</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <div class = "main"> <!-- Header--> &l…

    Asked by Mihail Dobkin,

    0 votes
    1 answer

  15. Обтекание текста.

    Искал, но нигде не нашел ответа на свой вопрос. Подскажите пожайлуста, как сделать обтекание текста вокруг картинки, внутри тега div. Пробывал (clear: none), но что то не получается.

    Asked by nivodor,

    0 votes
    1 answer

  16. Проблема с DIV'ами

    Задача. В тег ДИВ фиксированного размера вставить Н-ое число ДИВов, внутри которых будет хранится изображение. Необходимо сделать прокрутку этих изображений в ДИВе, без использования скролл-бара. Проблема: 1. Внутренние ДИВы переносятся на след. строку. 2. Не могу выровнять изображение во внутреннем ДИВе по-вертикали. HTML: <div class="photos_slider"> <div><img src="/img/test_photo1.gif" border="0" alt=""></div> <div><img src="/img/test_photo2.gif" border="0" alt=""></div> <div><img src="/img/test_photo3.gif" border="0" alt=""></div> <div><img src="/img/test_photo1.gif" border="0" alt=""></div…

    Asked by Grenouer,

    0 votes
    1 answer

  17. Прозрачность фона в png

    Почему картинка с прозрачным фотоном сохряненная как png-файл по разному отображается в IE и в FireFox'e? В лисе все нормально, просвечивается как и должно быть, а в IE за место прозрачного фона появляется какой то голубоватый!? Как бороться? Можно посмотреть тут: http://artvasiliev.com/ При входе кнопки RUS и ENG не так отображаются

    Asked by nicotin,

    0 votes
    1 answer

  18. Выравнивание картинки внутри DIVа

    Есть квадратный DIV, внутри маленькая картинка. По ширине выровнена по центру. Как выровнять е? точно так же по высоте? Чтобы она отображалась по центру дива, а не липла к верхнему краю?

    Asked by green,

    0 votes
    1 answer

  19. Левые графические маркеры в IE6

    Проблема - страннее некуда. Сделал графические маркеры для элементов списка, но в ИЕ6 и ниже, как-то неправильно отображается маркер верхнего элемента списка - он съезжает вниз зачем-то. http://www.korben.biz/nukerus/modules.php?name=Products - неправильное отображение только в ИЕ6, ИЕ5 тоже - ниже не пробовал, но видимо также. В FF, IE 7 и Опере работает правильно. Подскажите, пожалуйста, в ч?м может быть заскок? уже вс? перепробовал! Вот код CSS: .nav { margin-left: -20px; padding-top: 10px; } .nav li { float: none; } .nav ul li a:hover, .nav ul li:hover { list-style-image: url(images/arrcur.gif); } .nav a.current, .nav a.current:visited { color:#ff0000; list-…

    Asked by Korben,

    0 votes
    1 answer

  20. Проблема в ИЕ с первым дивом

    Проблема с отображением пачки дивов, идущих друг за другом, имеющие идентичный код. Проблема только с первым... и только в ИЕ! .messages { min-height: 100%; margin-left:214px; margin-right:10px; _margin-right:7px; _margin-left: 8px; background-color:#C1EEC7; padding:3px; } .letter { background-color: #F9FDFA; height:24px; margin-left: 5px; margin-right: 5px; margin-top:1px; position:relative; overflow: hidden; } <div class="messages"> <div class="letter"> <table width="100%"> <tr> <td align="center" class="chckbox"><input type="checkbox"/></td> <td class="name">Вася Пупкин</td> <td class="sub…

    Asked by Narlie,

    0 votes
    1 answer

  21. проблема с ie и text-decoration

    Народ кто ни будь встречался с проблемой: текст в ячейках таблицы отображается как underline и никакие стили не помогают даже style=""

    Asked by begemot3,

    0 votes
    1 answer

  22. table 100% в блочной верстке

    Здравствуйте, столкнулся с такой проблемой: имеется верстка такого вида —————————————————————-- | | | | | | | | | | | | float:left; | ширина не задана | float: right; | ширина: | | ширина: | фиксир. | | фиксир. | | | | | | | —————————————————————-- При вставке в центральную часть <table width="100%"> <tr> .... some code.... </tr> </table> Таблица уходит под левую часть. как исправить? CSS: /* CSS Document */ *{margin:0px; padding:0px;} img{border:none;} img.png{behavior:url("png.htc");} html{ height:100%; } body{ height:100%; font-family:"Tahoma"; font-size:11px; color:#000; background:url(../images/texture.jpg); } body a{ color…

    Asked by DiMas,

    0 votes
    1 answer

  23. Слои

    Не раз видел понятие слоев в html. А что это такое где и зачем используется

    Asked by ardjuna,

    0 votes
    1 answer

  24. меню с помощью списков

    Пытаюсь сделать обыкновенное меню. Разве что хочется с чтоб он было покрасивее. Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> #main li{ width:300px; height:50px; border:2px solid green; display:block; } #insert li{ width:300px; height:20px; border:1px solid red; display:block; } </style> </head> <body> <ul id="main"> <li>Первый пункт <ul id="insert"> <li>Первый подпункт</li> <li>Второй подпункт</li> <li>Третий подпункт</li> </ul> &lt…

    Asked by cx717,

    0 votes
    1 answer

  25. Help Please

    пацаны , расскажите please как сделать полосу прокрутки которая справа цветной ... я где-то видел давно но сейчас найти не могу ...

    Asked by mOnYa,

    0 votes
    1 answer

  • Обсуждения

    • 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