HTML Coding

29542 questions in this forum

1. Центрирование ul

   Подскажите, возможно ли оно Отцентрировать список ul без указания этому списку ширины? ширина меняется Вообще работает text-align:center; и display:inline; Но при inline элементы становятся уже не блочными и не работают отступы вверх и вниз у ссылок внутри li Вот так на пальцах

   Asked by ShumNo, March 1, 2011

   0 votes
   41 answers
2. Ширина сайта при разрешении экрана 1024х768

   Здравствуйте! Какая ширина сайта должна быть при разрешении экрана 1024х768? Может быть, есть таблица, в которой можно посмотреть оптимальную ширину сайта при разных разрешениях экрана?

   Asked by Mr.Smith, April 29, 2010

   0 votes
   7 answers
3. float и распорка на псевдоэлементе.

   Существует классический уже метод сбрасывания обтекания, дабы избежать схлопывание по высоте родителя. Речь о: .clearfix:after{ content:''; display:table; clear:both;}Нуу, это в случае без оглядки на IE7. Собственно, два вопроса к знатокам: Почему display:table; ? Логичнее привычное display:block; - так же работает. И глазу милее и не увеличивает Мировую Энтропию. Или я что-то не знаю и display:table; тут не просто так? Почему часто в коде вижу двойное "сбрасывание обтекания" ДО и ПОСЛЕ .clearfix:before, .clearfix:after {...}. Опять я что-то не знаю, или это обычная паранойя (лучше перебздеть, чем недобздеть)? И если была бы возможность использовать и ВМЕСТО, …

   Asked by Cei, October 1, 2014

   • float clearfix after
   0 votes
   5 answers
4. Вертикальный отступ перед div в FireFox отображается неправильно (

   <div style="width:840;background:white;margin-bottom:45px;margin-top:0px" id="ht5"> Если выставляется margin-top:0px, то в IE отображается нормально, а FireFox содержимое div наползает на находящееся сверху. Если выставить отступ в margin-top:150px, то в FF отображение нормальное а в IE - между предыдущим содержимым большой отступ. Как это можно разрешить?

   Asked by Fixer, September 24, 2007

   0 votes
   6 answers
5. Встроенные фреймы???

   Добрый день. я являюсь начинающим верстальщиком (создателем) сайтов.Прошу вас помочь мне в следующем: редактор,используемый мною,а именно - FRONTPAGE 2003 имеет поддержку втроенных фреймов.Никак не могу понять - выбирая на своей странице,в необходимом месте - Вставка - Встроенная рамка - появляется фрейм,однако,к примеру,кнопки ,находящиеся слева и справа от фрейма "разлетаются" вниз из зоны созданной рамки.Как мне избежать смещения всей информации из зоны созданного фрейма. С нетерпением жду вашего ответа! Заранее благодарен - Олег.

   Asked by vando2006, May 27, 2008

   0 votes
   31 answers
6. Проблема с отображением SVG

   Всем привет. Ребята столкнулся с проблемой по SVG, файлы попросту не отображаются, при этом консоль не ругается, адреса в коде актуальные но само отображение не происходит. [hide]bogus.hohmochka.in.ua[/hide] кто то может подсказать, в чем может быть трабл? куда копать то? ЗЫ: хайд какой-то странный =)

   Asked by BogusUA, March 14, 2016

   • SVG
   0 votes
   2 answers
7. Параллелепипед с помощью css

   Есть ли способ создать с помощью css параллелепипед как на картинке?

   Asked by afagorn, October 28, 2015

   0 votes
   16 answers
8. не убирается бордер у object

   подгружаю через object html страницу, border="0", в опере все ок, а в ие 6 он не убирается, подскажите как, плиз, поиск перерыл, ничего подходящего не нашел

   Asked by xameleon, March 17, 2009

   0 votes
   17 answers
9. Можете посмотреть макет?

   Смотрите, начал верстать шаблон, вот макет: Скажите что мне нужно добавить и исправить, пока не окончил верстку?

   Asked by htmlonline, February 3, 2011

   0 votes
   52 answers
10. Как растянуть div по высоте

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

    Asked by _Tornado_, October 11, 2010

    0 votes
    10 answers
11. Ух уж эти разные браузеры

    ПОмогите пожалуйста со следующей проблемой, она у меня заключается в следующем у верхнего слоя я указываю style="position: relative;", ну допустим у ячейки таблицы, вот внутри этой ячеки я вставляю див и указываю у него style="position: absolute;" вот при задаваний левой и верзхней позиции , он берет их относительно краев ячейки у которой position: relative)) это мне как раз то и нужно) в опере рабоатет и в ие работает, в мозиле блин не фурычит и отступ от левого и верхнего края берется абсолютно (тобишь относительно экрана) Что делать) может нме кто нибудь посдказать?? мне надо что бы и в мозиле позиционирование было относительно краев ячейки :mad: рррррррррррр мозилаа…

    Asked by UshkiNaMakushke, December 3, 2007

    0 votes
    34 answers
12. я понимаю что достал

    Вот есть такой код <table style="text-align: left; width: 100%; height: 455px;" border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td id="menu1"align="center" valign="top" <a href="index.php?categoryID=2" class="cat">автонавигаторы</a> <font class="olive">(15)</font> <ul> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> </ul> </div> </td> <td id="menu2" align="center" valign="top"<a hr…

    Asked by ppvkomi, November 22, 2009

    0 votes
    24 answers
13. Как обрезать картинку снизу?

    Друзья, возникла задача построения ряда блоков. Блоки располагаются один под другим. В каждом есть изображение, которое должно обрезаться снизу. Однако сам div нестандартный. Смотрим картинку Какие у меня были варианты решения: Использовать overflow: hidden; Но идея потерпела крах, потому что он обрезает не по линии, а по горизонтали. Использовать clip; Тоже крах, потому что теряется адаптивность и каждый раз рассчитывать clip даже с помощью js тяжело Разные варианты совмещения. Например, взять из макета дугу и картинку, сохранить как PNG и установить в основном слое как background-position: bottom; Пока это самая лучшая идея, но она не унив…

    Asked by Libiros, July 28, 2017

    • html
    • css
    • div
    • img
    • background
    0 votes
    17 answers
14. ссылка в раскрывающийся список

    как повесить ссылку на пункт меню в списке, обычном HTML списке (<input>)

    Asked by SoFuWa, January 24, 2010

    0 votes
    17 answers
15. Размеры favicon

    Вот заинтересовал такой вопрос, какого размера должен быть стандартный favicon я обычно использую фавикон размером 16х16, больших размеров не использую, я как дизайнер знаю что уменьшение картинки как правило приводит к нехорошим результатам, и картинку необходимо поле уменьшения дорабатывать что бы она выглядела хорошо, это же относится и к favicon-у Но вот покапафшись в нете я обнаружил что используются фавиконы больших размеров, зачем и для чего? непонятно товарищи знатоки, может вы подскажите мне

    Asked by AlexKon, July 16, 2009

    0 votes
    16 answers
16. Как исправить эти ошибки?

    Подскажите как исправить # Error Line 112, Column 66: Attribute "target" exists, but can not be used for this element. …e.ua/ru/currency/converter/" target="_blank"> Валютный конвертер</a> <a ✉ You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect inst…

    Asked by midzus, April 9, 2009

    0 votes
    6 answers
17. Почему придирается валидатор

    Проверила сайт валидатором. Нашел 4 ошибки. Я не пойму в чем он видит эти ошибки. Пожалуйста, помогите понять, что же он гад от меня хочет. Ошибки я выделила красным, чтобы понятней было к чему валидатор придирается. Вот сам код, который валидатору не понравился: <meta name="keywords" content="здесь перечень ключевиков /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> &l…

    Asked by Mila, August 10, 2009

    0 votes
    9 answers
18. Растянуть картинку до конца экрана в Bootstrap

    Добрый вечер, подскажите пожалуйста как реализовать такую структуру(как на картинке) Скрытый текст при помощи bootstrap. Есть container и есть row, в них два col-lg-6, как сделать чтобы картинка растягивалась на всю ширину до конца экрана? если ее просто поместить в col-lg-6 то она и займет пространство этого блока а надо чтобы было до конца экрана по ширине, и также со второй картинкой , чтобы она начиналась с начала экрана. Есть код и вот что из этого вышло(на другой картнке) Скрытый текст <div class="news-wrap"> <div class="container"> <div class="row "> &…

    Asked by EvilNeighbor, January 18, 2018

    0 votes
    6 answers
19. Ссылка - ячейка таблицы??

    ——————————————————————————-- Меня заинтересовал один момент. Пример, по этой ссылке - http://evapco.ro/index.php. Как в нижнем фрейме сделан перечень товаров? Я так понимаю, это таблица. Но вот подобрать код пока не получается, чтобы добится такого же эффекта. Как можно сделать кажду ячейку отдельной ссылкой? У меня получается сделать ссылкой в ячейке, либо текст, либо картинку, либо наоборот пустое поле(без текста и картинки). А как его сделать так, как здесь? Чтобы вся ячейка была ссылкой, еще и подсвечивалась при наведении курсора? Надеюсь, я нормально обьянил, в чем проблема, и вы меня поймете=) Буду бесгранично признателен за обьяснения и по возможности пример кода.

    Asked by DanTe-Fr, December 22, 2007

    0 votes
    16 answers
20. Применение opacity ко вложеным div

    есть таблица <!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>Untitled Document</title> </head> <body> <div class="top" id="table" style="opacity: 0.5"> TABLE <table border="1"> <tr> <td><div id="bot1" style="opacity: 0.4">BOT1</div></td> <td><div id="bot2" style="opacity: 0.6" >BOT2</div></td> </tr> <tr> <td><div id="bot…

    Asked by rrock, October 9, 2008

    0 votes
    16 answers
21. margin-top у дива внутри другого дива

    Здравствуйте. Столкнулся с такой непонятной проблемой, которая встречается во всех браузерах, за исключением IE6. Есть два вложенных дива, расположенных вверху страницы. Когда для внутреннего дива я задаю верхнее поле margin-top:20px; ,то внешний див смещается вниз. Это хорошо видно в Firebug. Не понятна логика такого поведения браузеров. Если есть margin у дива, расположенного внутри другого дива, то это должно означать, что должен быть отступ внутри внешнего дива. За внешний див, надо полагать, выйти никак невозможно. Как это можно исправить и в чём здесь ошибка? Как с помощью margin-top можно опустить текст "NAME OF SITE" ниже. padding-top я не рассматриваю, так как …

    Asked by clavin, May 26, 2010

    0 votes
    14 answers
22. Как склеить две стороны двух таблиц?

    Всем здрасте. Заранее прошу меня извинить, если вопрос уже такой был, но я просто не знала по какому запросу мне его найти. Короче проблема следующая. МФ и Опреа не понимают padding-top:0 в .tb1. код: <html> <head> <title>mysite</title> <style type="text/css"> body{ margin:0; background:black; color:white; scrollbar-base-color:gray; min-width:1000px; max-width:1500px; padding-top:2%; padding-bottom:0; } .tb1 { margin:0; padding: 0px; background:black; border: 0px; color: wtite; width:100%; padding-top:0; } .tb2{ border: 4px solid red; width:200px; height:80%; } </style> </head…

    Asked by In_Variant, June 14, 2009

    0 votes
    14 answers
23. тег <p> в диве

    Приветствую! Сегодня столкнулся с необычной для себя проблемой. Страница сверстана с контентом в центре. Разбита на 4 блока дивами. В двух блоках находятся ссылки в столбик. Так вот в чем суть. Если я в верхнем блоке ставлю ссылки в тег <p> то при разрешении 1024 появляется 1 пиксель справа от контента. Т.е. сам контент не разъезжается, а появляется именно отступ справа. В нижнем блоке применение этого же тега проходит без проблем. хотя блоки одинаковы. В разных браузерах отображается по разному. У меня во всех, кроме Оперы лезет этот пиксель, в Опере нормально. У кого-то и в ФФ все ок. Я даже не знаю в каком направлении думать уже. Код прилагается. <!DOCTYPE H…

    Asked by Softlink, April 28, 2011

    0 votes
    41 answers
24. Начинающий верстальщик

    Здравствуйте, решил освоить профессию верстальщика. Постиг основы HTML, CSS, JavaScrip, jQuery, а дальше начались проблемы. Проблема находится в области перевода макета в HTML/CSS/JavaScrip. Как я понял, то Responsive Web Design становится стандартом. Чем и как переводить Responsive Templates в код? Учить adobe illustrator? Что делать с обычными Templates? "Нарезка" в Photoshop это типа уже старая практика, как и сам Photoshop, (советуют спрайты), что делать с Responsive Templates тоже непонятно. Подскажите, пожалуйста, как быть? Какими инструментами конвертировать макеты и как? Интересуют только актуальные методики. PS: Когда я учил теорию, то много негатива встрет…

    Asked by Spark89, June 3, 2015

    • вёрстка
    0 votes
    41 answers
25. Задание класса для Body

    Возможно ли задать в css класс для тега Body? Задача реализовать различное графическое оформление для различных страниц сайта. Скажем, определение фона и шрифт для стандартного шаблона идет через класс ".body1", а для определенного диапазона страниц - через ".body2". Либо это делается как-то иначе?

    Asked by Joerrigo, December 14, 2009

    0 votes
    5 answers