HTML Coding

29,542 questions in this forum

1. :root

   Насколько понял, псевдокласс :root аналогичен селектору HTML.

   Asked by Vlad, June 27, 2007

   0 votes
   6 answers
2. Виснет ie при просмотре сайта.

   Собственно сабж. http://grandreklama.ru.equinox.neolocation.net/pkat13_136/ ——— сайт Если нажать кнопку подробнее то ie зависает. При этом в остальных браузерах все работает отлично. В верстке сайта принимало участие достаточно большое количество несвязанных людей, но последним был я (( поэтому и спрашивают с меня ( а я реально не пойму почему так происходит (( И понятия не имею как отловить место, в котором IE капризничает ((( Может кто знает каие-нить средства или алгоритмы анализа кода под IE? Ну или хоть что-нить, может подсказать,буду благодарен за любую информацию. Заранее спасибо.

   Asked by 4ert, October 24, 2007

   0 votes
   9 answers
3. Прокрутка в IE7 исчезает.

   Здравствуйте! Проблема с отображением автоматической прокрутки в IE7, в других браузерах вроде бы все впорядке. div.dopdiv-doptop { width: 100%; overflow: auto; overflow-x: auto; float:left; } Можно посмотреть здесь http://www.znaksovetov.ru/index.php?option...4&Itemid=63 В чем может быть проблема?

   Asked by olga_4444, August 19, 2009

   0 votes
   13 answers
4. justify-content: space-between - выравнивание элементов в нижнем ряду

   Здравствуйте! Подскажите, пожалуйста, как избежать такой картины при justify-content: space-between: Хотелось бы, чтобы в нижнем ряду не было пустого пространства между элементами. Как вы избегаете такую проблему? http://jsfiddle.net/osfkzpvy/

   Asked by volshebnyi, January 22, 2019

   0 votes
   17 answers
5. overflow: hidden и z-index

   У меня есть внешний div, который формирует белый фон для контента страницы, у которого было свойство overflow: hidden; Вокруг него лежит текстурный background страницы. Логотип я разместил в headerе, который был внутри указанного дива с overflow: hidden;. Попытался поднять лого с помощью position:relative и top: -100px, чтобы он оказался выше дива на текстурном фоне. Применял z-index и position подходящие для внешнего дива, чтобы лого вышло наверх, но пока не убрал overflow: hidden лого вверх не прошло. Выходит overflow: hidden; главнее z-index? Вот чего надо было добиться: Это так и делается обычно, с помощью position:relative и top: -100px?

   Asked by borus, October 20, 2011

   0 votes
   7 answers
6. HTML был 1000px в ширину стал 2000px. Как вернуть?

   HTML был 1000px в ширину стал 2000px. Как вернуть?

   Asked by russiaportugal, August 30, 2023

   0 votes
   1 answer
7. Выпадающее меню не работает в IE

   Выпадающее меню не работает в IE. Во всех остальных браузерах выпадает. Помогите решить проблему. <div id='navbarmenuleft'> <ul id='nav'> <li><a expr:href='data:blog.homepageUrl'>Главная</a></li> <li><a href='#'>About</a> <ul> <li><a href='#'>Sub Page #1</a> </li> <li><a href='#'>Sub Page #2</a></li> <li><a href='#'>Sub Page #3</a></li> </ul> </li> <li><a href='#'>Services</a></li> <li><a href='#'>Portfolio</a></li> <li><a href='#'>Contact</a></li> …

   Asked by kitenok888, May 30, 2012

   0 votes
   7 answers
8. nobr или nowrap как убрать отступы между елементами?

   <div style="white-space:nowrap; margin:0; padding:0;border:0;"> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </div> или </nobr> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </nobr> как убрать откступы

   Asked by newbigmir, September 4, 2007

   0 votes
   4 answers
9. Bootstrap: проблема с фиксацией блока ( affix)

   Приветствую коллеги! Пытаюсь с помощью Bootstrap сверстать меню которое прокручивается до верхней границы экрана и там фиксируется. В Bootstrap для этого есть специальный класс affix ( http://twitter.githu...ript.html#affix ) Вертикальную фиксацию сделал, но не могу решить проблему с шириной. До фиксации ширина одна, после фиксации - другая. Хотя величина в свойствах стоит одна и та же (23.4... %) До фиксации: .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } После фиксации: .affix { position: fixed; top:0; width: 23.404255319148934%; /* *width: 23.351063829787233%;*/ } Ширина родительского элемента совпадает. Так в чём же проблема? Го…

   Asked by Devvega, March 15, 2013

   • bootstrap affix
   0 votes
   2 answers
10. При верстке в utf-8, IE-6 как-будто не видит css...

    Привет. Такая проблема, есть страница к примеру. В header'e расположены 2 блока ? 1. лого 2. правый блок, расположенный по правому краю. Если заметить, кодривка стоит - utf-8, при этой кодировке IE-6 как будто не видит стилей..т.е. правый блок не выравнивается по правому и что бы я не делал, какие бы стили я не прописывал в CSS, он их игнорирует, а если прописать их в самом div'e то все нормально... и ЕЩЕ ! когда я меняю кодировку на windows-1251, то УРА, ЗАРАБОТАЛО! В чем дело? Нужно разобраться... и надрать этому IE его наглый зад!) CSS body { margin: 0; padding: 0 15px 0 15px; font-family: Arial; font-size: small; background: #fff; color: #404040; background: url(..…

    Asked by Sotnikov, May 6, 2008

    0 votes
    3 answers
11. Ссылка экзотической формы (не прямоугольная)

    Доброго времени суток, уважаемые форумчане. Впервые постю в форум на htmlbook. Заранее прошу прощенья, если что-то не так. Поправьте, исправлюсь. Ставлю себе задачу, научиться делать ссылки произвольной формы . Действительно произвольной. При этом хотелось бы уметь отслеживать наведение курсора на ссылку, делать ее активной и т.д. Начну, пожалуй, с треугольников, трапеций и т.д., но в итоге хочу вот такую: (кусок бублика : ) Проблема: не знаю, с чего начинать. Гуглится задача очень тяжело, ибо результаты это геометрия для школьников со словами "ссылка на учебник" . Решение на уровне логики: мне в голову приходят два решения. 1) JavaScript с запрограммированным алгоритмом…

    Asked by Cypher76, September 21, 2011

    0 votes
    7 answers
12. display: none и поисковый робот

    Здравствуйте. На сайте имеется некоторый блок (div) в который рандомно выводится текст из базы mysql посредством php-запросов. Так как тексты для базы данных не готовы, там пока что выводится "рыба" (типа: текст1... бла-бла-бла.. и тд.) Для того чтобы не смущать посетителей сайта решили этот блок временно скрыть, установив в css-свойствах этого блока display: none. Вопрос. С точки зрения поисковых роботов не будет ли это считаться как нарушение? Я где-то читал, что на сайте не должно быть текстовой информации невидимой посетителю, но видимой для роботов, например, белый текст на белом фоне, и за такие приемы сильно "наказывают". Не будет ли такой прием (display: none) рас…

    Asked by dmifed, March 13, 2013

    0 votes
    16 answers
13. Управление содержимым ячейки таблицы из меню

    Здравствуйте. Есть таблица. В одном столбце таблицы находится меню. В другом контент. Нужно, чтобы по выбору пункта меню менялся контент. Контент представлен ввиде других страничек html. Подскажите, как сделать Желательно с примерами Спасибо.

    Asked by Aryan, September 13, 2008

    0 votes
    11 answers
14. как правильно написать шапку сайта

    Помогите правильно написать шапку сайта, столкнулся с проблемой что шапка идет в 2 строчки а не в одну. вот текст <html> <body> <style> .heade { background-image:url(img/headcenter.jpg); width:100%; } </style> <p>Шапка) <div class="heade"> <img alt="" src="img/headleft.gif"> <img alt="" src="img/headright.gif" style="float: right;"> </div> </body> </html>

    Asked by SID, December 14, 2010

    0 votes
    10 answers
15. Каким редактором пользуетесь Вы?

    Всем привет! Уже долгое время верстаю, используя простой Notepad++ и пару открытых браузеров с дебаггерами. Вроде бы все хорошо, но что-то подсказывает, что можно бы и побыстрее)) Кто чем пользуется? Когда-то советовали Sublime Text 2, но руки до него так и не дошли.. Да и вообще, ускоряет ли верстку хороший редактор? Или лучше всего то, к чему привык?

    Asked by Nibaluiso, December 21, 2015

    0 votes
    37 answers
16. Меня мучает один вопрос

    Ребят,меня мучает несколько вопросов: Вот я недавно начал изучать программирование,выучил HTML, щас учу CSS,ну и конечноже не собираюсь овтанавливаться,так вот я недавно зашёл на Фриланс,там меня удивило одна вещь: Почему такие дешёвые сайты? Почему Люди.которые например имеют опыт по 5 лет,берут за заказ какихто 50$(за весь сайт) 1)Неужели так дёшево цениться Вёрстка?Или я может быть чтото путаю? 2)Получаеться,что люди тратят так много времени на изучение програмирования,сидят,учат,паряться,а заработать на этом нормально низя? 3)Потом ещё я узнал,что есть шаблоны(сайты) куда можно войти и выбрать любой за копейки,и эта тема развиваеться с бешеной скоростью. Так вот вопро…

    Asked by psywalker, September 3, 2008

    0 votes
    9 answers
17. :hover

    Здесь написано http://htmlbook.ru/css/hover ,что В браузере Internet Explorer до версии 6.0 включительно псевдокласс :hover работает только для ссылок.А мне надо hover для label.ПОдскажите как можно решить проблему.? Только ли через JavaScript ?

    Asked by new01, May 2, 2011

    0 votes
    32 answers
18. дивный макет ( помогите)

    Здраствуйте!Помогите нубу решить проблемму.недавно начал изучать хтмл и ксс и сегодня решил впервые попрактиковатся над созданием макета. Собстенна вот создал макет <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="://1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> html,body { margin:0 auto; height:100%;} #contener { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; width:1000px; background:#FC3; } #head { heig…

    Asked by seregascs, May 12, 2011

    0 votes
    35 answers
19. Граница div уезжает за пределы окна в FireFox

    Такой вот стиль: #header { position: absolute; top: 0; left: 0; width:100%; height: 100px; border-style: solid; border-width: 1px; border-color:red; } правая граница в FF (3.0) находится за пределами экрана. Чего ему, лису, добавить?

    Asked by Andrewvp, September 12, 2009

    0 votes
    18 answers
20. Как сделать 3 блока "одинаковой высоты"?

    Есть вот такой код: <div style="width: 108px; height: 100px;"> <div style="background-color:lime; width: 4px; height: inherit; float: left;">1</div> <div style="background-color:lime; width: 4px; height: inherit; float: right;">2</div> <div style="background-color:blue; width: 100px; margin-left: 4px; margin-right: 4px;"> asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br> </div> </div> хочется, чтобы блоки "1" и "2" занимали точно такую же высоту, какую занимает синий блок с "к…

    Asked by E5000, June 26, 2011

    0 votes
    38 answers
21. Как верстать сайты большой ширины ?

    Здравствуйте. 1. Несовсем понимаю логику, например, как верстать сайты в котором ширина макета 1400px, а контент 1170px. ? Получается, сайт не должен быть шире 1400px, а контент не шире 1170px ? (тут мне интересно что должно быть сайтом когда ширина экрана будет больше 1400px, задний фон задавать ?) 2. Объясните, пожалуйста, как в команде разработчики и дизайнеры работают ? Например, в интернете я нахожу только макеты для десктопа, ну и шаблон под мобилу и планшеты разумеется делаю как мне вздумается, а как в командах? как быть в таких случаях когда ты в команде - но макет только для десктопа, тоже на глаз, сам как хочешь и выкручиваешься ? 3. Скиньте, по…

    Asked by Agony741, March 29, 2018

    • макеты
    0 votes
    6 answers
22. Media Queries и поворот экрана смартфона

    Всем привет. Задал через @Media поведение ширины слоев под разные разрешения. По такому типу: @media screen and (max-width: 720px){ body{ width: 640px; } div.nav{ width: 640px; }} Проверил на телефонах. При ландшафтной ориентации экрана слои не растягивают на ширину экрана. Например у телефона разрешение 320x480. У меня медиа заданы и под 320 и под 480. И по идеи, при перевороте сайт должен тянуться на 480px. Можно ли это как-то исправить?

    Asked by Bugert, May 12, 2014

    0 votes
    5 answers
23. Как правильно делать hover для иконок?!

    Добрый день, дорогие форумчане! Нужно сделать ховер-эффект у иконки соц-сети. Он заключается в следующем: 1) До наведения - http://joxi.ru/VrwpeqgubwyEmX 2) После наведения - http://joxi.ru/v297yWjU9XBgrG Но раз это изображение, то у него нельзя поменять цвет фона. Уместно ли будет сделать так, чтобы менялось фоновое изображение блока. То есть создать блок, у которого background-image при наведении будет менять свое значение. Или есть другие правильные способы реализации? Например использовать специальный шрифт для иконок соц-сетей. Всем спасибо!

    Asked by Antoshka007, March 13, 2015

    • icon
    • hover
    • soc
    0 votes
    5 answers
24. background

    Вроде как все свойства написаны тут: http://htmlbook.ru/css/background.html Но. Видел на одном сайте как было задано background:url и потом background-color. И на сайте был и фоновый цвет, и фоновый рисунок. Помучился со своими css, вроде как получилось: background:url('../image/bg.gif') repeat-x; background-color:#1F6499; Если поменять надписи местами - будет только image. Почему? Так же хотелось бы узнать более подробную информацию о количестве правил на background и какие законы их "указания" что бы они не уничтожали друг друга. Если нужно что бы какой то фоновый рисунок располагался по левой части body - нужно указать repeat-y А как указать рисунок который repeat-x…

    Asked by Walk, April 30, 2008

    0 votes
    20 answers
25. Позиционирование фона

    Есть страница, а в ней div у котого class "page" .page { width: 100%; background: no-repeat url(/images/skate.jpg); background-position: center top; } Соответственно он выравнивается по центру, но надо по центру но со сдвигом вправо, например на 250px. Возможно ли сделать отступ в фоне? Подскажите, как это сделать.

    Asked by CCron, November 17, 2009

    0 votes
    13 answers