HTML Coding

29,542 questions in this forum

1. Виснет ie при просмотре сайта.

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

   Asked by 4ert, October 24, 2007

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

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

   Asked by Agony741, March 29, 2018

   • макеты
   0 votes
   6 answers
3. a:hofer; a:active;

   Здравствуйте. Так я вам выложу CSS и если не трудно посмотрите в ч?м проблема. Почему ОПЕРА и МАЗИЛА игнорируется. А в ИЕ вс? показывает нормально. Значит проблема в том что не отоброжается при нажатии и при наведении мышки на ссылку.(не отоброжается нужным мнe цветом) #base_ul { margin: 2em; width: 10em; padding: 5px; } ul { position: relative; top: 22px; left: -26px; /*margin-left: 5px;*/ list-style-image: url(./img/li.gif); } html>body ul {top: -1px; left: -26px;} li { margin-top: 5px; } ul a { font-size: 130%; color: #00a2ff; text-decoration: underline; font-weight: bold; } #base_ul a:link, #base_ul a:visited { list-style-image: url(./img/li.gi…

   Asked by vrednyu4aya, August 6, 2007

   0 votes
   11 answers
4. Опять про резиновый слой

   Может не все перерыл, но не смог найти решения под свою задачу, а задача такова, отображение имени файла, потом куча точек, потом размер файла, выровненный по правому краю: 1. file1.doc........................................19 Кб 2. file1 long name.doc........................19 Кб 3. file1 very very long name.doc..........19 Кб Самое близкое решение - в слое контейнере с фоном-точкой разместить два слоя с float:left и float: right, но получается криво, т.к. точки налазят на текст имени файла и размер. А засунуть слой с точками между двумя слоями (left и right) так, чтобы он растянулся по краями соседних слоев мне не удалось, подскажите как же сделать красиво???

   Asked by Razor2k, August 28, 2009

   0 votes
   11 answers
5. Превью Флеш ролика (в html)

   Столкнулся с проблемой добавления фото превью для флеш ролика. тоесть не создание во флешке первого кадра с превью и шкалой загрузки а именно в html (JS) коде добавление картинки нажав на которую вместо нее будет загружатся флешка (чтобы не грузить тяжелый флеш ролик до того как пользователь не захочет его просмотреть и показать что на его месте будет ролик а не просто дырка (ошибка) в дизайне) кто знет решение проблемы просьба помочь или указать на то где об этом уже обсуждалось (и есть решение) заранее всем спасибо.

   Asked by wcb-falcon, January 28, 2010

   0 votes
   8 answers
6. 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
7. Можно ли заменить behavior другим свойством?

   Доброго времени суток. У меня на сайте используется фишка PNG behavior, которая корректно отображает PNG-24 в IE5.5/6. (http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html) При прохождении теста на валидность, валидатор указал на ошибку: Т.е. проблема в использовани свойства behavior: Видимо, валидатор не понимает специфичное для IE свойство и сообщает об ошибке. Есть ли возможность использовать альтернативное свойство? Надеюсь на помощь.

   Asked by Sulpher, December 10, 2007

   0 votes
   9 answers
8. Фиксирование высоты ячеек по их содержанию в IE и Mozilla

   Здравствуйте! Скорее всего моя проблема обсуждалась на этом форуме уже не раз, однако поиск не помог найти решения, т.ч. если вдруг повтор, извините. Проблема, собственно, вот в чём... Есть довольно элементарная и простая часть таблицы вида: <tr> <td width="665" rowspan="8">1</td> <td width="285">2</td> </tr> <tr> <td width="285" height="29">3</td> </tr> <tr> <td width="285">4</td> </tr> <tr> <td width="285" height="29">5</td> </tr> <tr> <td width="285">6</td> </tr> <tr> <td width="285" height="29">7</td> </tr> <…

   Asked by Kimi, May 1, 2010

   0 votes
   7 answers
9. Как растянуть равномерно меню

   Сайт http://vivatlatour.ru/about Не получается отцентровать меню, помогите объясните ) html <!-- menu --> <div id="base_menu"> <div id="menu_l"> <ul id="menu"> <li class="first"><a href="#">О компании</a></li> <li><span>Страны</span></li> <li><a href="#">Новости</a></li> <li><a href="#">Отели</a></li> <li><a href="#">Навигатор</a></li> <li><a href="#">Подбор тура</a></li> <li><a href="#">Спецпредожение</a></li> <li class="last"><a href="#">Контакты</a&g…

   Asked by Mary_RND, March 30, 2010

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

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

    Asked by volshebnyi, January 22, 2019

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

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

    Asked by psywalker, September 3, 2008

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

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

    Asked by dmifed, March 13, 2013

    0 votes
    16 answers
13. PHP-вставка в Jade с новой строки

    Здравствуйте! Начал осваивать шаблонизатор Jade и сейчас в рамках обучения переделываю свои WP-шаблоны (да, у меня на работе принимают проект только с натяжкой ). Есть такой код: <!doctype html><html> <head> <meta charset="utf-8"> <?php wp_head(); ?>Пишу его в Jade: doctypehtml head meta( charset='utf-8' ) <?php wp_head(); ?>На выходе получается: <!DOCTYPE html><html> <head> <meta charset="utf-8"><?php wp_head(); ?> </head></html> Возможно ли перенести PHP-вставку на новую строку с правильным отступом? И в целом, есть ли смысл пробовать верстать шаб…

    Asked by yustnip, July 17, 2015

    • jade
    • php
    0 votes
    19 answers
14. div display:inline в мозилле

    Столкнулась с такой проблемой. Когда проставляешь у div свойство display:inline, в мозилле и опере он перестает видеть ширину.. я конечно понимаю что ширина у инлайновых элементов - это несколько неправильно... но все же.. может как-то можно обойти? Вот кусок кода <table cellpadding="0" cellspacing="0" border="0" width="100%" style="height:100%"> <tr> <td><div style="display:inline;width:300; border:1px solid #00ff00;">Молоко</div> <div style="display:inline;width:300; border:1px solid #00ff00;">Ещ? порция</div> </td> </tr> </table>

    Asked by Lergana, March 20, 2008

    0 votes
    8 answers
15. bootstrap адаптивность и абсолютное позиционирование.

    Добрый день, обьясните пожалуйста такие вопросы, пытаюсь делать простенький шаблон : http://comsaaxov.ho.ua/sedona/ возникло пара нюансов: -при изменении размера экрана отступы верхнего меню не уменьшаются (ставил их в %, сейчас стоят px, "col-xs-12 col-sm-12 col-md-12" тоже назначал) -как задавать размеры и отступы при абсолютном позиционировании, что-бы расположение и блока и размеры менялись в зависимости от разрешения экрана?(ну то есть понятно что есть медиа- запросы, но не каждые же 30 пикселей изменения разрешения подправлять положение абсолютного блока?)

    Asked by comSaaxov, June 17, 2015

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

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

    Asked by Aryan, September 13, 2008

    0 votes
    11 answers
17. Кнопка не выравнивается по центру

    Привет, всем! Нужно выровнять кнопку по центру, но обычные способы выравнивания, почему-то, не работают. Вот так выглядит код: <div align="center"><a class="big-button bigblue" href="http://murmot.ru/contact/"><span>Заказать программу</span></a></div> Ссылка на пробную страницу с кнопкой: http://murmot.ru/testpage/ Пробовал использовать vertical-align, div, создавал даже class с выравниванием по центру - не помогает. Подскажите, пожалуйста, как ее все-таки выровнять. Благодарю за внимание и за помощь!

    Asked by Glaz_Go, September 24, 2012

    0 votes
    5 answers
18. Граница 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
19. Не работает выпадающее меню на CSS

    Есть кнопка Online (.ostatus .button), при наведении мыши на которую должно выпадать меню (.ostatus ul), но ничего не происходит. Делал по готовым примерам в интернете - тоже ничего. HTML: <div class="ostatus"> <div class="button"><span class="status online"></span> Online <span class="caret"></span></div> <ul> <li><span class="status online"></span> Online</li> <li><span class="status offline"></span> Offline</li> </ul> </div> CSS: .ostatus .button {position:relative} .ostatus ul {position:absolute;width:130px;left:-9999px} .ostatus .button…

    Asked by iBars, September 5, 2016

    • меню
    • css
    0 votes
    7 answers
20. заезжает один div под div

    Всем привет, ребята подскажите почему может блок 4 уезжать под блок 1 Блоки 2 и 3 наезжают на 1, а блок 4 почему то уходит под блок 1 вот картина: css: #1 блок{ width:960px; margin-top:8px; border:1px solid red; background:url('../image/menubg_4.png') no-repeat; height:90px; text-align: center; } #2 блок { float: left; width: 180px; margin-top: -45px; margin-right: 10px; } #3 блок { float: right; width: 180px; margin-left: 10px; } #4 блок { border:1px solid red; float: right; width: 578px; margin-bottom: 10px; margin-top: -45px; } html в коде хтмл обычные дивы

    Asked by sce, January 12, 2011

    0 votes
    6 answers
21. :hover

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

    Asked by new01, May 2, 2011

    0 votes
    32 answers
22. Margin-left в IE и FF

    Доброе время суток! Столкнулся с проблемой неправильного позиционирования слоя. . top { background-image:url(top.png); width:800px; height:50px; margin-top:7px; margin-left:-25px; }... <div align="center"> <div class="top" > </div> </div> По идее и как это происходит в FF, слой должен центрироваться и сдвигаться в право на 25 px. В IE же он просто распологается по центру, не сдвигаясь вправо. Может существует хак под это дело? Или просто у меня руки из мозгов растут?=) Заранее спасибо=)

    Asked by JiMKE, August 20, 2007

    0 votes
    4 answers
23. 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
24. Как вставить соответствующие иконки в соответствующий пункт меню, рядом с тестом

    Ребята научите, как вставить соответствующие иконки в соответствующий пункт меню (горизонтальное), рядом с тестом. К примеру меню: авто мото вело контакты Перед каждым пунктом списка нужно поставить соответствующую иконку. Я использую вордпресс (это на всякий случай) ), вод код меню в css /*Main Navbar */ #nav { font-size:1em; background:#669900; } #nav, #nav ul { list-style:none; line-height:1; } #nav a, #nav a:hover { display: block; text-decoration: none; border:none; } #nav li { float: left; list-style:none; border-right:1px solid #fff; } #nav a, #nav a:visited { display:block; font-weight:bold; color: white; padding: 9px 18px…

    Asked by RichV, October 28, 2010

    0 votes
    8 answers
25. Затемнение картинки divом

    Здравствуйте! Имеется код типа: html <img src=""><div class="div_class"><a>Текст</a></div>css .div_class {display: table;}.div_class a {display: table-cell;text-align:center;vertical-align: middle;background-color: #2b2b2b;opacity: 0.75;color: #ffffff;}.div_class a:hover {background-color: #2b2b2b;opacity: 0.15;cursor: pointer;}Блок позиционирован абсолютно и находится поверх картинки, затемняя её по умолчанию. При наведении курсора затемнение снимается. Суть в том, что текст, как по умолчанию, так и при наведении имеет прозрачность. Есть какой-то способ оставить текст без прозрачности, исчезать (opacity: 0.15;) должен только фон, а текст ост…

    Asked by Torawhite, January 10, 2015

    0 votes
    2 answers