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 БАГ] Position:relative & Position:absolute & Hover

    В ие6 при использовании image-trail'а (увеличенная картинка бегает за мышкой при наведенни на маленькую) Li с position:relative улетает в неизвестность. Убил кучу времени на это, сломал голову и не могу побороть, помогите кто чем может. Т.к в код включается множество скриптов и стилей, то привожу УРЛ на саму страницу сайта, где это проявляется: [потёрто]

    Asked by admit,

    0 votes
    7 answers

  2. Flash галерея, ссылка на XML файл.

    Привет, запулил сей код себе на страничку. НО! Надо подключить XML файл сюда (в нём ссылки на изображения), но не знаю, как это сделать. И ещё вопрос: http://maxnimere.my1.ru/photo/ ссылка на эту галерею - будущую. Она у меня в таблице почему-то в горизонтальном выравнивании - слева, а хотелось бы по центру. Код страницы расположен в самом низу. Заранее спасибо. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>My Gallery</title> </head> <style type="text/css"> <!-- body{background: #000000; margin:20px;} div#gallery…

    Asked by sinderman,

    0 votes
    1 answer

  3. Изменить стиль радио кнопки и селекта

    Здравтсвуйте! Скажите, а как изменить стиль радио кнопки, например чтобы кнопка была синей, а точка при выборе желтой? <input type=Radio> И еще: как изменить стиль селекта? <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> Например, поставить свое изображение!

    Asked by help26,

    0 votes
    1 answer

  4. Чем удалить лишние пробелы?

    Здравствуйте! Прошу прощения, если обсуждалось, но не нашел. Посоветуйте, пожалуйста, инструмент, который удаляет лишние проблемы. Пишу код зачастую в блокноте, а он как известно оставляет лишние пробелы.

    Asked by Mr.Smith,

    0 votes
    7 answers

  5. Сафари 4 как-то странно сжимает табличку

    Добрый день, помогите, пожалуйста, никак не могу побороть Сафари 4. Есть табличка: <table> <tr> <td style="width:8%"></td> <td style="width:62%;"> <p>какой-то там текст</p> </td> <td style="width:7%"></td> <td style="width:15%"></td> <td style="width:8%"></td> </tr> </table> Если у какой-то там текст сказать padding-left:24%; то при ресайзе окна (уменьшение по ширине) содержимое правых колонок начинает наезжать на левую большую колонку. Т.е. на указание ширины в 62% Сафари почему-то забивает. В других браузерах (ФФ, даже ИЕ8), такого эффекта не наблюдается. Вот к…

    Asked by ХОЛОДный,

    0 votes
    9 answers

  6. menu + ie6

    http://smotrusuda.narod.ru/ в ie7 ie8 отображается одинаково, а вот в ie6 меню отображается вертикально, как это исправить? Как мне кажится из-за этого и не центрируется он. если нет то как его тогда центрировать.

    Asked by fastikkk,

    0 votes
    3 answers

  7. Задание фона для текста

    Доброго времени суток. Необходимо сделать так что бы фоновое изображение отображалось полностью а не под размер текста? Подскажите пожалуйста как это сделать. Заранее благодарен.

    Asked by romko,

    0 votes
    7 answers

  8. проблемы отображения таблицы в Опере

    Нижеприведенная таблица отображается коррекно в мозиле и в эксплорере, а вот в опере в теле сайта рассыпается ужасно использую функцию INCLUDE чтобы вставить из файла в тело функции если вставить просто html в тело страницы все нормально, а с INCLUDE все рассыпается не могу понять почему, может кто-нибудь сталкивался <table style="width:100%;background-color:#FFFFFF; font-size:12px; color:#50585D; line-height:12px; text-align:center; border-left:1px solid #949494; border-top:1px solid #949494;" cellpadding="0px" cellspacing="0px" > <tr> <td colspan="1" rowspan="5" style=" width:25%;height:150px;padding:10px; border-right:1px solid #949494; b…

    Asked by bushstas,

    0 votes
    2 answers

  9. Редактирование шаблонов Joomla.

    Не сколько не разбираюсь в PHP, изменяю файл CSS шаблона но в самом шаблоне ничего не меняется . В самом шаблоне очень много PHP может дело в нем?

    Asked by Alexsays,

    0 votes
    7 answers

  10. Убрать пробелы из списков

    Здравствуйте. Роюсь в нете уже час, но не могу ничего найти. Есть код списка: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> #pipe ul { margin-left: 0; padding-left: 0; display: inline; } #pipe ul li { margin-left: 0; list-style: none; display: inline; } </style> </head> <body> <div id="pipe"> <ul> <li>Один</li> <li>Два</li> …

    Asked by zhuravlik,

    0 votes
    5 answers

  11. ie6 траблы

    Посетить мою домашнюю страницу 1.Подскажите как убрать промежуток который образуется в ie6 между меню и хедером.Исправленно 2. Ещо на странице Вакансии ширина конт-бекграунда розширяется, становится шире хедера и футера. Как это все пофиксить в ie6???? 3.И ещо забыл, что-то не пойму почему wrapper не центрируется, может связяно с предвидущими проблемами. Зарание спасибо.Исправленно

    Asked by fastikkk,

    0 votes
    10 answers

  12. Разыскивается рабочий text-shadow на a:hover

    Выпал такой случай применить text-shadow, раньше его не применял так как беготня за заплатками никогда не радовала(. Перелопатив кучу shadow заменителей ни нашел одного который можно было бы повешать на a:hover или просто результат shadow заменителя не подошел по случаю. Решил поинтересоваться он вообще существует? Нужно что бы при наведении на ссылку на тексте была тень, голова уже пухнет так и не нашел ничего хорошего( был бы очень благодарен совету как быть..

    Asked by voooodoo,

    0 votes
    2 answers

  13. Как сделать, чтобы таблица растягивала body

    <!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" xml:lang="ru" lang="ru" dir="ltr"> <head> <title>таблица</title> <style> html, body { width: 100%; margin: 0; padding: 0; } body { border: 1px solid green; } table td { border: 1px solid blue; width: 100%; margin: 0 0 0 auto; } </style> </head> <body> <table> <tr> <td>333333333333333333333333333333333333333333</td> <td>1111111111111111111111111111111111111111111111111111111111111111111</td> <td>22222222…

    Asked by Razor,

    0 votes
    14 answers

  14. IE6 хочет моей смерти

    Вот делаю сейчас сайт Логин/пароль: amel Уже неделю бьюсь, не могу понять, почему в IE6 ВСЁ слетает в тартарары. Отключал блоки, менял отображение, блин чего только не делал. Даже на валидацию проверял. Везде, млин, отображается как положено, а в шестом осле как из *опы Это жесть, господа, я не знаю, что с этим делать. Текст куда-то пропадает, колонки разлетаются. В 7м/8м/Опере/ФФ всё нормально..

    Asked by d0ublezer0,

    0 votes
    11 answers

  15. Помогите с Фреймами Для поступления в Универ.

    Я никогда непрограммировал в HTML. Мне нужно ответить на задачу на листике написать код вот задача: Разбить страницу на три фрейма: один горизонтальный, два вертикальных (40%, 60%). В первом помещается заглавие страницы, подчеркнутое двумя горизонтальными линиями через всю страницу. В первом вертикальном фрейме помещаются три ссылки на документы: первая - документ загружается в этот фрейм, вторая - документ загружается во второй фрейм, третья - документ загружается в новое окно. Во втором вертикальном фрейме расположенный список, какой раскрывается и содержит три подсписка (в виде ссылок).

    Asked by BUNKER2,

    0 votes
    6 answers

  16. Списки определений - нумерация возможна?

    Пишу вот такое правило: dt { list-style:decimal outside none; } Не срабатывает. Можно ли все таки с помощью css добавить нумерацию именно к списку определений?

    Asked by warobushek,

    0 votes
    7 answers

  17. как сверстать блок

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

    Asked by igon,

    0 votes
    7 answers

  18. Проблема с уменьшением шрифта template.css

    Сайт на шаблоне Joomla 1.5. Меняю размер шрифта в template.css пишет - недоступен на запись. Права на файл правильные. Где копать?

    Asked by Pilot,

    0 votes
    15 answers

  19. Баг в ИЕ незнаю как решить

    Искал вроде не нашел. Потому что, даже незнаю как это можно назвать =) Как видно из картинки, колечко исчезает где-то, непонятно где в IE. В других браузерах просто сдвигается, как по сути и должно быть. <div class="SPEC_Div_4"> <a href="java script:AddToCart(@productUid@)" class="basketin" title="Купить @productName@"> <img src="images/ring1.png" border="0" class="rring"> </a> </div> .basketin { display:block; width:125px; height:37px; background: url(images/inbasket.gif); } .rring { margin-right:-22px; margin-top:-3px; } Буду благодарен помощи в этой проблеме. Спасибо.

    Asked by eSender,

    0 votes
    6 answers

  20. изображение в ссылке

    Доброго времени суток! Возможно вопрос и тупой, но не судите строго: Есть сайт http://notepad.if.ua (логин: test пароль: test123) - и в ссылке "создать новую" при наводе на нее, подчеркивание вылазит за границы слова "Создать" и идет вплоть до картинки (хотя у нее margin-right установлен в 4px). Как сделать так чтобы подчеркивание было только под самой фразой "Создать новую" и изображение тоже при этом являлось ссылкой (разумеется при наводе на изображение должно появляться подчеркивание у текста ссылки). Спасибо!

    Asked by inox,

    0 votes
    11 answers

  21. Лишний отступ тег li, ul. Баг в IE

    Доброе время суток, уже сколкьо времени не могу разобраться в чём проблема. Имеется меню создано с помощью ul, li. В Опере, ФФ, Хроме - всё хорошо, а в ИЕ получается двойной отступ (Или мне так кажется) Код меню <dl class="left_menu"> <dt class="lm_title"><span><b class="lmt_ico"> </b><b class="lmt_sh"> </b>Заголовок</span></dt> <dd> <ul class="sub"> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> &lt…

    Asked by Sven,

    0 votes
    5 answers

  22. Облако тегов 3D (модификации)

    Здравствуйте. Разместил на сайте "Облако тегов", все работает верно. Ранее очень часто слышал что его всячески можно модифицировать, например вставлять лого внутрь создавая иллюзию. Или же менять цвета ссылок. Я сам не очень знаком с подобными технологиями и знания у меня поверхностные. Вот код: <script type="text/javascript" src="Мой сайт/swfobject.js"> </script> <div id="RiveraCloud"><p align="center"> Для отображения элемента необходим <br> Adobe Flash Player </p></div><script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999); var widget_so = new SWFObject("Мой сайт/tagcloud.swf?r="+rnumber, …

    Asked by TRIGUN,

    0 votes
    7 answers

  23. круглые углы...

    Всем здрасте. Да, снова круглые углы. Юзал поиск - и не нешел того, что надо. Задача: блок с круглыми углами Требования: блок должен быть масштабируемым; нужна граница к блоку (stroke); углы должны быть прозрачные; нужно обрамление блока (сори за корявый язык, привык к инозёмному языку) - glow; IE 6 поддержка. мое решение (вернее то, что удалось подбрать из разных статей и примеров): масшатабирование достигается по обоим осям, но код при этом нагромождается жутко (пример здесь). отображение в IE 6: для отображения прозрачности в ie_6 я использовал .png, 8 bit. юзал fireWorks cs3. в этой софтине можно выбрать index transparency или alpha transparency. я выбрал a…

    Asked by paska,

    0 votes
    3 answers

  24. разделение элементов по краям

    Есть стиль общий который создает рамку с max-width: 450px нужно на одном уровне слева разместить картинку, по середине пусто, а справа текст. С учетом того что width может быть меньше 450px пока сделал float:left картинки а вот текст справа не получается разместить так чтобы он не вылез за границу max-width Помогите пожалуйста

    Asked by WebGraf,

    0 votes
    10 answers

  25. Проблема с фоновым изображением

    Всем привет. Верстаю сайтик один, в верстке не знаток, верстаю таблицами. Основная таблица с контентом шириной 800рх, отцентрирована. Мой монитор с разрешением 1650х1050 поэтому и фоновую картинку лепил под это размер шириной в 1650, с такими CSS: body { background-image:url(fon.jpg); background-repeat:no-repeat; background-attachment:fixed; background-color:#ff8281; background-postion: center top; } ну и при уменьшении ширины экрана вплоть до 1024 естественно, сама таблица сдвигается, а фоновая картинка остается на месте, становится некрасиво. Посоветуйте, что можно сделать что бы фоновая картинка так же сдвигалась вместе с таблицей, либо может другую технику посоветует…

    Asked by kashik,

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