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
-
Проблема с блоками
Использовал разные свойства вроде float и display:block но не помогает.В общем ситуация следующая:Есть новость,фоны для заголовка и текста заданы в ячейках таблиц(это нужно,чтобы при увеличении кол-ва текста средний фон растягивался(если у кого-то есть альтернативный вариант пишите)) и еще 1 ячейка в таблицы для нижней части фона и мне нужно,чтобы эти блоки отталкивали футер.Точно такая же фигня со спанами в общем прикладываю код. Хтмл пример со спанами <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/styles.css"> <title>B?rnud?rzs R?GELE</title> </head> <div id="wrap…
0 votes2 answers -
Проблема с текстом внутри блока.
Всем Доброго времени суток! При верстке макета столкнулся с проблемой выравнивания текста в блоке . Вот сайт http://gallery-kazan.do.am/ Блок "Последние обновленные новости" Ставил: line-height:60px; Но как видите результат вышел довольно - таки плачевным...Что делать?Заранее благодарен!
0 votes3 answers -
Как можно обрезать текст блоком
Не знаю как правильно сформулировать вопрос. Суть в том, что есть блок с текстом. Текст длиннее блока, и вся надпись не влезает. Свойство overflow обрезает по-словно. Как можно сделать обрезку текста по-сколько-влезет, буквально до буквы или даже до полу-буквы. Видел где-то такую реализацию, причем там с эффектом плавного исчезания было, вроде как растворялся хвост текста. Вот только сейчас не вспомню где это находил. Пример тут - http://jsfiddle.net/T98Dx/ Подскажите пожалуйста как можно реализовать такую обрезку, желательно без скриптов. Может кто ссылками интересными поделится по теме.
0 votes4 answers -
Меню как кнопка
Привет! Как сделать меню, как кнопку Пример: megogo.net/ru/films Нажимаешь и оно остается, только при нажатие на фон, оно исчезает. Как такое проделать? Уже много форумов прошел и нигде нету ответа, пишут нужен скрипт. Для этого нужен скрипт? Разве нельзя через html+css? Помогите пожалуйста, готов посмотреть все решения. Спасибо!
0 votes8 answers -
Приколы c PIE в ie8. Ослик сошел с ума, или что?
Привет всем! Опять обращаюсь к опытным (прошедшим огонь и воду) верстальщикам. Нужна ваша помощь. В общем, пытаюсь округлить уголки в ie 8 используя PIE, кажется задача не тривиальная, но не тут-то было. Все по порядку. Есть в версте слайдер, данный слайдер показывает картинку и немного текста, картинка должна быть круглой, понятное дело в нормальных браузерах это достигается без проблем, и понятное дело в ei8 и ниже все плохо. Когда я подключаю PIE и применяю border-radius к блоку (с behavior: url(PIE.htc)), внутри которого находится картинка, блок округляется, но картина нет, и она находится как бы сверху него, вот скрин: http://hkar.ru/tajE Когда PIE применяю …
0 votes4 answers -
Как сделать, чтобы блок при горизонтальной прокрутке не двигался относительно окна браузера?
Вот пример: http://learn.javascript.ru/play/tIXZnb. если сдвинуть горизонтальную полосу прокрутки направо, то справа от красного дива белое пространство. Как сделать, чтобы красный блок всегда был прилипшим к правому краю окна, то есть чтобы он при скроллинге двигался направо вслед за прокруткой? position: fixed не подходит, потому что нужно зафиксировать блок только горизонтально.
0 votes0 answers -
0 votes3 answers
-
Цвет текста при наведении в меню
Имеется вертикальное меню http://balkon-dekor.ru при наведении на не активный пункт, должен стать коричневым фоном и цвет текста белым. Это работает, если мышку поместить в центр, если взять чуть выше или ниже, то фон будет коричневым, а цвет текста не изменяется. Как можно решить проблему?
0 votes2 answers -
Поясните код
Поясните пожалуйста по строчкам как выполняется скрипт? Первые 5 строк понятны, а дальше нет. var text = "Anita is tired. Anita is home. Anita needs to move.";var myName = "Anita";var hits = [];for (var i = 0; i < text.length; i++){if (text[i] === myName[0]){ for (var j = i; j < (i + myName.length); j++){ hits.push(text[j]); }}}
0 votes4 answers -
проблема с тенью
всем доброго времени суток помогите кто может, суть вот в чем: http://htmlbook.ru/css3-na-primerakh/teni в примере два показано как убрать тень с определенного участка, но это делается путем наложения пвсевдоэлемента ::after, и элементов с фоном. тоесть тень не видно изза фона, а как быть если фон почти прозрачный??? например в RGBA 0,5 ??? пример моего творения тут https://jsfiddle.net/4546hfwx/ ссылку на сайт дать не могу, на ДЕНВЕРЕ делаю подскажите как быть, а то картинками делать не хочется, заранее спасибо
0 votes2 answers -
Цвет рамки вокруг кнопки
Задаю цвет рамки вокруг кнопки, она получается темней чем надо, а при зажатии на ней появляется нужный цвет, как фиксануть ?
0 votes4 answers -
Аудиоплеер без js
Добрый день. Возможен ли аудиоплеер только на html5 и css, без js, но не простой <audio>, а с плейлистами, фунциями сортировки или эквалайзером?
0 votes1 answer -
Как сверстать картинку без таблиц и css?
Добрый день. Подскажите пожалуйста, как, не используя таблиц или css, сверстать картинку следующего вида:
0 votes1 answer -
СОС!Помогите пожалуйста найти ошибку!
Приветствую всех! Дело такого рода: К меню навигации и к виджетам применяется opacity, в пассивном состоянии и при условии hover Вот соответствующий листинг: #menu { textalign: center; width: 739px; height: 34px; margin: 0 auto; padding: 0 auto; background: url(images/menu1.gif) no-repeat; background-position: top center; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; } ... #menu:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; } ... .boxed { margin-bottom: 7px; filter:alpha(opacity=70); -moz-opacity:0.7; background: #f8f8f8 url(images/boxtop.gif) repeat-x; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebe…
0 votes0 answers -
Карты-изображения+Rollover image
Здравствуйте ! Можно ли присоеденить Карты-изображения к Rollover image ?
0 votes1 answer -
кто знаком с cms santafox, помогите
Нужно чтоб при нажатии на меню "гостевая книга" сразу открывалось окно в котором можно оставлять комментарии, тоесть свои отзывы. Как комменты можно реализовать не подключая их к новостям? или может есть другой способ оставлять отзывы? помогите пожалуйста, очень нужно!
0 votes0 answers -
Выподают изображения из блока
Такая проблема. Переделываю шаблон с табличной на блочную верстку и столкнулся с такой проблемой, есть блок для контента: div id="content" Стиль: #content { width: 500px; padding: 10 10 10 10px; background: #fff; Родительский блок: #container { width: 520px; float: left; padding: 0 220 0 240; position: relative; Вставляю изображение и текст в блок content. По высоте текста блок растягивается, а вот изображение торчит снизу и блок не растягивает в низ. Как быть ?
0 votes2 answers -
Проблема верстки
Здравствуйте! Помогите мне решить проблему с кроссбраузерностью. Вот так у меня выглядит меню в Opera: А вот так в остальных браузерах: То есть в последнем случае появляется в заголовке лишние пиксели и фоновая картинка начинает дублироватся. <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="50" valign="middle" class="menu2"><strong class="toptext2">База вещей</strong></td> </tr> <tr> <td valign="middle" class="menuBody"> тут ссылки меню </td> </tr> </table> .menu2 {background-color:#887b56;background-image:url(ссылка на фоновое изображение);font-size:16px;…
0 votes3 answers -
Помогите с меню
Добрый день. Помогите с меню пожалуйста, мне надо сделать такое меню (условно 200px), чтобы после того, как заканчивается текст шли точки и >>> (рисунком), это выложен фрагмент из псд файла. никак не могу сделать, получается либо все подчеркивается, либо только на сам текст, а мне надо как на рисунке. Заранее спасибо!
0 votes7 answers -
помогите с ошибкой
body { background:#0e0b06; margin: 0; } #heder { background:url(../images/fon_heda.png) repeat-x; width: 100% ; height: 553px; margin: 0; border: none; position: absolute; } #logotip { background:url(../images/logo.png); } почему не отображается background:url(../images/logo.png); , или я чего то не понимаю в наложении слоев? Код html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/mysite.css"> <title>Моя первая веб-страница</title&…
0 votes3 answers -
Плавающие дивы
возможно ли какнить сделать чтобы синий и жёлтый див спускалися также по тексту как и зеленый,но не фон дива в которых эти 3 дива?
0 votes4 answers -
Pop up окно при открытии сайта
Приветствую всех! Обрыл весь интернет и ничего не смог найти. Нашел точнее только popupdomination? но увы это платно и для wordpress.В принципе это то что нужно. Просто я хочу сделать акции для клиентов, что он заходи на мой сайт, а там акция 50% например на дизайн визитки. То есть всплывает картинка и три поля на ней уровнем выше, в одном имя во втором емаил и в третьем телефон, ну и кнопка заказать. А при заказе просто как feedback на мою почту с загаловком темы Акция. Могу графически быстро нарисовать, чтобы более понятно было. Если подскажите очень буду благодарен. Вот собственно и картинка:
0 votes3 answers -
Раскрывающийся список
Добрый день !!! Сделал раскрывающийся список, но хочу ещё в добавок поставить значок "+" перед списком и сделать так что бы он менялся на "-" если список раскрыт. http://jsfiddle.net/wgyN6/ Честно говоря даже не знаю как лучше сделать, можете подсказать как лучше? Думаю загрузить две картинки и . но как организовать смену этих картинок по щелчку, я не знаю
0 votes5 answers -
помогите с квадратными блоками
Ребята! Вот суть: имеется много квадратных блоков div 252х252px, и нужно сделать так, чтобы они заполняли всю ширину страницы, не оставляя пустых мест и при изменении масштаба и разрешения экрана тоже все заполнялось. Как это сделать, уже несколько ночей решить не могу это проблему. вот пример https://mail.yandex.ru/disk/imgviewer/?id=%2Fdisk%2F1.jpg
0 votes6 answers -
Вертикальное выравнивание
Помогите <div class="section"> выровнять по центру вертикали на cardterapia.ru. То есть чтобы он всегда был по центру в не зависимости от монитора.
0 votes3 answers