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. пхп код 5ти последний статей

    писал пхп код в сайдбаре на 5 последних статей , не вышло... кто поможет? вот код: <!-- begin sidebar --> <div id='menu-right'> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <ul> <?php wp_list_pages('title_li=<h2>Главное меню</h2>'); ?> </ul> <h2><?php _e('Рубрики'); ?></h2> <ul> <li id="categories"> <ul> <?php wp_list_cats(); ?> </ul> </li> 5 последних статей ТУТ <li id="archives"><h2><?php _e('Архив'); ?></h2> <ul> <?php wp_get_archives('type=monthly'); ?> </ul> </li> …

    Asked by mephistophile_ua,

    0 votes
    9 answers

  2. Стили таблицы - строки и столбцы

    У меня есть примерно такой код: <table> <col class='id' /> <col class='name' /> <col class='info' /> <tr class=odd> <td>1</td> <td>Пупкин</td> <td>...</td> </tr> <tr class=evn> <td>2</td> <td>Иванов</td> <td>...</td> </tr> <tr class=odd> <td>3</td> <td>Петров</td> <td>...</td> </tr> <tr class=evn> <td>4</td> <td>Сидоров</td> <td>...</td> </tr> </table> Я могу определить цвет фона чётных и нечётных строк, задавая его через классы odd и env…

    Asked by erelen,

    0 votes
    5 answers

  3. Сайт внутри блока с Закруглёнными углами

    Ребят,значит задача такая: Нужно сделать сайт внутри Блока с закруглёнными углами,получаеться следующее: Я сделал Блок с закруглёнными углами,теперь хочу в Средний контейнер #middle поместить свой сайт,и ничего не получаеться,а точнее: 1) Меня запарил Откудато взявшийся Бэкграунд справа каждого Дива внутри(header, left, right, footer)..(серая полоска справа) 2) Не могу назначить цвет не одному блоку,точнее назначаю.а он не ставиться Для наглядности,чтобы было понятнее я сделал рамки вокруг блоков и внизу сделал копию того,что мне нужно(допустим) Помогите пожалуйста решить эту задачу,вот ссылко,там и CSS внутри,во внешний не стал выводить http://psywalker2008.narod.ru/ra…

    Asked by psywalker,

    0 votes
    1 answer

  4. Прозрачность PNG и IE7

    Значит столкнулся я с такой трудностью: мне нужна полупрозрачная кнопочка, для этого я понятное дело использовал PNG формат. Но есть еще одна беда. Кроме того что кнопочка прозрачная сама по себе, я меняю ее прозрачность с помощью стиля(filter:progid:DXImageTransform.Microsoft.Alpha(и т.д. и т.п.) и именно изза етого 7 експлорер выдает баги, а именно: под пнг картинкой появляется черный фон, после чего любые намеки на прозрачность пропадают. прописывание background:transparent мне не помогло. так же я думал сделать два дива, один из них задает первоначальную прозрачность, а второй уже будет менять просзрачность относительно первоночальной, но в моем случае это не возможно…

    Asked by SleepWalker,

    0 votes
    3 answers

  5. Подскажите просмотрщик для стилей.

    Добрый день! Сталкнулась с проблемой неправильного отображения сайта, в одном и том же браузере и одной версии. Может ли такое быть? Может есть просмотрщики для сайтов, чтобы посмотреть в разных браузерах с разными расширениями экрана. Подскажите.

    Asked by luluandra,

    0 votes
    20 answers

  6. ? о шаблонизаторе

    В "Народе.ру" сайтостроителям поставляется ряд шаблонизаторов, например, {MESSAGES}, где записаны сообщения. ? - Можно ли что-то узнать о шаблонизаторе (например, количество сообщений - ч.н. вроде {MESSAGES}.size); или возможна только "прямая" вставка в HTML-код?

    Asked by yak2689,

    0 votes
    2 answers

  7. Помогите найти ошибку в CSS

    Есть HTML код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body class="body"> <center> <div class="all"> <div id="logo"> <div class="logo1"> <a href="index.php" style="font-size: 25px; float: right;">Юридическая фирма <br/> <b style="font-size: 35px;">"Империя права"</b></a> </div> <div class="logo2"/> </div> <div class="div"> <div id="menu"> </div> </div> <div id="container"> <…

    Asked by luluandra,

    0 votes
    6 answers

  8. Opera меня игнорирует :(

    Осваиваю дивную верстку, и в процессе работы над шаблоном столкнулся с забавным косяком со стороны Оперы. На странице футер должен быть фиксированно приклеен внизу, а контент прокручивается отдельно. В ИЕ и ФФ примененное решение нормально работает, однако Опера при прокрутке основного окна контента колесом мыши по достижении нижнего края окна начинает перематывать всю страницу целиком, при этом игнорируя жестко заданное фиксированное положение футера. Текущий вариант шаблона И еще один косяк и опять же со стороны Оперы - на этой же странице горизонтальная полоска вверху залезает над колонкой "Новости". В ИЕ и ФФ этого не наблюдается...

    Asked by Daikengo,

    0 votes
    6 answers

  9. Как сделать смену картинки при наведении мышью ?

    Примерно так: Картинкамаленькая1 | Картинкамаленькая2 | Картинкамаленькая3 КАРТИНКАБОЛЬШАЯ1 Т.е три маленькие картинки находятся в верхней табличке, состоящей из 1 ячейки и трех столбцов, а Большая картинка расположена под этой табличкой, нужно чтобы при наведении мышью на маленькие картинки, большая картинка внизу менялась на соответствующую. Спасибо.

    Asked by AndreyM,

    0 votes
    16 answers

  10. центрирование дива

    У меня есть див, с параметром position:absolute;, как его отцентрировать? Заранее спасибо. И как сделать так, чтобы элементы в диве были по горизонтали?

    Asked by vvsh,

    0 votes
    6 answers

  11. Переключение между стилями CSS одной кнопкой

    Камрады, встала вот такая задачка передо мной, прошу совета или ссылки на примерное решение: На странице сайта ТЗ предусматривается некая кнопка, по нажатию на которую должна смениться таблица стилей без перезагрузки страницы (это НЕ многократно здесь обсужденная ранее "версия для печати" - в моем случае меняется все форматирование страницы). Соответственно есть две таблицы стилей - style1 и style2. Проблема в том, что одна и та же кнопка должна при каждом следующем нажатии переключать эти две таблицы туда-сюда. Я погуглил на эту тему - есть куча решений для случая с выбором стиля из списка (да я и сам так могу сделать), есть решения для включения/выключения CSS вообще, а…

    Asked by Daikengo,

    0 votes
    2 answers

  12. Вопрос по формам

    Доброго времени суток! Воспрос такой, можно ли вместо кнопки SUBMIT зделать просто текстовую ссылку с присущими таковой свойствами CSS, hover например, или может сделать как то кнопку из картинки, что бы при наведении картинка кнопки менялась на другую.

    Asked by mozart,

    0 votes
    5 answers

  13. Отступ элементов списка (LI) при обтекании картинки (IMG)

    Список обтекает картинку. Смещаю элементы списка относительно заголовка: img { width: 150px; height: 212px; float: left; margin: 0px 20px 20px 20px; } strong { font-weight: bold; font-size: 100%; } ul { margin-top: 0px; } li { margin: 0px 0px 0px 20px; font-size: 75%; } В Firefox всё выглядит отлично: А вот в IE7 - нет: В чём проблема?

    Asked by Cervus,

    0 votes
    13 answers

  14. НЕВЕРНОЕ ОТОБРАЖЕНИЕ В IE

    Народ, может кто сталкивался с дурной спецификой отображения совершенно тривиального html-css кода в IE. Что характерно для Opera, Netscape проблем нет, а вот для IE - аж раздражает. Есть кусок простейшего кода, где при увеличении ширины браузера - увеличивается картинка в зависимости от пропорции, которые прописаны в процентном соотношении: <table style="width: 95%" border=1 cellspacing=1 cellpadding=3 class="#" align="center"> <tr style="width: 100%"> <td style="width: 50%"><img src="1.JPG" style="width: 100%" /></td> <td style="width: 50%"><img src="2.JPG" style="width: 100%" /></td> </tr> </table> Т…

    Asked by vahelfe,

    0 votes
    4 answers

  15. Двухколоночный шаблон

    Ссылка Нужно чтобы серое поле слева тянулось по высоте правого блока, или наоборот правое поле белое по высоте серого. Пробовал через border. Но ширину бордера в процентах то не указать. Поля справа и слева резиновые, т.е. в процентах

    Asked by PaLyCH,

    0 votes
    3 answers

  16. Спрайты,filter и background

    #index,#disk,#tire,#contacts {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/menu.png',sizingMethod='crop');display:block;width:135px;height:137px;} #index{background-position:0 0;} #tire{background-position:-140px 0;} #disk{background-position:-278px 0;} #contacts{background-position:-415px 0;} Имеется картинка со спрайтами,то есть rollover-effect.Простым методом работает нормально.А через filter не хочет сдвигаться background-position.Как отремонтировать.

    Asked by user,

    0 votes
    2 answers

  17. Вертикальное выпадающее меню

    Помогите разобраться , менюшка не работает в IE воще ни как, в Опере и ФФ вс? отлично. Помогите найти и исправить ошибку. Делал по инструкции вот от сюда http://www.webmascon.com/topics/coding/42a.asp Html: <div id="menu" class="col1_bl_cont"> <ul id="nav"> <li><a href="#">Новости</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Спонсоры</a> <ul> <li><a href="#">Платит</a></li> <li><a href="#">На проверке</a></li> <li><a href="#">Не платит</a></li> </ul> </li> <li><a href="#"&gt…

    Asked by zetaap,

    0 votes
    3 answers

  18. Два id

    Можно ли одному элементу задавать два id? Какие могут быть последствия?

    Asked by Колос,

    0 votes
    5 answers

  19. Нужно резать строку без пробелов

    Проблема следующая: выводится одна очень длинная строка без пробелов и символов перевода строки. Она выходит за край блока, в котором лежит. Нужно как то блоку этому показать, что строка должна переноситься. FF3 это сам делает, IE понимает word-wrap: break-word; а для FF2 ничего найти не смог.

    Asked by Mutant,

    0 votes
    4 answers

  20. Разбиение чисел по 3 разряда

    Можно ли средствами css разбивать числа по 3 разряда? Так чтобы из 12345678 получилось 12 345 678.

    Asked by Sergey Polevich,

    0 votes
    3 answers

  21. бокс по центру экрана

    Есть бокс, который выравнен по центру экрана, однако, если заполнять бокс инфой, то он "устремляется вниз", т.е. свеху пусто, а от центра экрана вниз идет бокс. Возможно ли его всегда выравнивать по центру?

    Asked by bFree,

    0 votes
    9 answers

  22. Баг в Opere

    Здравствуйте, возникла проблема которую не смог сам решить http://www.test.html-az.com/tyrs.su/ при увеличении размера окна начинает прыгать в сторону левый блок а при открытии на весь экран остается смещение левого блока. хотелось бы узнать в чем причина. Заранее спасибо.

    Asked by aseran,

    0 votes
    2 answers

  23. Не показывается фоновое изображение в FireFox

    Собственно работаю сейчас над сайтом: fashion-ff.ru. Посмотрите в ИЕ и Опере - все отлично. В Лисе - не показывается шапка (2.0.0.17 версия). Кто то сталкивался с такой проблемой??? Уже для всех элементов, которые вложенные идут, приписывал background-color:transparent - ноль результата.

    Asked by titaniMOZG,

    0 votes
    7 answers

  24. ":hover" в строке, а не в файле и не в стилях

    =) всё банально есть к примеру - <p class="qqq"></p> есть классы: .qqq p { тут всякие параметры... } .qqq p:hover { тут всякие другие параметры } как реализовать с файлами цсс всё понятно и с прописанием в <head></head> тоже ясно <p class="qqq"></p> но встала задача сделать чтото типа такого: <p class="qqq" style=":hover параметры хувера"></p> тоесть хувер будет прописан только тут в строке, а не гделибо типа в отдельном цсс файле и не между хедом !!! естественно такой вариант не пашет Вот и хотелось бы узнать как в строке прописать тегу и клас без хувера и с хувером(но вручную) =)

    Asked by textinmail,

    0 votes
    10 answers

  25. Смешная ошибка IE с :first-letter и ul

    <p>Заголовок 1</p> <ul> <li>...</li> <li>...</li> </ul> <p>Заголовок 2</p> <ul> <li>...</li> <li>...</li> </ul> В отдельном файле .css P:first-letter{font-weight:bold;} IE7 выдает второй список без маркеров, причем первый список выводится нормально. В опере и файрфоксе все нормально. Если убрать из .css эту строчку, то всё нормально При добавлении между первым списком и вторым абзацем (Заголовок 2) еще одного абзаца с длиной текста более 1 строки, второй список выводится корректно. Самое забавное будет, если размер текста в этом дополнительном абзаце будет чуть короче длины с…

    Asked by lexxpavlov,

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