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. Помогите плиз чет я не въезжаю

    #myaccount p.links{ border: 1px dotted; margin: auto; width: 150px; padding: 20px; margin-bottom: 5px; margin-right: 5px; } #myaccount p.links:hover{ border: 1px dotted #5190B2; background-color: #fdfcc8; cursor:hand; } #myaccount a.links{ color: #000000; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; word-spacing: normal; } #myaccount a.links:hover{ color: #000000; } <div id="myaccount"> <table width="80%" align="center"> <tr> <td><a href="" class="links"><p class="links" align="center">Пункт1</p></a></td> <td><a href="" class…

    Asked by pav-pas,

    0 votes
    1 answer

  2. графическое меню тормозит

    Сделал на сайте графическое меню, те пункты меню это не большие (3.8kb) изображения, при наведении курсора мыши они меняются на другие. Проблема в том что в самом начале они меняються с задержкой где то в 1 сек, это заметно и выглядит не красиво, когда на тот же пукт меню наводишь второй раз, то замена на активное изображение происходит мгновенно, возможно потомучто браузер уже закешировал. Что сделать чтобы изображение у ссылки на действие hover и в первый раз менялось без задержек ? вот стили которые я использую: #header #menu .unic_menu_item1 a { background: url(/images/home.jpg) no-repeat left bottom; } #header #menu .unic_menu_item1 a:hover, #header #menu .unic…

    Asked by asker2,

    0 votes
    1 answer

  3. Полная Ширина колонки таблицы

    Сделал скроллируемую таблицу, т.е. заголовок на месте, данные скроллятся. Сделано и это из двух разных таблиц, у которых задан параметр width одинаковый для каждой колонки. Все было хорошо, пока не потребовалось сделать разные отступы текста padding для заголовка и данных. Заголово и данные разъехались. Оказывается полная ширина состоит из width + padding + ..... Вопрос - можно ли в задать полную ширину колонки, чтоб не заниматься пересчетом с учетом всех отступов и бордеров. Можно конечно что-то типа <TD><P>Текст</TD> сделать и отступ задавать у <P>, но это интересует можно ли как-то по другому

    Asked by minvareg,

    0 votes
    1 answer

  4. Контекстные селекторы

    Можно как-то указать, что td имеет указанные свойства если он идет после одного из указанных классов tr? конструкция ниже не работает, первые два класса игнорируются tr.QueryTableHeader, tr.QueryData, tr.QueryDataOdd td {padding-left: 5px; padding-right: 5px; border-width:1px; margin: 0; } Вариант написать свойства td раздельно для каждого tr оставлен на крайний случай, если подругому никак

    Asked by minvareg,

    0 votes
    1 answer

  5. Проблема. Не тянутся блоки по высоте

    написал обычный двухколонный сайт: верх, под ним две колонки, ниже(типа футер). при добавлении текста тянется только одна колонка, которая с текстом, при чем наплывая на футер и т.д. вниз как сделать нормаль подскажите пожалуйста <body marginheight="0" marginwidth="0" alink="#F0F47A" vlink="#F0F47A"> <a name="up" id="up"></a> <div> <div class="head"> <div class="logo"><jdoc:include type="modules" name="top" /></div> <table cellpadding="0" cellspacing="0" class="pill"> <tr> <td class="pill_m"> <div id="pillmenu"> <jdoc:include type="modules" name="user3"…

    Asked by andvab,

    0 votes
    1 answer

  6. наложение flash на iframe

    может кто-нибудь сталкивался с проблемой: есть флешка, которая накладывается поверх фрейма....при этом в мозиле ссылки во флешке не активны, в остальных браузерах все отлично если убрать фрейм - везде все отлично в чем может быть косяк?

    Asked by happinet,

    0 votes
    1 answer

  7. изображения на страничке меняли цвет рамки

    как средствами ксс сделать что бы изображения на страничке меняли цвет рамки при наведении мышки и при клике ?

    Asked by pribl,

    0 votes
    1 answer

  8. Имитация iframe

    Хочу создать ограниченое окошко на страничке. По всем опциям такой же как iframe но подгрузка с текущей странички(т.е. мой код). Буду очень признателен за помощь

    Asked by jeka_ua,

    0 votes
    1 answer

  9. border: проблема или нет

    Есть div, ширина которого изменяется в зависимости от расширения, а высота от контента в нем. этому диву я задал свойства: overflow: hidden; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; background: #FFF; отображается в обычном виде собственно все как надо, но при нажатии Ctrl - (+) может пропасть какая-либо из рамок. как с этим бороться? пробовал заменить на Не помогло Это явление происходит в Opere, у меня 10я версия. Протестировал в остальных имеющихся у меня браузерах: IE 8, Chrome 2,0 и Mozilla 3,5, Safari 4,0 - там все отлично. В опере пробовал на других разрешениях: по началу все норм, начинаешь увеличивать/уменьшать - какая-либо из рамок мож…

    Asked by theo_,

    0 votes
    1 answer

  10. граница между рисунками в Опера и Фоксе

    Имеется таблица из 4-х частей: 1 2 3 4 в каждую грузится часть картинки. Вертикально никаких границ нет, горизонтально между 1-й и 2-й строкой таблицы (и соотв. между рисунками [1-2] и [3-4]) в Опере и Фоксе видна граница. IE всё нормально. Всевозможные бордеры поставил в 0. В чем может быть проблема ?

    Asked by revresbo,

    0 votes
    1 answer

  11. Проблема с верхним отступом в IE

    В IE в самом верху макета появляется отступ, т.е. становится видна небольшая полоска с задним фоном сайта. Никак не могу понять откуда он берётся. Сайт http://www.evolis-russia.ru

    Asked by bosega,

    0 votes
    1 answer

  12. перенос слова на новую строку

    Есть ячейка таблицы <TD> с фиксированной шириной. В ней есть допустим длинное слово, которое не влезает заданную ширину. Сейчас ячейка ячейка растягивается по ширине, чтоб слово вместилось целиком. Если слова два и они не влезают в ширину, то второе слово переносится на новую строку. А как сделать перенос одного слова?

    Asked by minvareg,

    0 votes
    1 answer

  13. Создание списков

    Подскажите пожалуйста (я просто никогда не сталкивался с таким), как построить пронумерованный список следующего вида: 1 НАЗВАНИЕ ПЕРВОГО РАЗДЕЛА 1.1 первый подпункт раздела 1.2 второй подпункт раздела 1.3 третий подпункт раздела 2 НАЗВАНИЕ ПЕРВОГО РАЗДЕЛА 2.1 первый подпункт второго раздела 2.2 второй подпункт второго раздела 2.3 третий подпункт второго раздела Есть ли у <LI> такой тип, чтобы он пронумеровывал подпункты разделов именно таким, как я написал способом?

    Asked by nonickname,

    0 votes
    1 answer

  14. Select набор названия элемента с клавиатуры

    Есть select, который содержит 200 элементов. В IE7,8 при клике и наборе части названия наводит курсор на нужный элемент. А в IE6 - не выбирает. Вопрос, можно ли сделать без клика на поле ввод с клавиатуры и почему метод не работает в IE? Спасибо

    Asked by rolph,

    0 votes
    1 answer

  15. Поле со списком

    Задача: В зависимости от чекбокса надо показывать или скрывать некоторые элементы списка. Вопрос: можно ли вообще это сделать? в привеленном ниже коде этот номер не получился <select name="hero"> <option value="s1">Чебурашка</option> <option value="s2" selected>Крокодил Гена</option> <option value="s3">Шапокляк</option> <option value="s3" style="visibility: hidden;">Крыса Лариса</option> </select>

    Asked by minvareg,

    0 votes
    1 answer

  16. hover для il d IE6

    Доброго времени суток. Уважаемые форумчане и гости этого замечательного форума. Есть вопрос ответ на котрорый возможно спасёт мне жизнь (я преувеличиваю конечно) Собственно есть горизонтальное меню: <ul> <li><a href="#">link 1</a></li> <li><a href="#">link 2</a></li> </ul> Когда hover-ишь link 2 цвет background на LI должен меняться. По логике для LI надо задать псевдокласс :hover и дело с концом. Так оно и есть в FF и Opera, но IE6 не понимает записи в CSS файле li:hover. Знаю что надо подключить что-то в отдельный файл, но что именно понятия не имею. ВОПРОС: что надо сделать что-бы в IE6 отоброжлось к…

    Asked by taran,

    0 votes
    1 answer

  17. IE WebDeveloper V2. Изменяет свойства стилей. Так и должно быть? :(

    Скачал прогу: IE WebDeveloper V2. Нормально ли она работает? Когда выбираю на панели webpage inspector свой инпут, то он подсвечивается красной рамкой и, как мне кажется, изменяет какие то стили объекта для его отображения. Прикрепил картинку. Первый вариант - фактический вид, второй вариант - тогда когда выбран инпут в окне инспектора: Это у моей проге глюки? Или это нормальный режим работы программы? Как смотреть свойства стилей, если программа их меняет при выборе объекта?

    Asked by Semreg,

    0 votes
    1 answer

  18. Три плавающих элемента.

    Есть три элемента, внутри header: <div id="header"> <img src="..." id="t1" /> <img src="..." id="t2" /> <div id="t3"> ... </div> </div> #header {width:100%; height:100px;} #header #t1 {display:inline-block; width:80px; height:80px;} #header #t2 {display:inline-block; width:230px; height:80px;} #header #t3 {display:inline-block;} Как расположить их так, чтобы t1 был прижат к левому краю, t2 по середине, а t3 прижат к правому краю?

    Asked by Atilla,

    0 votes
    1 answer

  19. как убрать крайний бордер ?

    на странице блок расположен списком , как убрать левый бордер у списка? Ссылка на jpeg : http://itrash.ru/idb/f3ab5cd36ef491cb21bb9...9-20_210334.png CSS .project { position:relative; float:left; width:100%; height:320px; margin-top:35px; } .project ul { list-style:none; margin:0 5px; padding:0; overflow:hidden; display:block; position:absolute; } .project ul li { position:relative; display:block; float:left; width:245px; height:320px; border-left:1px black dotted; } .imagePro { position:absolute; width:180px; height:175px; margin:78px 30px 0 33px; } .textProject { position:absolute; border:none; color:#000; …

    Asked by bodr,

    0 votes
    1 answer

  20. Растяжение фона в блоке

    Здравствуйте, Посередине окна браузера есть маленькое окно с полосой прокрутки, в котором нужно растянуть полупрозрачный фон на всю высоту окна. (Чтобы при прокрутке фон не обрезался посередине окошка). Background:repeat-y; height:100%; - не помогает. Посоветуйте, plz!

    Asked by comb,

    0 votes
    1 answer

  21. Вопрос цвета

    Доброе время суток, суть моей проблемы в том, что нарисовав шаблон, заметил что html,css не потдерживает все цвета, и обычный способ задать цвет #545454 ломает всю цветовую гамму, можно ли это както обойти? Как то бродил по интернету увидел очень красивый дизайн и заглянул в css, так вот там цвет задавался через RGB, может это выход? И ещё вопросик если html потдерживает не все цвета то допустим я сделаю рисунок 1х1 и залью им бэкграунд, я получу оригинал или же нет?

    Asked by svdsLis,

    0 votes
    1 answer

  22. Учусь. Есть вопросы - некому ответить. Конкретный пример.

    Здравствуйте. Я только недавно заинтересовался и занялся версткой. Сверстал несколько несложных макетов и решив, что я много знаю пошел на один форум и предложил верстку за отзыв. Мне прислали макет, который я прилагаю ниже и я немного обломался, поскольку увидел несколько моментов, которые незнаю как преодолеть. Я очень надеюсь, что Вы поможете мне и всё будет хорошо Вот сам макет: Собственно я не хочу чтобы Вы описывали мне весь процесс. У меня проблемы со всем что касается изображений - как быть с фоном, как быть фотографией и как быть с узорами?

    Asked by iminkognito,

    0 votes
    1 answer

  23. POSITION: absolute в IE7

    Здравствуйте. у меня есть блок div в нем естьвыпадающее меню UL li a при наведениии на ссылку выпадает подсписок ul ul li a. У этого списка абсолютное позиционирование. .topmenu ul li ul { display: none; position:absolute; top:38px; z-index:200; } ниже идет блок в неместь форма jNice в которой для оформления select используется абсолютное позиционирование. .jNiceSelectWrapper { WIDTH: 185px; margin:0 0 3px 0; POSITION: relative; HEIGHT: 20px; } .jNiceSelectWrapper DIV SPAN { OVERFLOW: hidden; WIDTH: 149px; background: url(/images/cms/sait/jform/select.gif) no-repeat left top; POSITION: absolute; color:#333333; font-size:11px; font-family:Verdana, Arial, He…

    Asked by ivanweb,

    0 votes
    1 answer

  24. По Джумле есть спецы?

    мне нужно в джумле 1.5. вывести компонент контактов (с обратной связью) в позиции модуля. КАК?

    Asked by piryaz,

    0 votes
    1 answer

  25. background в iframe

    такая вот проблема: есть страничка с рисунком (градиент зеленоватый такой), в левой части находится iframe с текстом внутри. В мозиле и опере все нормально (фон "общий") а вот в IE фон - белый цвет. если сделать в страничке, которую подключаем в iframe, фоном этот градиент, то это очень заметно, виден кусок с другого места. как решить проблему?

    Asked by anykey,

    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