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

29542 questions in this forum

  1. Как лучше сохранить веб-страницу на локальном диске?

    Народ появилась такая задача, сохранить веб страницу на локалке. НО мне нужно сохранить это не в html формате а лучше как то либо pdf либо картинкой либо еще как, вот пока склоняюсь к pdf ибо если сайт вертикально высокий то не склеивать же каждый скриншот в фотошопе - муторная работа, то есть мне нужно сохранить страницу без возможности ее в дальнейшем редактировать (поэтому варианты типа сохранить в формате Word просьба не предлагать), например для сохранения туторов. Нужен какой то автоматизированный способ, как вы это делаете?

    Asked by TonKhaO,

    0 votes
    10 answers

  2. Настройка отображения скролл бара

    Подскажите пожалуйста как реализовать схожую прокрутку как тут(внизу,где список страниц). Буду благодарен за быстрый ответ

    Asked by SunChase,

    0 votes
    10 answers

  3. Bootstrap - зачем козе боян?

    Объясните кто-нибудь мне, непонимающему, зачем нужен Bootstrap в реальной жизни. Я читал это http://bootstrap-3.ru/index.php, читал вот это https://ru.wikipedia.org/wiki/Twitter_Bootstrap, но единственное, что я знаю об этом фреймворке на данный момент - это как я поддерживал проекты с десятком классов, основное предназначение которых состоит из 1-2 css-правил. Назначение просто классы добавлять? Если да, то ИМХО это тоже самое, что верстать через style в тегах, зачем руки марать?

    Asked by antonKar,

    0 votes
    12 answers

  4. Много псевдоэлементов в одном селекторе

    Как применить к этому селектору .q1 li:first-child .q2 li:hover Ещё один псевдоэлемент :not(.q77 li)? Если писать .q1 li:first-child .q2 li:hover:not(.q77 li) То этот селектор вообще перестаёт работать

    Asked by aqua.77,

    0 votes
    21 answers

  5. 2 Блока div Изменяют друг друга при наведении

    Здравствуйте. Недавно начал изучать HTML и CSS. Хочу сделать рядом 2 блока div которые при наведении на любой из них увеличивались в ширине и изменяли ширину соседнего. А получается что при наведении на блок А он увеличивается и уменьшает ширину блока Б. А при наведении на блок Б он просто увеличивается и перекрывает блок А https://jsfiddle.net/ob4jyz0p/1/ Для наглядности: Курсор не в области этих блоков: |________А_50%________| |________Б_50%________| Курсор наведен на блок А: |____________А_80%____________| |____Б_20%____| Курсор наведен на блок Б: (Перекрывает Блок А) |____А_50%____|____________Б_80%____________|

    Asked by Denzell97,

    0 votes
    4 answers

  6. Блоки прыгают, дергаются, налезают друг на друга

    Всех приветствую. Возникла такая проблема. Ссылка: http://www.untex.com/8/ Если поводить курсором мыши по странице, то видно, что, когда курсор попадает на ссылки, блоки прыгают, дергаются, налезают друг на друга. С чем это связано, и как от этого избавиться? Прошу помочь. Спасибо.

    Asked by extruder,

    0 votes
    5 answers

  7. Условн. комментарии в ИЕ

    Хочу сделать отступ картинки которая находиться внутри ячейки таблицы, отсуп хочу сделать на определенное расстояние вправо. Дело в том что задаю в стилях и во всех браузерах кроме ИЕ, отступ, такой как нужен, в ИЕ показывает немного дальше что меня не устраивает. Для этого использую условные комментарии. Дело в том, что вроде они срабатывают, но проблема в том, что не знаю как поставить так условие, чтоб не дублировалась картинка 2-ой раз в браузере Ие именно, толкьо в нём и больше ни где дублируется картинка, как исправить подскажите. <html> <head><title>Видео</title> <style type="text/css"> .videoyrokiIE{position:relative; left:165px; } …

    Asked by people2010,

    0 votes
    23 answers

  8. Переход между страницами без обновления шапки

    Полазил по одному сайту и вот на что обратил внимание. Там при переходе со страницы на страницу, длительность загрузки может составлять до 2-х секунд, но при этим шапка и левая колонка даже на миг не пропадают с экрана. Обычно, на других сайтах, в такой момент старая страница пропадает, а новая появляется в нескольких разных вариантах, соответствующих разному объему загруженной информации. Количество этих вариантов зависит от продолжительности загрузки и частоты обновления рабочей области браузера. Здесь же вариации испытывает только содержимое центрального, блока. Я сначала было подумал AJAX, но приглядевшись к коду, понял, что это чистый HTML. И суть эффекта, таким обра…

    Asked by freeneutron,

    0 votes
    8 answers

  9. выравнивание DIV

    Не пиннайте сразу, дочитайте до конца.Не наш?л такой темы по поиску, поэтому создаю новую. Как выровнять меню во внутреннем тэге div по середине экрана горизонтально? Проблема в том, что не известна ширина и задать ж?стко е? нельзя, клиент сам изменяет меню, и она будет плавающей, но меню всегда должно центрироваться. Основная проблема в том, что не получается сделать минимальной ширины по контенту, расползается на 100%. А все подпункты меню разумеется должны быть выровняны слева. Вот пример кода меню: <div style="background:#FFFFFF;width:100%;"> <div style="background:#FFFFFF;color:#335533;"> <ul style="background:#FFFFFF;color:#335533;"> <li sty…

    Asked by DjDance,

    0 votes
    10 answers

  10. скроллинг кривой help...

    http://mozg4d.com/idex.php вот страничка. всё вроде не плохо, но при уменьшении её, скроллинг появляется не так как надо. что делать???? позиционируется все элемены абсолютно. вот так: style=position:absolute;left:50%;margin-left:-480;top:9 думал - "ладно, сайт доделаю и решу эту проблему" почти доделал а проблема - осталась... (и как оно по дазайну и удобству?)

    Asked by mozg4d,

    0 votes
    10 answers

  11. Кнопки input type button и <button>

    Можно ли задать размеры кнопок <input type="button" и <button>? Имею ввиду, что бы задать им определенную ширину и высоту, например. Нужно вряд поставить 4 кнопки, хотелось бы, что бы они были одинаковые по ширине, независимо от ширины текста в них.

    Asked by htmluse,

    0 votes
    6 answers

  12. Карточка товаров на Flex

    Всем привет. Есть код-схема карточек товаров. Как с текущей разметкой сверстать на флексах так, чтобы полные ряды товаров (т.е. по 3 товара) вели себя как space-between, а не полный ряд как space-around? Если такое не возможно, какие могут быть пути решения? з.ы. варианты с ручным добавление margin к товарам неполного ряда не подходят

    Asked by wa0s,

    0 votes
    0 answers

  13. DOCTYPE HTML 4.01 Transitional - div height 100%

    Можно ли растянуть div на 100% по высоте в этом DOCTYPE без использования javascript, само собой для всех браузеров? и еще вопрос, есть: ************************************************* хедер ************************************************* левая контент правая колонка колонка ************************************************* футер ************************************************* так вот колонки позиционированы absolute как привязать футер к низу? если не известно заранее какой высоты колонки

    Asked by ignar,

    0 votes
    3 answers

  14. Принцип генерации SVG спрайтов(как лучше сгенерировать)

    Доброго времени суток. Интересует как лучше сгенерировать svg спрайт из illustrator'а.

    Asked by Galaxy,

    0 votes
    8 answers

  15. Пакетное преобразование изображений (изменение холста)

    Здравствуйте! Уважаемые форумчане, для интернет магазина необходимо сделать квадратные изображения - 220px на 220px. Имеющиеся изображения товаров, а их около 1000 штук, имеют абсолютно разный размер и соотношения сторон. Может быть кто-то подскажет программу, которая позволит решить данную проблему - сделать из прямоугольных изображений квадратные, например, увеличить меньшую сторону до большей. Заранее благодарю за полезные советы и решения!

    Asked by volshebnyi,

    0 votes
    12 answers

  16. Скрытие бокового контента при уменьшении экрана

    Всем привет. Наверное сотни тысяч раз верстальщики сталкивались с подобными задачами. Мне нужно следующее: Есть основной, центральный блок контента (block_content) шириной 1000 px. Но помещен этот блок в родительский блок (block, который будет содержать фоновое изображение) шириной 1920 px. .block {width:100%; max-width:1920px; min-width:1000px;overflow:hidden} .block_content {width:1000px; margin:0 auto;} На мониторе с разрешением 1920 пикс. все смотрится отлично. Центральный блок, находится по середине, на фоне внешнего блока с изображением. Но при уменьшении разрешения (при свойстве у внешнего блока overflow:hidden;), идет скрыти правой части изображения. Как…

    Asked by Igoritaly,

    0 votes
    2 answers

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

    Сделал меню на css. Решил сделать его полупрозрачным. Столкнулься с 2 проблемами: 1.Поставил в ul opacity - все подменю меняют прозрачность по нарастающей. 2.Надписи тоже становятся полупрозрачными - вроде есть решение, текст в отдельный div пихать - но в случае со сложным каскадным меню делать этого не хотелось бы.

    Asked by Destrifer,

    0 votes
    5 answers

  18. Задача невыполнима?

    Реально ли сверстать некий прямоугольный блок с текстом, удовлетворяющий следующим требованиям: 1. Закругленные углы 2. Тень со всех сторон 3. Полупрозрачность фона (что бы было видно все, что находится за блоком) 4. Резиновость хотя бы по высоте. 6. Корректное отображение при масштабировании страницы (через ctrl) как в + так и в - 5. Поддержка всех этих пунктов без исключения начиная с IE7+ Такой блок мне нужно сверстать независимо от того, возможно это или нет. Этого требуют от меня на работе. Пробовал вариант с прозрачными картинками, все вроде хорошо, но при масшабировании в хроме появляются артефакты в виде смещения в разные стороны бэкграундов на пару-тройку п…

    Asked by Bassline,

    0 votes
    16 answers

  19. Ох уж этот IE

    Есть бокс с закругленными уголками. Внутри: * в него вставил менюшку * под ней контент. Проблема : в ФФ все сидит в боксе. А в ИЕ контент вылазит за его пределы. Где собака зарыта ? <style> div.cleaner { height: 0px; clear: both; overflow: hidden; } .mainnews-l{ float: left; width: 42%; } .mainnews-r{ float: right; width: 55%; } .news-corpse { margin-top: 15px; } .news-corpse p { margin: 5px 0 0 0; padding: 0; } .news-corpse img { float: left; margin: 0 1% 0 0; } .news-corpse small{ font-size: 82%; margin-left: 5px; white-space: nowrap; } .news-corpse img { padding: 2px; border:none; } /* ——————————————- box1 */ .box1 { background-…

    Asked by ramilkin,

    0 votes
    16 answers

  20. CSS-меню со ссылками и IE 7/8

    Здравствуйте! Есть сайт, на сайте есть выпадающие меню-таблицы с ссылками (кнопочки ). В IE 7, IE 8 на ссылки нажать нельзя — при подведении мыши к ссылке табличка сразу закрывается. КАК ЭТО ИСПРАВИТЬ? Меню реализовано через CSS: a { color: #000; background: url(pic.gif) no-repeat right top; padding-right: 10 } a:active, a:hover { text-decoration: underline } a:link, a:visited, a.menu:hover { text-decoration: none } .menu a { color: #03C } .menu a { background: none; padding-right: 0 } a.menu { display: block; width: 16; height:16; background: url(dn4.gif) no-repeat right top } a.menu span { display: none } a.menu:hover { display: block; position: relative; font-size:…

    Asked by Hedron,

    0 votes
    8 answers

  21. Про необязательные тэги и необязательность закрытия всех тэгов — беспардонное враньё?

    Всегда ранее я предпочитала строгий синтаксис xhtml, считая вольный html с незакрытыми тэгами чем-то абсолютно недостойным. Но в конце концов стало интересно: ведь как-то же люди и такой синтаксис используют, и всё работает, да и спецификациями одобрено. Но однако что замечено: если не использовать тэг <body>, то в отдельных случаях IE любой версии просто не кажет содержимое страницы. В частности, это происходит, если использовать html5shiv или схожие по смыслу скрипты. если не закрывать <p> (или любой другой типа не требующий закрытия тэг), и за этим незакрытым элементом закрывается </section> или </aside>, то FF игнорирует эти закрывающие тэги, с…

    Asked by swetlana,

    0 votes
    12 answers

  22. HTML центрирование

    Asked by Tairon,

    0 votes
    9 answers

  23. Неимоверно сложная задача!!!

    Как сделать, чтобы при наводе мышкой на изображение-ссылку это изображение увеличивалось ненамного (хочу сделать что-то на подобие 3D).:) Т.е. у меня есть изображение размером 135 х 101, а чтобы при наведении на него мышкой оно становилось чуть большим. Вот код гиперссылки: <a href="1.html" width="140" height="105" target="1"><img src="images/1.jpg">

    Asked by Пятница,

    0 votes
    16 answers

  24. непойму,что за тэг?

    Скажите,для чего нужен этот тэг и где про него можно почитать? background:transparent

    Asked by psywalker,

    0 votes
    9 answers

  25. Проблемы с css,связанные с джумлой

    Здравствуйте)Помогите мне пожалуйста разобраться с css в джумле...Дело в том,что до того как я занес свой шаблон в джумлу он у меня отлично отображался,но после его установки он начал "сьезжать" в левую сторону и перестал растягиваться во всю выоту экрана...Я попробывал это исправить своими силами,но в итоге у меня получилось,что нормально отображаться сайт стал лишь в опере,в остальных браузерах у меня он изображается криво. Вот код моего css,отвечающий за вывод основного блока: .table { border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; width: 900px; margin:40px 0px 40px 0px; heig…

    Asked by Asclepius,

    0 votes
    11 answers
×
×
  • 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