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. В IE6 в стилях не работает тег BODY

    Приветствую. Ситуация следующая: Создаю встроеную таблицу стилей, например: <html> <head> <style type="text/css"> <!-- BODY { background-color: #99653e; color: #f0f; } --> </style> </head> <body> текст </body> </html> Вс? прекрасно работает в IE 6, однако стоит вынести таблицу стилей в отдельный файл как тег BODY в IE 6 переста?т работать (все остальные теги работают нормально а вот BODY не работает) в Opera все теги работают нормально. Подскажите, так ли это или я в ч?м то не прав, В ч?м ошибка и как исправить? Вот листинг раздельных html и css: <html> <head> <link rel="stylesheet" type="text/css" hre…

    Asked by Stran,

    0 votes
    4 answers

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

    Помогите ПЖС разобраться с тр?хколоночным и двухколоночным макетами на дивах. Задача: сделать тр?хколоночный макет с шапкой и подвалом (примитивный - хочу разобраться, без всяких там "чтобы меньше 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

  3. установка доступа 777, 775 и т.д. и т.п. Какой для чего

    Такая проблема. Ставлю скрипты php. в некоторых в инструкции все четко написано где что поставить, а в некоторых ненаписано. Так какие куда ставить?, что бы все работало, а то что то не работают, выводится какая то ошибка на главной страницы и все. Или это не из за этого...

    Asked by apika,

    0 votes
    9 answers

  4. Див по середине страницы!

    Необходимо отцентрировать див по середине страницы(по горизонтали и вертикали), поверх остальных таблиц, рисунков и т.д. Заранее Спасибо

    Asked by ros.pro,

    0 votes
    3 answers

  5. Прозрачность

    Задал див с прозрачностью, потом вложил в него еще один див и он тоже стал прозрачный. Как сделать чтобы 2-й див не был прозрачен?

    Asked by ros.pro,

    0 votes
    10 answers

  6. Меню сайта

    Здравствуйте Хотелбы узнать следующее. Я написал сайт вс? работает, но меню которое я поместил в <TABLE cellpadding="0" cellspacing="0"> <TR> <TD> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> <TR> <TD class=mbut onmouseover="this.style.backgroundColor='#000000';" onmouseout="this.style.backgroundColor='#5B0D00'" align=middle style="border: 1px solid #D95700"> <FONT face="Courier New"> <SPAN lang="ru"> <A style="font-size: 13pt" href=index.html> <SPAN style="text-decoration: none;"> главная </SPAN></A></SPAN></FONT></TD> &l…

    Asked by DCLIGHT,

    0 votes
    11 answers

  7. 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

  8. Меню на CSS и list-style-image

    Всем привет В первый раз делаю горизонтальное выпадающее меню на CSS, то есть меню, представляющее собой на самом деле маркированный список. Ну, с самим меню вроде вс? ясно Но вот есть такой вопрос. А возможно ли сделать маркеры у списка, т. е. у пунктов самого меню, ввиде маленькой картинки? И если да, то как? Для маркированного списка в сво?м обычном виде такое сделать получается, а как только для [*] зада?шь float:left, чтоб элементы списка расположились горизонтально, - в IE маркеры вообще исчезают, в других браузерах есть, но не совсем так, но с этим, думаю, можно что-то сделать , а во как с IE быть, не знаю...

    Asked by Koldunja_Leessa,

    0 votes
    3 answers

  9. Рамка.

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

    Asked by Jaeser,

    0 votes
    5 answers

  10. что скажите ?

    Вот верстал меню Что скажите по коду мне честно говоря он кажется не очень Как можно было бы сделать подругому без помоши картинок ? <div class="head2"> <ul> <li><a href="1.html"><img src="images/1.gif" alt=""></a></li> <li><a href="2.html"><img src="images/2.gif" alt=""></a></li> <li><a href="3.html"><img src="images/3.gif" alt=""></a></li> <li><a href="4.html"><img src="images/4.gif" alt=""></a></li> <li><a href="5.html"><img src="images/5.gif" alt=""></a></li> <li><a href="6.html">&l…

    Asked by musulman,

    0 votes
    3 answers

  11. Как сделать 2-колоночный резиновый контент?

    Здравствуйте! хочу сделать div content резиновым, а сайдбар фиксированным, но в этом div content в две колонки помещаю div'ы, но при сильном сжатии (явно больше указанных 200px) эти дивы уезжают друг под друга. Чтобы они ровно вставали сделал div'ы SubContent1,2. Вроде зафиксировал все координаты, но не получается... Что можете посоветовать? Или это надо делать таблицами =( ? CSS: #Content{ float:left; width:100%; min-width: 200px; margin-right: -250px; /*сайдбар там*/ } #SubContent1 { float:left; width: 96%; padding: 20px 1% 20px 0; max-height: 400px; } #SubContent2 { float:left; width: 96%; padding: 20px 1% 20px 0; max-height: 400px; } #DIV1 { float: …

    Asked by walaby,

    0 votes
    1 answer

  12. Информер в новом окне

    Интереса ради скопировала себе код информера. Хотелось бы, чтобы при клике сайт открывался в новом окне. С обычным HTML кодом справиться я могу. Со скриптом-проблемы. Материалы здесь на сайте посмотрела, но что то я запуталась куда и что размещать. Может кто поможет дополнить необходимое? <script language=javascript src=http://www.sunhome.ru/informer/magics/magics.php?w=NjAw&ts=NA==&ls=MTE=&txs=MTI=&bs=Mg==&align=bGVmdA==&color=ZmYwMGZmODAwMDgwNDQ0NDQ0ZWU4MmVl >

    Asked by Юлия,

    0 votes
    3 answers

  13. Подключение css файла

    Всем привет. есть некий шаблон страницы, разбитый на части и собираемый в последствии (include) я хотел подключить меню находящееся в отдельном файле с помощью линка.. - НЕ ПОЛУЧАЕТСЯ. далее добавляю в head местную конструкцию - содержимое файла ............... содержимое css файла (меню) ТОЖЕ НЕ РАБОТАЕТ! то есть формируемая стр НЕ УЧИТЫВАЕТ ПОДКЛЮЧАЕМЫЙ ЛИНК... ———————————————————————— ЧТО ЕЩЕ ИНТЕРЕСНО.. ФОРМИРУЕШЬ ЦЕЛИКОМ СТР. ПРОПИСЫВАЕШ В ШАПКУ КОД МЕНЮ CSS - И ВСЕ РАБОТАЕТ, А ДИНАМИЧЕСКИ НЕ ФОРМИРУЕТ.. знающии или сталкивающиеся с этим - подскажите что может быть не так?!! Спасибо.

    Asked by denand,

    0 votes
    15 answers

  14. Наследование фона таблиц внутри таблиц

    Имеется фоновая картинка листа в теге body. На весь лист создаю таблицу 100%х100%. Фоновая картинка таблицы - прозрачная сетка. Далее размечаю лист, как хочется. Нужно, чтобы при создании новых таблиц внутри основной ее фон не распространялся на них, но фон листа оставался. Пока избавляюсь от сетки, назначая фоновый цвет таблицам. Но при этом фон листа тоже исчезает.

    Asked by pavelkq,

    0 votes
    6 answers

  15. Центрирование менюшки

    Приветик всем. Пытаюсь позиционировать менюшку строго по центру. В ИЕ6 центрируется нормально, но мозилла сдвигает ее влево. Ставлю в двух дивах. Не пойму, что не так. Заранее спасибо за поддержку. Код такой: /*——————headmenubox—————-*/ #headmenubox {position:absolute; top: 290px; width: 795px; height: 30px; margin-left: auto; margin-right: auto; background-color: #F7F2EE; border: 2px outset; z-index:3;} /*——————header-menu—————-*/ #header-menu {position:relative; top:0; width: 90%; height:auto; padding-left:; margin:0 auto; font-family: Times New Roman, serif; text-align: center; font-weight: bold; font-style: italic; background-color: #F7F2EE; colo…

    Asked by Oliany,

    0 votes
    3 answers

  16. Помогите с проигрывателем

    В общем, написал на сайте страничку креативов, куда человеки могут закинуть флэшки, видео или музыку. Но возникла проблема с проигрывателем для видео и аудио - перерыл кучу скриптов, везде одно и то же "УСТАНОВИТЕ ПЛАГИН". Разве что медиаплеер11 в седьмом эксплорере работает:) Подскажите мне решение этой проблемы, плиз.... Вот например сайты серии Ютуба - заходишь - работает под всеми браузерами, не без глюков, конечно, но работает

    Asked by Элвис,

    0 votes
    10 answers

  17. Позиционирование изображений через <div>

    Хочу сделать, чтоб не было видно разрыва между рисунками, но не могу удалить разрыв по горизонтали. Вот код: <div class="heather" align="center"> <img src="images2/heather1.jpg" width="244" height="154" /><img src="images2/heather2.jpg" width="536" height="154" /> </div> <div class="panel" align="center"><img src="images2/panel1.jpg" /><img src="images2/panel2.jpg" width="126" height="30" /><img src="images2/panel3.jpg" /><img src="images2/panel4.jpg" width="126" height="30" /><img src="images2/panel5.jpg" width="130" height="30" /></div> Пытался обнулить border у классов, но это ничего не дало

    Asked by westalka,

    0 votes
    8 answers

  18. Двухколоночный макет внутри дива.

    Добрый день. Вот начал недавно осваивать верстку слоями.Вот такой код: <div style="width:857px;border:1px solid red;text-align:left;"> <div style="float:left;position:relative;border:1px solid yellow;width:820px;margin-right:0px;">111 111 </div> <div style="border:1px solid green; width:30px;margin-left:0px;">222 222 </div> </div> В Опере ведет себя абсолютно правильно,обрамляющий слой,внутри него две плотно прилегающих к друг другу колонки. В ИЕ6 ведет себя почти правильно,но между колонками возникает зазор в 3 пикселя. Хуже всего в Mozilla Firefox. Правая колонка почему-то отображается поверх левой. Подскажите,плз,как это сверстать…

    Asked by Микель,

    0 votes
    7 answers

  19. Оптимизация

    Доброго дня суток Что входит в оптимизацию html документа, ну кроме уменьшения обьема кода? Как на это влияет размер css файла, и насколько удлиняется загрузка документа от запутанности страницы? Буду очень благодарен.

    Asked by ignar,

    0 votes
    23 answers

  20. Таблица длинной 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

  21. Отступ br

    Доброго времени суток. Какие наиболее валидные варианты вы можете предложить для уменьшения отступапосле тага

    Asked by Neolink,

    0 votes
    3 answers

  22. Вертикальный отступ для фона

    <div style="border:1px solid red; width:400px;height:400px; background:url(images/button.jpg) repeat-y;background-position:300px 30px;text-align:right"> <img src="images/image.gif" width="20" height="30" alt=""> </div> Подскажите,плз,такая проблема Есть слой,в правом верхнем углу находится изображение gif высотой в 30px с частично прозрачными областями. Нужно к правому боку слоя прижать фон(ширина 20px),повторяющийся по вертикали, таким образом,чтобы он начинался сразу под картинкой и не просвечивал через нее (через нее должен просвечивать фон,заданный для body).Пытался задать отступ для фона через background-position - не получается.Думал над тем,чтобы …

    Asked by Микель,

    0 votes
    3 answers

  23. открытие внешней ссылки

    подскажите , как сделать чтобы внешняя ссылка открывалось не в новом окне, а внутри шаблона сайта и соответственно переходы во внешнем url происходили в пределах родительского сайта ?

    Asked by aik,

    0 votes
    8 answers

  24. Перенос трок в теге <pre>

    Удобно использовать тег , потому что не надо втыкать бесконечное количество переносов строки (там где это нужно)Но проблема заключается в том что если какаето строка сама по себе оч длинная , то и ширина блока создаваемого этим тегам оч длинная(по ширине строки) что растягивает дизайн там где это не нужно .... Подскажите - возможно ли задать фиксированную длину этого блока и если строчка длине, то производился бы перенос на новую строку ( как допустим в div происходит)

    Asked by serega86,

    0 votes
    9 answers

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

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

    Asked by westalka,

    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