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. Неправильное поведение выпадающего меню в ie7-8

    Проблема следующая: сверстал выпадающее меню только при помощи css, но в ie8 вылезли проблемы как в режиме стандартов, так и в режиме совместимости. Общая проблема для обоих режимов в том, что hover срабатывает необычным образом - при наведении на пункт меню, из которого должны выпадать подпункты, подменю появляется, но при этом при уводе мыши с сылки на этот пункт меню, для него событие hover отключается. Подменю при этом видно, но при возврате выши и наведении на пункт, подменю исчезает. Вторая проблема заключается в том, что ни в одном из режимов эксплорер не хочет делать ширину пунктов подменю одинаковой, как это происходит в других браузерах. Пробовал включать has…

    Asked by can3p,

    0 votes
    0 answers

  2. Вопрос на засыпку!

    ВОт сайт http://tour-ticket.ru/ При загрузке страницы, справа сверху телефон некорректно загружается - поначалу его видно, а потом он пропадает . Это только в фф так. В чём может быть причина, ведь в режиме оффлайн (тоесть до заливания на фтп) он работает нормально. Заливаю на фтп 1 в 1. Что не пробовал - всё время текст уезжает Убираю спаны - исчезает просто кусок строки, убираю первую строку - исчезает кусок 2й строка <div id="uptel"> м.Таганская: Тел./факс: <span> 8(495) 679-85-81</span> м.Проспект Вернадского: Тел./факс: <span>8(495) 935-01-38</span> </div> вот цсс uptel { background:url("img/uptel.jpg") no-repeat…

    Asked by cardsmoney,

    0 votes
    15 answers

  3. Подскажите, как правильно сделать.

    Добрый вечер. Нарисовал первый свой дизайн для личной странички, нарезал в фотошопе, вёрстка делалась автоматом при сохранении картинок. Получилось, что дизайн фиксированый, надо переделать под резиновый. Попробовал сделать, но возникли вопросы, прошу подсказать правильное решение. Вот начальный вариант, а вот это то, что я пытаюсь сделать(переделать). Первый вопрос связан с фоном сайта. Фоновый рисунок у меня разделён на две части, вторая часть находится в отдельном диве(обозначен синей полосой, верхняя граница). Возможно ли сделать так, что бы фоновый рисунок был одним целым, но при этом, при увеличении текстовой области по высоте, тянулся вместе с ней, есть ли вариант …

    Asked by slo_nik,

    0 votes
    7 answers

  4. как подключить IE PNG Alpha Fix

    отсюда http://vengard/iepngfix/iepngfix.html

    Asked by sc@r@bey,

    0 votes
    6 answers

  5. Масштабирование изображения

    Можно ли бесскриптовым методом сжать изображение ровно в два раза? То есть имеем изображение m х n пикселей (m и n неизвестны) и надо вывести изображение, чтобы оно было m/2 х n/2 пикселей. Это реально?

    Asked by Veseloff,

    0 votes
    14 answers

  6. png vs IE6

    посогите решить проблему, перепробовал все способы описаные на форуме не получается правильно подключить скрипты вот код частично: html ?> <!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="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="shortcut icon" href="media/favicon.ico" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <div id="container"> <table border="0" width="1004" cellsp…

    Asked by sc@r@bey,

    0 votes
    3 answers

  7. Padding/Margin в процентах

    возможно задать значение Padding/Margin в процентах? никак не получается... спасибо

    Asked by termoplus,

    0 votes
    9 answers

  8. Закругление углов посредством CSS + hover: как?

    Изучив тему, я задался вопросом - можно ли сделать изменяющийся фон у блока с закругленными углами при наведении на него мыши, без использования картинок. Допустим имеем сайт, вверху пункты меню с закругленными верхними левым и правым углами. Наводим мышь на любой из пунктов меню, он меняет цвет. Блоки с пунктами меню резиновые, то есть их ширина может изменяться. Также каждый блок/п.меню является ссылкой. Наводим мышь на любой блок/п.меню и цвет фона его меняется, включая и уголки. То есть вопрос в том, чтобы эмулировать стилевой атрибут border-radius (-moz-border-radius) для поддержки браузеров ИЕ7+, Опера 9.5+. Решаема ли задача только средствами исключительно CSS, без…

    Asked by Captain Fizz,

    0 votes
    5 answers

  9. почему в опере не открывается картинка

    Подскажите, пожалуйста, почему в Explorer картинка видна, а в опере нет, тег следующий: <img src="имя файла.gif" width=260 height=116 border=0 alt="">

    Asked by katy,

    0 votes
    22 answers

  10. Растояние между таблицами

    http://budnirussia.ru 1) Как можно убрать расстояние между таблицами, особенно в блоке новостей и установить разделительную серую линию блоков? 2) А так же вопрос относящийся к таблице: каким образом лучше втавить разделительную картинку, как это показано здесь: 3) В IE 7 сдвигается, возможно это проявляется и в других версиях IE, как можно сделать что бы меню сдвигалось только при растягивании (как в опере или мозилле).

    Asked by ainur11,

    0 votes
    1 answer

  11. ИЕ не понимает сокращенную запись CSS

    Опера и ФФ воспринимают все нормально, а ИЕ не понимает такую запись: background:#c3c3c3 url(images/content_bg.jpg)repeat left top; Это нормально? Или надо прописывать типа: background-image: background-repeat: background-color: Добавил: переименуйте пожалуйста название темы на: ИЕ не понимает сокращенную запись CSS

    Asked by rus,

    0 votes
    2 answers

  12. mm_menu

    Извините, если вопрос создан не в том разделе. Проблема собственно говоря не сложная, но при моём уровне владения кодом - достаточно неприятная. Имеется два меню, приведённые ниже. Строки, выделенные красным цветом, необходимо поменять местами со строками выделенными синим цветом. При простом копипасте меню просто отказывается работать. В одной из статей указали, что обрабатывать такие скрипты необходимо дримвьювером, т.к. он автоматически обновляет файл mm_menu.js, но изменяя эти строки вьювером меню всё равно отказывается работать. function mmLoadMenus() { if (window.mm_menu_0912121823_0) return; window.mm_menu_0912121823_0 = new Menu("root",417,20,"Verdana, Arial, …

    Asked by Cyanide,

    0 votes
    18 answers

  13. проблема со скриптом

    проблема со скриптом по слайд-шоу, копирую код и заменяю фотографии на свои,файл index.html и фотки кладу в одну папку,но открывается в браузере только рамка, а фото нет и выдает сообщение о ошибке Ошибка 6 (net::ERR_FILE_NOT_FOUND): Не удалось найти файл или каталог. вот код <html> <head> <title>slides</title> <script language = "JavaScript"> numimg=0 imgslide=new Array () imgslide[0]=new Image () imgslide[1]=new Image () imgslide[2]=new Image () imgslide[3]=new Image () imgslide[4]=new Image () imgslide[5]=new Image () imgslide[0].src ="pic01.jpeg" imgslide[1].src ="pic02.jpeg" imgslide[2].src ="pic03.jpeg" imgslide[3].src…

    Asked by maxim,

    0 votes
    11 answers

  14. Содержимое div'a при изменении высоты

    Здравствуйте. Наткнулся на такую проблему: есть див в котором размещён контекст, есть простой скрипт который изменяет высоту дива, но при уменьшении высоты содержимое элемента не убирается вместе с ним а остаётся на месте даже если высота = 0. Как это исправить?

    Asked by YISHIMITSY,

    0 votes
    2 answers

  15. Убрать рамку у ссылок-изображений

    Добрый день! Столкнулся с такой проблемой: Для всех ссылок указан следующий стиль A { text-decoration: none; border-bottom: 1px dashed white; } А для ссылок-изображений нужно сделать так, чтобы у них была рамка в 1 пиксель желтого цвета. Я попробовал это сделать таким образом: A IMG { border: 1px solid yellow; } При этом у ссылок-изображений появляется как нижняя белая рамка, которая чуть-чуть отстоит от изображения, так и желтая рамка, которая прилегает к изображению вплотную. Избавиться от нижней рамки попробовал вот таким способом: A IMG { border-bottom: none; } вставив этот код между первыми двумя блоками. Но результата это не дал…

    Asked by alex_tihonko,

    0 votes
    3 answers

  16. глюк с отображением в ie6,7

    Доброго времени суток! У меня проблема с отображением заголовка на сайте http://favorit-ec.ru/catalog/ В рабочем поле сверху, слева расположен заголовок "Каталог" сделанный в виде картинки. Во всех браузерах нормально, но в 6 и 7 эксплорере он прибивается к левому краю. Так же на всех остальных страницах. Сам я не верстальщик, но попробовал разобраться. Проблема в том что для .content h2 { height:29px; margin-left:41px; padding-bottom:14px; } не срабатывает margin-left:41px; Помогите дополнить hacks_ie, чтобы исправить данный баг, сам попробовал, но не получилось. Текущий код hacks_ie *html body { height:100%; text-align:center; filter:expression(document.execCommand("…

    Asked by brahman,

    0 votes
    6 answers

  17. сверстать вот такой оторванный край

    извиняюсь, цвет фона совпал с фоном форума, но надеюсь понятно

    Asked by ssbby,

    0 votes
    3 answers

  18. Выравнивание текста в одной строке

    Требуется выровнять часть текста в одной строке по левому краю, часть по центру и часть по провому краю. Пробовал сделать список и с помощью first-child и last-child изменять text-align (см. пример) Но ie не понимает last-child. Есть ли другие способы? ul{ list-style-type: none; margin:0; padding:0; } ul li{ margin:0; padding:0; float: left; width: 33%; text-align: center; } ul li:first-child{ text-align: left; } ul li:last-child{ text-align: right; }

    Asked by bodnar,

    0 votes
    4 answers

  19. Изменить цвет ссылки при клике на неё

    Есть меню(см картинку). Задача такая: 1)ссылки посещенные - зеленые, 2)ссылки не посещенные -зеленые, 3)ссылка при наведении курсора мыши - становится красной. 4)При клике на ссылку, текст её становится красным, подчёркивание уходит. Если после этого убрать курсор мыши - ссылка всё также остается красной без подчеркивания. Если после всего этого еще раз неё кликнуть - возвращается режим работы как в пунтках 1-3. Пробовал событие onclick='this.style.color='red'', но оно не работает. Как быть? Подскажите.

    Asked by ed101utf8,

    0 votes
    12 answers

  20. Сдвиг блока в опере

    В опере сдвигается нижний синий блок. Скажите пожалуйста, как это исправить? http://budnirussia.ru/quest.php В мозиле вокруг вокруг кнопки "Читать полностью" рамка, как ее можно убрать?

    Asked by ainur11,

    0 votes
    4 answers

  21. div надо приклеить справа снизу страницы.. никак((

    ребят есть такой код <style type="text/css"> .block1 { bottom: 0px; padding-right: 10px; background: #ccc; position: absolute; } </style> <div class="block1">Lorem</div> в итоге на этой странице DIV со словом Lorem отображается слева, все чего я смог добиться это то что он приклеился к низу http://anitchkov.vputi.net а мне надо что бы он был в самом углу справа, снизу справа и желательно что бы этот DIV шел нижним!!!! слоем, потому что туда я хочу разместить кусок фона!! буду очень признателен за подсказки заранее спасибо

    Asked by prajenik,

    0 votes
    11 answers

  22. Глюк с отображением картинки в ИЕ7-8

    Добрый день. Столкнулся с глюком отображения картинки в ИЕ7-8. В Опере и ФФ всё отлично показывает, а в ИЕ7-8 на чёрной шкуре коров отображает какието белые пикселя, будто битые. Как это можно пофиксить? Заранее спасибо

    Asked by artpol,

    0 votes
    30 answers

  23. связать backgroundы в таблице

    Такая вот таблица: <tr> <td background="1.gif" rowspan=2 height="30" width="30"></td> </tr> <tr> <td bgcolor="#fafafa" height="10" width="100%"> <td background="2.gif" colspan="2" height="20" width="100%"> </tr> <tr> <td background="3.gif" height="10" width="15"> </tr> бэкграунд 1.gif сливаеться с 2.gif. 2.gif повторяеться по ширине как сделать, чтобы 3.gif сливалось с 2.gif Т.е. как сделать, чтобы бэкграунд начинался не с 1пикселя изображения, а с пикселя X.

    Asked by Chebas,

    0 votes
    3 answers

  24. Подскажите как сделать так.

    :)Подскажите как сделать так. У меня есть изображение и у него бордер,мне нужно задать padding этому изображению,но при этом недолжен отступать border от изображения. И еще спрошу,можно ли в border:double одну линию сделать дальше от другой или ближе.

    Asked by Энди,

    0 votes
    6 answers

  25. Растянуть input на всю ширину div, минус изображение справа

    Здравствуйте. Ищу валидное, кроссбраузерное решение одной проблемы, и не получается, пришел спросить вас совета. Суть проблемы: Есть div с резиновой шириной, допустим 30% от размера окна, в нем находится input и img. img прибит к правому краю, а input должен быть на всю ширину дива до изображения. Если непонятно объяснил, могу нарисовать макет.

    Asked by relax,

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