HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Один слой наползает на другой
Подскажите - не пойму, почему так. Не пойму, почему блок с контейнером наползает на блок со слайдером. Или мне так кажется? Но тем не менее, в Firebug показывается, что один находится под другим. Вот код: http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/EkMPv/
0 votes5 answers -
Обход дерева без "внуков"
Есть страница с такой структурой <div id="Start"> | +—-<div> | +——- произвольное количество тегов, в том числе <div> | +——- произвольное количество тегов, в том числе <div> | +—-<DIV> Нужный тег Нужно получить объект <DIV>, помеченный красным цветом. Через GetElementById("Start").GetElementsByTag("DIV") не получается, т. к. из-за произвольного количества тегов в предыдущем теге <div>, номер нужного тега всегда разный. Но он всегда второй относительно тега <div id="Start">. Как программно получить ссылку на этот объект? p.s. Программа на VBA, внешние библиотеки подключать нельзя.
0 votes4 answers -
Особенности input type="search"
Здравствуйте! Сайт впервые верстаю на Bootstrap. В руководстве сказано, что нужно подключить Normalize.css Верстаю форму поиска. Использую <input type="search">И вдруг обнаружила такие стили: /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;}Мне не понятно, почему именно для input type="search" применяется box-sizing: content-box; ? Мне это совсем не нужно. Что делать? Исполь…
0 votes6 answers -
Как создать такую тень с помощью CSS?
Привет! Подскажите, пожалуйста, как с помощью CSS сделать такую тень для блока? Зеленым выделил направление тени. Спасибо!
0 votes1 answer -
Наставничество
Всем привет! Обращаюсь к старшим коллегам. Мне очень нужен наставник. Так как не знаю, куда двигаться дальше, правильно ли написан мой код, да и вообще то ли я делаю... У меня есть познания в верстке(HTML, CSS, Sass, Bootstrap), немного знаю о PHP и JS. Но очень часто встречаются моменты, когда нужно спросить совета, а обратиться не к кому. Я не прошу, чтобы со мной нянькались как с маленьким ребенком, просто нужен человек, который поможет наметить план действий, по которому я буду идти и с которым можно будет иногда советоваться. За ранее благодарен!)
0 votes3 answers -
Центровка элементов страницы
Есть у меня сайт. Главная страница разделена таблицей на две части 10% (меню), 90% (начинка). Начинка набивается кучей маленьких блоков, вот так (сократил): <body> <table> <tr><td width=10%>menu</td> <td width=90% align=center> <div class="column1"> новость 1 </div> <div class="column1"> новость 2 </div> <div class="column1"> новость ..... </div> </td></tr></table> стиль column 1: .column1 { float: left; margin-right: 20px; margin-bottom: 20px; } Очень удобно все получается, если экран у монитора широкоформатный, то блоки выстраиваются по горизонтале, если не очень, то в…
0 votes3 answers -
Как с имеющегося jpg сделать прозрачную картинку?
Есть вырезаная картинка в формате jpg. Возможно ли обрезать на ней лишнее и сохранить с прозрачностью не меняя ее размер?! Наперед спс за помощь)
0 votes2 answers -
expression вызывает зависание IE6
Здравствуйте, написал следующее под IE6 #last_news .inner { height: expression(this.scrollHeight > 211 ? "211px" : "auto"); } #last_news .content { height: expression(this.scrollHeight > 150 ? "150px" : "auto"); } Этот CSS загружается с помощью условных комментариев. Вешает Internet Explorer 6 ( А вот HTML, для которого он предназначен <div id="last_news" class="cornered"><div class="top"><div class="rt"></div><div class="lt"></div></div><div class="inner"><h3>Заголовок новости </h3><div class="content"><img alt="" src="/sites/all/modules/akado_news/news_stub.png"><p>Текст новости</p…
0 votes6 answers -
Верстка.Как быть?
Здравствуйте. Возникли сложности с совмещение таблиц.В наличии есть 3 таблицы, 2 из которых должны находиться в 1. Помогите в решение.За ранее благодарю. Сам код html: general table. <table id="Table_01" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="images/modul-lef-tmaket_01.gif" width="261" height="8" alt=""></td> </tr> <tr> <td align="left"> <img src="images/modul-lef-tmaket_02.gif" width="4" height="344" alt=""></td> <td><img src="images/left_menu_06.gif" width="27" height="13" alt=""></td> / кнопка промотки вверх <td><img src="imag…
0 votes7 answers -
Неправильное отображение верстки в IE 6,7,8
Добрый день. Суть проблемы следующая: Один из блоков DIV (красный) лежит поверх всех модулей (в будущем там будет флеш), и при этом заходит на два из них. Проблема появляется только при отображении в браузерах - IE 6,7,8 (в FF2,3, Opera, Chrome, Safari все отображается нормально. Красный модуль растягивает родительский модуль, вместо того, что бы заходить за его границу. Этот же модуль вмето того, что бы лежать поверх другого "оранжевого" модуля расположился ниже по оси y. Скорее всего я просто чего то не знаю (тожественно захлопнул самоучитель месяц назад), но вот чего именно... Основная цель сейчас IE 7,8 - IE 6 буду мучать позже (насколько я понимаю - это отдельная Са…
0 votes6 answers -
Чет не работает гармонь =)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style> #menu { width:200px; min-height:100px; padding:0 0 0 0px; margin:100px 0 0 100px; } .button_1 { width:200px; height:50px; display:block; background:url(images/button.png) no-repeat; cursor:pointer; } .active { width:200px; height:50px; background:url(images/button_active.png) no…
0 votes3 answers -
Вопрос касательно списка
Здравствуйте. В ходе работы над маркерованым списоком возникла следующая ситуация: Есть маркерованный список у которого всего 4 строки, с помощью css я заменил стандартные маркеры на картинки и у каждой строки они одинаковые, а мне нужно, что бы у первой строки списка был маркер одного вида, для второй строки - второго вида и так далее, возможно ли такое усуществить с помощью css? Если возможно, подскажите плиз как.
0 votes9 answers -
применение z-index
Начал изучать пару дней назат блочную верстку сайтов, да и вообще верстку сайтов... столкнулся с такой проблемой =) как с помощью z-index (или есть другие теги какие?) расположить две картинки по очереди? а то одна перекрывает другую... хотелось бы все сделать в 1 блоке <div id="header"> </div> (была мысля разбить 2 изображения по блокам наложить их на друг друга и каждому присвоить очередность отображения) еще z-index это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative, а я выравнивал картинку в блоке с помощью background-position:center, поскольку прийдется применять z-index, background-position:cen…
0 votes7 answers -
кнопки вперед и назад
кнопки расположены слева и справа по бокам хотелось бы сделать как показано на сркине. т.е.вынести их выше ввиде двух небольших блоков для удобства. код a.next, a.prev, div.noPrev, div.noNext { text-indent: 16px; color: #fff; width: 12px; overflow: hidden; display: block; text-align: center; position: absolute; } a.prev { background-color: #4bbed5; background-image: url(prev.png); background-position: -12px 0; left: 0; top: 0; } a.prev:hover { background-position: -24px 0; } a.next { background-color: #4bbed5; background-image: url(next.png); background-position: -12px 0; right: 0; top: 0; } a.next:hover { background-position: 0 0; } div.noPr…
0 votes1 answer -
text-underline-style
Всем Привет! Подскажите как правильно применить атрибут text-underline-style?? куда еге не ставил ничего не меняется! Спасибо!!!
0 votes9 answers -
IE11 и <main>
Установил себе IE11 чтобы посмотреть что к чему и один мой сайт под ним стал криво показываться. На другом компе всё в порядке, переключение в режим IE10 и ниже ничего не дало. Осенила догадка, а не с <main> ли это проявляется? И точно, как только убрал и заменил на div, всё стало на место. Что это было, Берримор?
0 votes6 answers -
перемещение скролла в fancybox2
никто не сталкивался с проблемой перемещения скролла экрана в верхнюю позицию при открытии модального окна через fancybox2 ? эта мистика происходит у меня после установки этого плагина с дефолтными настройками. посоветуйте пожалуйста как исправить пробовал отключать по очереди все скрипты, которые используются на странице. безрезультатно
0 votes4 answers -
Неправильное отображение шрифта
Добрый день, при версте сайта я столкнулся с такой проблемой шрифты не правильно отображаются, и отличаються от того что на макете, вот сам сайт: http://linnikstudio.in.ua/works/RockLand/index.html а вот рисунок с pixel perfect : помогите в чем может быть проблема, шрифты подключены через font face.
0 votes4 answers -
Совет начинающему
Доброго времени суток, дорогие форумчане. Вкратце расскажу свою историю. Учусь на программиста, узкой специальности пока нет, в основном С/С++, но меня этот язык никогда особо не привлекал, и я решил заняться версткой, так как один семестр вскользь мы ее прошли и мне это понравилось. Месяц назад, может чуть меньше начал с нуля учить html и сss. Представляю вашему вниманию первый сайт, сделанный мною по макету, на него у меня ушло 2 дня. Просьба дать оценку и хочу услышать ваши замечания http://lysenko-project1.url.ph/ Так же вопрос второго плана. Сейчас начинаю усиленными темпами учить js(jquerry), ибо, как я понял, без этого никуда, и хочу для себя понять, с каким уровн…
0 votes7 answers -
Размеры в %
Здравствуйте. Подскажите пожалуйста: если я задам размер картинки в %, то это будет процент от размеров родителя, или....?
0 votes4 answers -
перестроить flex-элементы горкой
помогите пожалуйста переверстать элементы есть несколько элементов. нужно чтобы на iPad вертикальной ориентации они располагались так: 00 00 00 ,а на iPad горизонтальной ориентации, они располагались так: _00_ 0000 я решил эту задачу, используя flex-элементы и скрытые элементы: jsfiddle page но мне нужно решение, которой использует только возможности flexbox(без костылей в виде скрытых элементов)
0 votes2 answers -
css Проблемы с CSS в Джумле (поля выбора варианта)
помогите правильно поправить css в графах выбора варианта, было еще хуже, но сейчас маленькая проблема осталась в chosen.css надо стили дропдаунов выбрать, я поставил те что подошли, тоесть inline-block дк оно когда выпадает занимает все место куда выпало(отодвигает) посмотрите сами http://legion-m.pro/product/костюм-мужской-вихрь-ямал-зимний-хаки-комбинированный-кошачий/category_pathway-14 в самом товаре например, или там внизу есть еще заказ звонка, там тоже такая тема .-.
0 votes0 answers -
Изменение фона
Увидел на одном сайте в админ панели, поэтому ссылку дать не могу. У всей страницы белый фон. При загрузке страницы у определенного блока фон выделен другим цветом и за несколько секунд он исчезает и становится тоже белым
0 votes1 answer -
Хелп! помощь с нестандартным меню
Доброго времени =) Попалось вот такое меню. Шрифт нестандартные и поворот текста наискосок =/ Посоветуйте как можно решить проблему?
0 votes1 answer -
Проблема с картинкой
Итак - у меня картинка вставлена следующим образом table border="0" cellpadding="2" cellspacing="0" width="100%" height="250" style="background-image:url('img/rg-5.jpg'); background-position: 98% 98%; background-repeat: no-repeat; background-attachment: scroll; border-bottom:1px solid #988675;" Сама картинка шириной а 910px - мне надо чтобы она на широком мониторе не обрубалась - а растягивалась. и показывалась в процентах. Например 98 процентов от таблицы. помогите, что делать?
0 votes5 answers