HTML Coding

29,542 questions in this forum

1. Проблема с свободным пространством при использовании Z-index

   Всем доброго дня. Начал верстать себе страничку, пришлось воспользоваться z-index'ом. Пример как работать с ним, посмотрел тут Вот что получилось Все классно только вот после использования z-index, начало с низу появляться свободное пространство, от которого не могу избавиться. Интуиция подсказывает что сама описанная технология работы с z-index через "-top" не совсем корректна. Подскажите пожалуйста как можно избавиться от свободного пространства или сверстать иначе. Заранее благодарен.

   Asked by TimLennon, December 27, 2009

   0 votes
   25 answers
2. TD height в IE

   Незнаю, может я уже что-то не то сделал (хотя вроде ничего такого не заметил), но смысл заключается в том, что есть таблица в высоту 100% из 3 строк, в верхней и нижней указано значение в пикселях, а центральная - высота не указана, следовательно, должна занать все остальное пространство (что опера, файрфокс, хром и сафарик успешно делают), а ие - растягивает все строки чтобы они равное пространство заняли Скрин: Собственно код: http://86.110.182.2

   Asked by xXDeMoNXx, February 14, 2010

   0 votes
   25 answers
3. резиновый div по высоте

   добрый день есть у меня "красивый" дизайн, который делить пространство документа на зоны горизонтальными и вертикальными линиями соответстсвенно заголовок и футер небольшого размера - с ними проблемы нет, контент может быть любым - вот тут то и начинаются пляски с бубном... есть слой обертка, который имеет border-left в него всталяю контент и получаю, что слой обертка по высоте меньше, чем контент! .line-vert{ margin: 0 0 0 20px; padding: 0; width:98%; border-left: 2px solid #57AE5B; } .line-vert p{ margin: 0 ; padding: 0; } попробовала побороть этот недуг написав скромный javascript, по изменению height при загрузке на высоту всего body скажем, но оказалось, что если…

   Asked by jul_k, June 1, 2010

   0 votes
   25 answers
4. Нужно ли верстать под IE6?

   Доброго времени суток. Грамотные разработчики, подскажите: нужно ли еще верстать под IE6 в наше время? И требуют ли заказчики нормального отображения страниц в этом браузере? Как-ни-как 2010 год на дворе, HTML5 на пороге с CSS3 под ручку с букетами стоят. Чем вызвано такое желание поддерживать браузер десятилетней давности? Да, и вот что еще хотел добавить: как тестировать верстку в IE6, IE7 и IE8 одновременно? Что-то погуглил, ничего хорошего. Только через виртуальные машины?

   Asked by denis.bobkov, July 10, 2010

   0 votes
   25 answers
5. Вывести Диалог

   Здравствуйте. Возможно я задам ламерский вопрос, но прошу помощи. Задача такая: нужно по щелчку по ссылке показать диалог с информацией из БД. Не отдельно всплывающее окно, а поверх основной страницы (аналог Delphi Form.ShowModal) Извиняюсь за косноязычие. Отнеситесь к начинающему с пониманием. Куда копать?

   Asked by sviloga, September 7, 2010

   0 votes
   25 answers
6. Спойлер без JS

   Доброго времени суток! Знаю что иду по пути не самому простому, но другого решения нет, проблема такая: нужно сделать спойлер без использования скрипта, т.е html+css. Вторые сутки мучаюсь, нашла вот что: HTML: <div class="spoil"> <div class="smallfont">Текст описания спойлера<input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElemen…

   Asked by wetta, September 28, 2010

   0 votes
   25 answers
7. Автоматическая смена картинок

   Всем привет! Подскажите, пожалуйста, как сделать так, чтобы несколько картинок с определенным интревалом времени плавно сменяли друг друга на на страничке сайта?

   Asked by Mad(x_x)boy, October 16, 2010

   0 votes
   25 answers
8. Абсолютное и статическое позиционирование

   Доброе время суток. Есть абсолютно позиционированная менюшка на центрированном сайте. если окно браузера не развернуто, то, естественно, она накладывается на остальной контент. как этого избежать? Пример: <body> <div id='весь сайт'> весь контент </div> <div id='menu'>абсолютно позиционированно так, чтобы оно было слева от контента </div> </body> Абсолютное позиционированние нужно для СЕО. То есть контент должен быть выше менюшки. Помогите разобраться, пожалуйста! В поиске не нашел

   Asked by otmoroz095, October 20, 2010

   0 votes
   25 answers
9. как отобразить картинки одинакового размера?

   страница выводит превьюшки, они изначального разного размера, а как сделать (для эстетики), чтоб он отображал их одинакового размера, без искажений? т.е. отображал строками в каждой из них по 3 картинки, ширина блока 240px, выравнивание по верху и середине блока, а что не помещается не отображается.

   Asked by sc@r@bey, October 24, 2010

   0 votes
   25 answers
10. мокрый пол

    Кто-нибудь умеет далать «мокрый пол» для картинок? Мне не надо готовое решение — в интернетах их полно, но они все какие-то неуниверсальные. Мне бы хотелось, чтобы кто-нибудь объяснил суть как и что делается, а я уж сам реализую.

    Asked by Veseloff, February 14, 2011

    0 votes
    25 answers
11. Как сделать input(text) и select в IE визуально одинаковыми?

    Сабж. Собственно, проблема такая, если селекту и инпуту с типом текст задать одинаковую ширину, например, 100px, то в FF и Opera они выглядят визуально идентичными, а в IE6 инпут нехило лезет вправо (на пикселей 5, не меньше, если не больше)! Кто-то решал уже такую проблему?

    Asked by thekap, February 15, 2011

    0 votes
    25 answers
12. Некорректное отображение навигации на Widescreen'ах

    На стандартных мониторах все замечательно, на вайдскирнах навигация едет вправо и буквы выглядят растянутыми. Если кто-нибудь сталкивался, буду признателен за помощь. Сайт http://christopherbean.com/new/

    Asked by rusmn, February 25, 2011

    0 votes
    25 answers
13. Вопрос о <textarea>

    Если есть поле <textarea>, как запретить его растягивание и разрешить только вертикальную прокрутку?

    Asked by chest, March 15, 2011

    0 votes
    25 answers
14. Помогите допилить TabControl с помощью Css3

    Всем привет! воодушевлённый этой статьёй, решил сделать свой таб контрол(ваш браузер должен поддерживать всякие модные штуки, эксплорер не покатит) мне нужно дважды обратиться к псевдо селектору :target. Сначала для того, чтобы применить стиль для выбранной вкладки: .tabItemHeader { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; vertical-align: bottom; display: inline-block; margin: 5px 0px 0px 0px; border-width: 5px; padding: 4px; border-style: solid; border-radius:10px 10px 0 0; border-color: #666666; background: #666666; } .tabItemHeader:target { bor…

    Asked by YankovskyAndrey, April 29, 2011

    0 votes
    25 answers
15. @font-face и CuprumFFU

    Нужно прикрутить кириллический шрифт CuprumFFU. Использую вот этот генератор http://www.fontsquirrel.com/fontface/generator но кириллица не работает. Нашел готовый kit, выбрал кириллицу, но опять ничего не выходит и вместо CuprumFFU отображается Arial =( Подскажите пожалуйста как заставить работать этот шрифт через font-face с русским текстом?

    Asked by SEObomj, May 7, 2011

    0 votes
    25 answers
16. Неверное растягивание (скалирование) div блока по всей высоте body

    Задача: Разместить <div> контейнер, используя 90% страницы. Контейнер используется для отображения списка файлов. Выглядеть должно так: Причина обращения сюда - проблема проявляющаяся во время уменьшения окна: Список файлов выезжает за пределы области, простите, "выезжая" и то что за ним )))). Весь код: <div class="files"> <div class="title">Список файлов</div> <div class="list"> <div> <span class="file">Текстовый документ.txt</span><span>(81 б)</span> </div> </div> <div class="info"> <div class="commonInfo">Файлов в папке: 1<span style="float:right">Общий раз…

    Asked by b0s, May 20, 2011

    0 votes
    25 answers
17. navi

    Всем привет! Подскажите пожалуйста решение такой проблемы: Имеется навигация: вот css код: #navi li {float: left; list-style-type: none; border-right: 1px solid #006699; font-size: 15px;} #navi a {text-decoration: none; /* удаляем подчеркивание ссылок */ margin: 0px 10px 0px 10px; /* создаем пространство с обеих сторон текста пункта меню */ color: #006699; /* задаем цвет шрифта */ } вот html: <div id="navi"> <ul id="navi"> <li><a href="index.html">Главная</a></li> <li><a href="#">Подбор тура</a></li> <li><a href="#">Туры из Уфы</a></li> <li><a href="#"…

    Asked by Aidakaev, July 1, 2011

    0 votes
    25 answers
18. из *.html файла не видит адрес css/style.css

    Здравствуйте. В *.html файле прописываю адрес файла со стилем и когда он в корне папки он нормально открывается но если его кладу в папку css он его не видит почему то. вся страничка стразу разъезжается. подскажите пожалуйста. ОС win xp и на хостинге тоже такая же проблема

    Asked by bugatti, October 17, 2011

    0 votes
    25 answers
19. Клик меню на :target

    Есть меню с одним уровнем вложения - http://trifler.ru/blog/i/menus/click/target.htm Вывод вложений осуществлен при помощи псевдокласса :target Каким образом решить проблему в IE6(7,8)? Как понимаю нужен Java Script. Использование jQuery и других, не предлагать. Простой скрипт для эмуляции :target только для IE6(7,8)

    Asked by gordi, October 23, 2011

    0 votes
    25 answers
20. вертикальное выравнивание и float

    Здравствуйте. Столкнулся с проблемой вертикального выравнивания внутри таблицы. Задача: в одну ячейку поместить картинку и обтекающий ее текст, причем текст должен выравниваться посередине ячейки. но при добавлении картинке float: left происходит следующее: картинка выравнивается посередине, а текст - по верхней границы картинки. есть ли возможность реализовать нужное выравнивание без добавления дополнительных блоков или ячеек? td {vertical-align: middle;border: solid 1px black;} img {float: left;} <table> <tr> <td> <img src="http://soft.mydiv.net/images/win/icons/TNT-Clip-Art-Library.gif">sometext</td> </tr> </tab…

    Asked by hedgehog, November 2, 2011

    0 votes
    25 answers
21. Отступы в списках

    Здравия всем! Есть стандартный список <ul> <li> пункт 1 <li> пункт 2 <ul> <li> пункт 2.1 <li> пункт 2.2 </ul> <li> пункт 3 </ul> получается что-то типа этого: пункт 1 пункт 2 пункт 2.1 пункт 2.2 пункт 3 Как можно уменьшить отступы, чтобы было так ? пункт 1 пункт 2 пункт 2.1 пункт 2.2 пункт 3

    Asked by Lavrenty, November 7, 2011

    0 votes
    25 answers
22. Легенький макет поверстать для "зеленого" новичка

    Подскажите где найти или скиньке кто-то легенькие макеты для "зеленого" новичка поверстать. Я только начал изучать верстку и еще не чего толкового не верстал. Очень уж хочется все это осилить)))

    Asked by art-ajn, June 16, 2013

    0 votes
    25 answers
23. Блок с разной высотой по бокам.

    Как сделать вот такой вот блок? Бордером не получиться, т.к. он должен растягиваться по ширине(слева - сужаться, справа - расширяться).

    Asked by davidnum, December 3, 2013

    0 votes
    25 answers
24. Раскрывающаяся область, как оптимальнее реализовать?

    Уважаемые гуру, прошу не пинать если я банален, но пытаясь делать первые шаги в верстке не сразу адекватно воспринимаешь весь поток информации)). Подскажите как лучше сделать такую штуковину: Есть блок, по аналогии с пунктом меню - при наведении на пункт меню вываливается еще несколько скрытых до этого пунктов подменю. А как можно сделать чтобы при нажатии на какой то квадратик на странице, к примеру 50х50, она разворачивалась в больший квадратик допустим 100х100. И можно ли это сделать простыми методами?

    Asked by master-kyk, May 7, 2014

    • div
    • ul
    0 votes
    25 answers
25. Макет страницы

    Всем привет, Мне приходится работать с вордпресом, так небольшие работы, поправить текст, вставить картинки и т.д. Но сейчас возникла неотложная необходимость не просто вставить текст с картинками, а разместить их в определенном порядке. Как на прилагаемой картинке Подскажите, куда копать, какие методы использовать? Спасибо.

    Asked by Alex777-777, August 20, 2014

    0 votes
    25 answers