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
-
Два блока в одном при плавающих размерах двух из трех.
Привет, в общем имеется задача: Где контейнер имеет плавающую ширину. Красный прямоугольник имеет фиксированную ширину. Блок с текстом имеет плавающую ширину В первом варианте, случилось чудо, и строка ровно такая чтобы прижать красный блок к контейнеру. Во втором варианте, текста совсем мало. Поэтому красный блок уезжает вместе с границей блока с текстом влево. В третьем варианте, текста слишком много, и он опускается на новую строчку, не сгоняя при этом красный блок вниз. (По идеи если в первом блоке строк много, и красный будет выровнен еще и по вертикале на середину то это будет в обще просто супер. Но об этом приходиться только мечтать.) Кто нибудь может натолкнет …
0 votes20 answers -
Выравнивание по вертикали блок (картинка) + 1 или 2 строки текста
Добрый день. Задача следующая выводится список, элементами которого является ссылка (блок с фоновым изображением 45px x 45px) и справа от него идет название. Это название может быть в одну или две строчки. Необходимо чтобы при любом кол-ве строк, текст выравнивался по середине. Пример изображения здесь http://files.mail.ru/OP74ZZ?t=1 С помощью таблички такое делается в легкую, а как с div'ами?
0 votes19 answers -
как увеличить расстояние между группой цифр
как увеличить расстояние между цифрами через css: 7772255, нужно чтоб было 777 22 55 спасибо. Стандартными методами пробовал меняет интервал между цифрами!
0 votes5 answers -
Как убрать в IE вертикальный отступ между блочными элементами?
Давно заметил, что IE по непонятным принципам созда?т вертикальные отступы между блочными элементами. Будь то две расположенные друг над другом таблицы, будь то два слоя, или таблица со слоем... вылезает отступ. В других браузерах этой проблемы нет. Кто в курсе, как это лечится? вот пример такой проблемы:http://walkspb.ru/hotels/rossiya.html Здесь между "карнизом" и основным полем страницы получается разрыв, хорошо заметный по сдвигу градиента.
0 votes6 answers -
Как "предсказать" размер ячейки?
Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?
0 votes13 answers -
Веб - термометр с динамической подгрузкой значений температуры из txt
Приветствую. Уважаемы мастера и знатоки своего дела, подскажите пожалуйста или помогите пожалуйста организовать следующее <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Gauge Test</title> <script>var CANV_GAUGE_FONTS_PATH = '../fonts'</script> <script src="../gauge.min.js"></script> </head> <body onload="dR()"> <canvas id="gauge"></canvas> <div id="console"></div> <script> //////////////////Настройки графического термометра////////////////// var gauge = new Gauge({ renderTo : 'gauge', width : 300, height …
0 votes5 answers -
Не получается отменить дефствие float
Не могу отменить действие свойства float. Например, есть несколько элементов выстроенных в ряд флоатом. Как-то можно из сделать каждый с новой строки не убирая флоат? Вот пример: http://jsfiddle.net/yhkp3d15/
0 votes2 answers -
Проблема с отображением шрифтов при использовании Smarty
Я нарезал страницу - во всех браузерах отображается нормально Потом с помощью смарти сфоримровал эту же страницу и залил на сервер. Все шрифты выросли раза в 3.(font-size) Почему так происходит. Стили все грузятся кроме шрифтов? Файл стилей я вставил в {literal}{/literal} Как лечить, помогите!
0 votes1 answer -
Масштабирование "резины"
Не подскажите, как можно ограничить сжатие или растяжение резинового сайта до определённых разрешений по максимуму и минимуму.?
0 votes13 answers -
Адаптивный popup
Здравствуйте уважаемые форумчане! Посоветуйте, пожалуйста, адаптивный popup.
0 votes5 answers -
Как сделать вогнутый блок?
Как сделать, чтобы слайдер был вогнутый с одной стороны? Пример:
0 votes3 answers -
Выпадающее меню
Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...
0 votes12 answers -
Очень срочно! Вопрос про видео!
Скажите плиз как вставить видео на сайт в плеере без нета или посоветуйте хороший плеер на сайт! Но лучше если без нета работать будет! Прям сегодня уже нужно! (вопрос может не по теме, извините, другой не нашёл)
0 votes15 answers -
Выделение строк в таблице при наведении
Имеется таблица 2 столбца и много строк, нужно при наведении мыши на одну строку, чтобы выделялась вся строка (менялся фон). Делаю так: style type="text/css"> #celltext:hover { background: #cbc7cd; } </style> <tr> <div id="celltext"> <td>456 </td> <td>123</td> </div> </tr> Не работает, но если сделать: <tr> <td><div id="celltext">456 </div></td> <td>123</td> </tr> будет выделяться, но это только одна ячейка... а мне нужно всю строку. Как можно реализовать?
0 votes5 answers -
img, вылезающая за пределы div?а в Opera при уменьшении размера окна
Имеется код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>title</title> <style type="text/css"> .content { text-align: center; padding: 20px; margin-bottom: 10px; border: 1px solid silver; } .b-content { padding: 20px; } </style> </head> <body> <div class="b-content"> <div class="content"> <img src="img1.jpg" width="735" height="512" /> </div> <div class="content"> <img src="img2.jpg" width="736" height="512" /> </div> </div&g…
0 votes2 answers -
Календарь для поля в форме
Собственно понятно, нужен календарь, а то каждый раз в ручную писать дату в поле формы неудобно. Как на картинке, кликаешь по иконке календаря, подгружаться он, выбираешь дату и она появляется в таком формате в поле 17.01.2008 Подскажите плиз, хорошую библиотеку ajax или js?
0 votes10 answers -
косяк в ie6 с background-image для body и ul списком
ребята помогите такая проблема: вставил бекграундом в правый нижний угол картинку в теге html в css html {background: url("../images/trava.gif") right bottom no-repeat; height: 100%;} на странице код такой: <body> <div align="center" style="background-image: url('templates/5790default/images/header.gif'); background-repeat: repeat-x;"><!-- /Заголовок --> <div id="logo_head" align="center"> </div> </div> <div style="float: left; margin-top: -50px;"> <img src="images/stories/produkt/flonders.gif" border="0" width="355" height="390" /> <!-- /цветочки --> </div> <div style="float: right; width: 64%;"&…
0 votes1 answer -
CSS-аналог атрибута align тега img
Существует ли CSS-аналог атрибута align тега img ? PS: поиск по форуму не работает или это я туплю?
0 votes5 answers -
Рамки вокруг рисунков в IE и FF
На главной странице сайта стоит рисунок - анимированный .gif, рамки вокруг него не было. После того, как рисунок был использован для создания ссылки на другую страницу сайта и поставлен title= , в IE и FF вокруг рисунка появилась жирная рамка (сначала - синяя, потом - фиолетовая), в О вс? осталось нормально - рамки нет. Опция в IE "показывать рамки рисунков" оста?тся отключ?нной, кэш браузеров и движка сайта очищен. Ссылка на .git в шаблоне содержит тэг {THEME}, сам .gif находится в папке шаблона сайта. Как можно избавиться от непрошенной рамки?
0 votes4 answers -
Проблема с width в IE7
Такой я человек, что всегда пытаюсь решить проблему самостоятельно, не надеясь на окружающих... Но не в этот раз, вынудили таки мягкотелые обратиться к народу. Имеется трабл с width: 100%. Вот пара скринов: Дочерний блок Родительский. Html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="templates/css/reset.css" type="text/css" /> <link rel="stylesheet" href="templates/css/main.css" type="text/css" /> …
0 votes3 answers -
Логотип сайта в Экспресс-Панели браузеров
Всем привет! Не совсем уж начинающий в верстке, но столкнулся с интересным вопросом, решения которого не знаю. Каким образом формируется логотип сайта в Экспресс-Панели браузеров (Opera, Firefox)? Речь не о favicon! https://yadi.sk/i/9DgxUA5Jkbzrj - вот скрин с Экспресс-Панели Opera. В свежем Firefox аналогичная картинка У большинства сайтов браузер берет кусок страницы с логотипом. Но у некоторых сайтов вместо части страницы идет логотип целиком. На скриншоте выделил такие сайты. Если бы речь шла только о монстрах Яндекс, Google - было бы понятно, что разработчики браузеров делают это вручную. Но попадаются вполне обычные сайты. Ковырял код этих сайтов, искал микрораз…
0 votes8 answers -
Скрыть таблицу
Поставил на свой сайт таблицу, таблица довольно большая хотелось бы её скрыть, хочется вместо неё поставить кнопочку (картинку), на которую тыкаешь и разворачиваться таблица, не знаете как это можно устроить? Заранее спасибо!
0 votes12 answers -
С чего начать?
Нарезал Макет, Шапка, банеры, текст, подвал! Каким образом теперь мне поместить Шапку на место? (DIV-ная верстка) Буду весьма признателен за помощь!
0 votes20 answers -
Не работает слайдер
Собственно подскажите пожалуйста, почему не работает слайдер? http://jsfiddle.net/3WN9D/
0 votes10 answers -
Высота div
Здравствуйте. Помогите, пожалуйста, решить такую проблему. Высота правого divа не растягивается под высоту рисунка в н?м. Т.е. если текст будет не слишком длинным, то рисунок вылезет за пределы divа, т.к. его высота divа зависит только от объ?ма текста. Как это можно исправить? <html> <head> <title>Document</title> <style type="text/css"> #menu{ float:left; background-color:#6699FF; width:100px; } #content { background: #e3e8cc; margin-left: 110px; } </style> </head> <body> <div id="menu"> Ссылка 1 Ссылка 2 Ссылка 3 Ссылка 4 </div> <div id="content"> <img src="images/1.jpg" align="left"> L…
0 votes8 answers