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
-
Не растягивается по высоте
Ребята проблемы с высотой. Верстка. Что можете подсказать.. Я похоже запутался с height и min-height html, body {height:100%; width:100%;} ... #wrapper { width:100%; margin:0 auto; min-height:100%; height:auto; } ... #content { width:1000px; margin:0 auto; min-height:100%; height:auto; } #main-post-content{ float:left; min-height:100%; height:auto; width:680px; margin-top:25px; } #main-right-sidebar{ float:right; min-height:100%; height:auto; width:280px; margin-top:25px; } ... Что то походу не так пошло, текст пробивает футер, и футер не опускается вниз по мере увеличения текста на странице.
0 votes1 answer -
Подскажите в чём может быть проблема
В режиме совместимости у IE - отступов нет, без совместимости и во всех остальных браузерах появляются одинаковые отступы. Табличная верстка. В самом верху ячейка с картинками (4 шт), под ней тоже ячейка с картинками (10 шт). Получается после верхней и нижней ячейки появляются отступы. Ячейки залил чёрным цветом чтобы было яснее видно где проблема. Не прошу решить проблему, прошу высказать предположения по проблеме. Спасибо! <tr> <td bgcolor="#000" height="131" width="990" colspan="2"><img alt="" width="163" height="191" src="/sm_full.aspx?guid=17993" /><img alt="" width="182" height="191" src="/sm_full.aspx?guid=18813" />&l…
0 votes7 answers -
Ссылка с пустого div с бэкграундом-картинкой
Вопрос тривиальный, но загнал в тупик. Возникла задачка - с любой картинки на сайте (кроме тех, что относятся к оформлению) яваскриптом делать всплывающий кусочек текста ака easyTooltip. Верстка сайта - шапка, тело из двух колонок (в одном из столбцов - меню) и футер. Вложенность элементов в рабочей колонке разная, поэтому в скрипте есть смысл обращаться сразу ко всем img. Для этого все картинки оформления нужно перевести в div-ы c бэкграундами. на некоторых из картинок были навешаны ссылки (например, на логотип в шапке). Обычный рецепт в этом случае - вставить в div прозрачный единичный gif 1x1 и растянуть его до нужных размеров, в данном случае не годится, т.к. снова п…
0 votes6 answers -
Помогите с "подвалом" на сайте.
Намучился уже... ничего не выходит, перепробывал все варианты из ТОП 10 Гугла Надо просто поместить подвал внизу страницы. Помогите! Могу отблагодарить за рабочий вариант <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ведение бухгалтерского и налогового учета белорусских и российских предприятий</title> <link href="http://tutbuch.by/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="site"&…
0 votes1 answer -
Верстка под мобильные
Оч хотелось бы услышать мнение специалистов по поводу разницы верстки под десктопы и мобильные. Так ли все просто, как может казаться? А на первый взгляд похоже, что просто работаешь с меньших габаритов макетом. Есть ли сложившиеся стандарты ширины для моб верстки во избежание горизонтального скролла иль там все равно этого не избегнуть?
0 votes9 answers -
Подскажите что за шрифт на картинке
Здравствуйте. Подскажите пожалуйста что за шрифт на картинке:
0 votes5 answers -
Где искать элементы шаблона?
Возможно, тема сформулирована неправильно, но я не знаю, как по-другому. Итак, есть картинка, которую нужно удалить вместе с дивом, в инспекторе браузера это выглядит так: <div id="left-col" class="three columns"> <div id="block-block-16" class="block block-block">содержимое</div> <div id="block-aggregator-feed-2" class="block block-aggregator">содержимое 2</div> <!--9c7ec26b--><!--9c7ec26b--> </div> Мне нужно полностью удалить блок <div id="block-block-16" class="block block-block">, при этом в файле шаблона на этом же месте: <div id="left-col" class="three columns"> <?…
0 votes2 answers -
смена ссылки по времени
суть такова: иммется гифчик, из одного изображения перетекающий в другой (например, первые пять секунд-одно изображение, потом пять секунд второе) вопрос: как сделать, чтобы первые пять секунд на этом гифчике была одна ссылка, во вторые пять секунд - уже другая?
0 votes3 answers -
прозрачность у background-color
Привет, мне нужно реализовать полупрозрачный бекграунд у дива, опасити применяется на все содержимое дива. Подскажите, как реализовать.
0 votes2 answers -
2 независимых div
Имеется сайт с шириной 940 пкс. Нужна шапка, которая тянется по всей ширине браузера. Проблема в горизонтальном скроле. Что рассказывать, лучше показать: http://jsfiddle.net/ramon111/S6NPP/12/ С overflow-x:hidden для body все вроди ничего, но это свойство не поддерживают мобильные браузеры (например Android), а это очень важно. Помогите плиз, мозги размазал, ничего не могу придумать.
0 votes4 answers -
Selectvizr и подключение CSS3 в ie8
Добрый день, решил попробовать HTML5 и, как всегда, приходится делать обходное решения для создания псевдоэлементов в IE8. Подключаю библиотеку Selectvizr таким кодом: <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="js/DOMAssistantComplete-2.8.1.js"></script> <script type="text/javascript" src="js/selectivizr.js"></script> <![endif]--> Но что-то не работает. в IE уровень безопасности для локального хоста поставил Низкий. Кто сообразит, в чем причина?
0 votes5 answers -
Глюк в IE6 или я не то делаю + фреймы
Вопрос № 1 <map name="box"> <area shape="rect" coords="10, 10, 10, 10" href="page.html" /> </map> <a href="page2.html"><img src="images/img.png" usemap="#box" /></a> Во всех браузерах ссылка "по умолчанию" (то есть a href) работает нормально. В IE6 нормально работает только rect. Чтобы открыть magicbox02.html, надо жать правой кнопкой и выбирать открыть. Это глюк или я неправильно сделал, включив картинку с картой в a? Вопрос № 2 Предстоит поработать с такой гадостью, как фреймы. Там суть в том, что берутся файлы из самого первого задания, что надо сделать. Всего три. Первое - про таблицы, второе про карту ссылок, третье про фрей…
0 votes3 answers -
Повторяющиеся статичные элементы на странице
Всем привет) Я вот задался вопросом.. если код для меню и нижнего футера запихать в отдельный PHP файл, а потом инклудить на нужные страницы- это будет корректно, или же не стоит? Может влияет как-то на скорость?
0 votes3 answers -
Проблема с расположением объектов
Доброе время суток, начал учится вёрстке, уже 5 раз переделываю, в Chrome и Opera нормально всё, а вот в IE и Firefox "каша"! Пробовал пере позиционировать под IE и Firefox тогда в Chrome и Opera "каша". Помогите, какие нужно использовать функции и параметры?
0 votes2 answers -
Структура таблици
Здравствуйте, подскажите, как правильно сделать такую tr зеленая полоса это 1 tr, думал как-то так сделать: <tr> <th>1</th> <th>2</th> <th colspan="2" rowspan="2"> <th colspan="2">3</th> <th>4</th> <th>5</th> </th> </tr> Но нет, неужели для th где 3,4,5 нужно делать отдельную таблицу тойсть th>table?
0 votes1 answer -
Интересно ваше мнение, как реализовать данный макет
https://www.fl.ru/a....jdbt/6-VmS05U_f"Все элементы на сайте, включая текст и картинки должны масштабироваться. То есть на большом экране весь сайт должен быть больше, сохраняя пропорции"У меня такое ощущение, что заказчик представляет себе масштабирование абсолютно пропорциональное, а не как при резиновой верстке (сайт раздается по ширине).Да и увеличение текста я так понимаю можно реализовать лишь через медиа запросы под каждое разрешение?Кстати можно ли задать для body размер текста скажем один, а остальной текст на всей странице имел какой-то процент от значения указанного в боди? То есть, чтобы в медиа запросе менялся лишь размер шрифта боди - а остальные менялись ав…
0 votes5 answers -
Фича с перечекиванием
Не помню как сделать, своими силами что-т не могу - температура еще одолевает, напомните, интересует решение с псевдоэлементами, по бокам картинка, http://savepic.net/5059813.png
0 votes2 answers -
Как правильно реализовать?
Здравствуйте! Подскажите пожалуйста как правильно реализовать подобное? Ширина блока 100%, сверху линия, а между ней должен быть текст по центру. Мне приходит на ум, что текст можно абсолютно спозиционировать. А как бы вы сделали? P.S желтым просто текст закрасил.
0 votes2 answers -
Как лучше и красивее сделать ?
Здравствуйте. верстаю сайт по макету на бутстрап. есть 4 блокам ,которые пронумерованы. и между ними граница ввиде "плюса". Проблема в том ,что при уменьшении экрана , блоки уходят друг под друга и "плюс" портит весь вид. Как лучше сделать? или может через media запрос убирать стили "плюса" ? или есть решения покрасивее?
0 votes2 answers -
keywords как добавить на каждую страницу свой?
Здравствуйте. У меня такая ситуация. Я веду интернет-магазин и при добавлении товара прописываю ключевые слова в каждом товара разный. Так вот после добавления оказалось что к всем товара и всем страницам сайта подтягиваются ключевые слова главной страницы. Что делать кто подскажет?
0 votes3 answers -
Анимация в обратном порядке
$(document).ready(function(){ $('div').click(function(){ $('div').toggleClass('a1').removeClass('a2'); }); $('p').click(function(){ $('div').toggleClass('a2').removeClass('a1'); }); }); div { width: 200px; height: 200px; background: black; position: relative; } .a1 { animation: vras 3s forwards; } .a2 { animation: vras 3s alternate-reverse forwards; } @keyframes vras{ from { left: 0; } 33% { left: 85%; } 66% { left: 0; } to{ left: 500px; } } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div></div> &l…
0 votes1 answer -
По БЭМу ли?
https://jsfiddle.net/qg3n0yaw/
0 votes0 answers -
Не могу настроить списки услуг
Добрый день, изучаю html & css, скачал макет и попытался настроить под себя взяв различные данные, но вот со списком во втором блоке ( перечень услуг) у меня не вышло, подскажите пожалуйста, как исправить и выравнить списки услуг? Хочу вставить еще один ряд услуг потом. Вот ссылка: https://tatufiesta.000webhostapp.com/
0 votes1 answer -
Проблема с всплывающим меню. Координаты.
Код: <html> <head> <style> .submenu{ visibility: hidden} </style> <script> function showmenu(elmnt) {document.getElementById(elmnt).style.visibility="visible"} function hidemenu(elmnt) {document.getElementById(elmnt).style.visibility="hidden"} </script> </head> <body> <div class=menupos> <a href="" onMouseOver="showmenu('sm1')" onMouseOut="hidemenu('sm1')">Меню0_1</a> <a href="" onMouseOver="showmenu('sm2')" onMouseOut="hidemenu('sm2')">Меню0_2</a> </div> <div id=sm1 class=submenu style="left:5"> <a href="">Бла1</a><br> <a href="">Бла1</a><…
0 votes1 answer -
хелп
всем прив народ. есть такая проблемка. надо сделать http://s016.radikal.ru/i335/1012/5c/06172f5e2835.jpg из кусков http://www.sharemania.ru/0219942. Без понятия как это делать. Подскажите плиз. Было бы супер если бы код двух вместе сделанных элементов показали бы
0 votes1 answer