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
-
как задать [b]height[/b], чтоб при разной высоте содержимого высота блоков была одинаковой?
Здравствуйте, уважаемые форумчане! Подскажите, плиз, как задать height, чтоб при разной высоте содержимого высота блоков была одинаковой? сейчас код такой: #left { float: left; width: 169px; background: url(../images/fon_01.jpg) repeat-y; height: 100%; padding-left: 30px; } #content { margin-left: 169px; float: none; width:853px; height: 100%; background: url(../images/fon_02.jpg) repeat-y; height: 100%; padding:5px; text-align:left;
0 votes11 answers -
Проблема с div'ами
Ребят, помогите решить проблему, пожалуйста Короче говоря, есть таблица, делённая на три части. В Опере всё нормально отображается, а вот в Хроме других браузерах, второй левый слой не растягивается до нужных размеров. Знаю, нужно было на css делать, но совершил ошибку уже, всё менять долго и времени нет. Может что с кодом не так, спасайте. Вот код: <body bgcolor="#232323"> <div align="center"> <table cellpadding="0" cellspacing="0" width="800" height="200"><tr> <td width="200" height="200" valign="top" align="center"> <div align="left"> <table width="200" border="0" cellspacing="0" cellpadding="0" id="table12" height="100%">&…
0 votes11 answers -
margin: 0px в IE8
Не могу убрать отступы от краев браузера в IE8. В других браузерах все ок, в IE - нет. html,body { margin:0px; padding: 0px; } Может дело в doctype? Я плохо ориентируюсь в отличиях между версиями html. Сейчас стоит xhtml1.0 переходный. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
0 votes5 answers -
Плавное увеличение круга
Нужно сделать эффект как тут https://prankota.com/ - наводим на круг он расширяется не вниз и вправо, а равномерно во все стороны. Уже есть: h2 { width: 100px; height: 100px; color: #000; font-size: 30px; margin-left: 35px; font-family: 'Open Sans Condensed', Arial; background-color: red; background-image: url(../img/708682.jpg); border-radius: 50%;}h2:hover { -webkit-transform: scale(1.0); width: 150px; height: 150px; transition: all 0.4s ease-in-out;}
0 votes3 answers -
CSS изображение накладываться на другое
изображение накладываться на другое, но мне нужно наоборот! перепробовал все что можно было, помогите.. файлы <a href="#"> <div class="b_send"> <span class="b_send2">Отправить заявку</span> </div></a><div class="red"></div> .b_send{ padding-top: 6px; overflow: hidden; background: url(../images/button_send.png) no-repeat; width: 132px; height: 31px; font-size: 12px; font-style: italic; color: #000; text-align: center;}.b_send2{ border-bottom: 1px dashed #000000;}.red{ background: url(../images/red.png) no-repeat; height: 80px; width: 80px; margin-top: -52px; margin-left: 16px;}
0 votes4 answers -
Вопрос по таблицам
Помогите пожалуйста!Добавляю новую позицию в таблицу(PHPMyAdmin),а на сайте ее нету.Что с этим делать?
0 votes0 answers -
счетчик для одностраничника
Добрый день подскажите как найти счетчик вот такой где найти подобный? Очень нужен! Пересмотрел много, но ни один не подходит, как его править, так чтобы можно было шрифт заменить, и цвет нужный поставить, и на русский даты и времени перевести. Спасибо, буду очень признателен за помощь.
0 votes13 answers -
Как стилизовать нумерованный список?
Привет, друзья! Прошу помощи в решении задачи. Уже не знаю как подойти... Необходимо сделать такую стилизацию http://prntscr.com/68s92w . Мои попытки успехом не увенчались: .content-list ol { list-style-type: none; /* Убираем исходные маркеры */ counter-reset: num; /* Задаём имя счетчика */ }.content-list li::before { content: counter(num) ' '; /* Выводим число */ counter-increment: num; /* Увеличиваем значение счётчика */ color: #ff0000; font-weight: 600; display: inline-block; padding: 5px; width: 100px; height: 100px; background: url(images/list-style.png) no-repeat; }Заранее благодарю!
0 votes4 answers -
Адаптивная карусель с миниатюрами с поддержкой видео
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, адаптивную карусель с миниатюрами и с поддержкой видео (YouTube, Vimeo, и Funnyordie).
0 votes2 answers -
Как правильно сверстать этот блок?
В общем, есть такой блок(см. прикрепленные файлы). Так же есть спрайт с иконками для каждого пункта. Я написал такой код для каждого айтема. И у меня возник такой вопрос: как лучше разместить иконки в айтеме? Читал, что нужно делать в CSS через background, но тогда придется дублировать код и нужно будет давать уникальные имена айтемам. Или же всё таки в этом случае использовать тэг img? Хотелось бы услышать мнение бывалого специалиста) p.s. для разметки использовалась сетка bootstrap <div class="row"> <div class="services"> <div class="col-md-4"> <div class="service-item"> <h3>Photography</h3> <p…
0 votes4 answers -
Таблица с прайсом
Здравствуйте, помогите пожалуйста написать код для таблицы. Какой день читаю форомы, пытаюсь сделать сам и ничего не получается Нужно чтобы примерно было так: скрин прикрепил Чтобы пользователь мог выбрать: В первом с интересующие его устройство Во втором поломку.. В третьем сколько он с ним ходит.. И чтобы в результате выдавало сумму.. В заранее большое спасибо.
0 votes0 answers -
Tilda, Button, Form, JS
У меня в тильде есть Zero Block с кнопками (например b1, b2, b3) и есть блок с формой в которой есть выпадающий список со значениями (l1, l2, l3). Как мне сделать так, чтобы по нажатию b1, b2, b3 из Zero Block, страница опускалась к блоку с формой и там в списке выставлялось автоматически, соответственно, l1, l2, l3?
0 votes0 answers -
Проблемы с таблицами
Здравствуйте. Очень нужна ваша помощь. Вот сайт:http://sportanalytic.com/. Как сделать так чтобы таблицы не ездили по странице а были прикреплены к вершине?
0 votes1 answer -
О работе IE/
Запустил оригинальный код, IE выдаёт ошибку, что не хватает точки с запятой. Ссылается на html-файл. Даже уже не знаю где искать. Там, где IE говорит, столько символов нет в этой строке. Помогите.
0 votes1 answer -
Фоновая картинка
Как сделать так, чтобы фоновая картинка страницы растягивалась по всей ширине и высоте, и не повторялась?
0 votes1 answer -
траблы с float в ie6
имеется такая конструкция: <p class="block"><span class="info">День рождения:</span>19.09.2007</p> и соответствующие стили: .block { margin :5px 0px; font :normal 1em sans-serif; } .info { display :block; float :left; font :bold 1em sans-serif; margin :0px 10px 0 0; width :210px; overflow:auto; } так вооот в ие6 текст который находится внутри класса info странным образом исчезает, но если убрать float, то он появляется. может мне кто-нибудь объяснить почему так происходит?
0 votes2 answers -
Эффект Бриллиантовых лучей на рысунок
Искала и по форуму и в инете, ранше точно встречала на каком то сайте (припомнить не смогла) красивый эффкт бриллиантового сияния, который можно нанести на фото или рисунок. Это радиальные лучи исходящие от вибранной точки и потом крутящиеся . . . при том можно было регулировать колличество, калибр, скорость кручения . . . Как я помню это было сделано именно в CSS, или может быть это был скрипт. Если кто знает про такое. подскажите пожалуйста линк . . . Спасибо,
0 votes1 answer -
Флещ меню и текст на страницах
Люди прошу помощи я новенький в этом деле, создаю сайт на joomla 1.5.9 переделываю шаблон и хочу вставить туда 2 флешь меню сделанное в flash menu labs но получается какая то фигня, ставлю параметр transparent он отодвигает текст в низ, а мне бы хотелось чтоб текс оставался на месте а меню на него подало сверху. А по умолчанию если нечего не менять то боковое меню не нажимается в мозиле не нажимается зайдите плиз сюда и посмотрите сами в чем проблема. Мне нужно чтоб меню с левой стороны нажималось нормально в мозиле!!! За ранее всем спасибо! Буду рад любой помощи!
0 votes0 answers -
Содержимое div'a при изменении высоты
Здравствуйте. Наткнулся на такую проблему: есть див в котором размещён контекст, есть простой скрипт который изменяет высоту дива, но при уменьшении высоты содержимое элемента не убирается вместе с ним а остаётся на месте даже если высота = 0. Как это исправить?
0 votes2 answers -
left и right ie6
Одновременно не работают left и right при абсолютном позиционировании в шестом осле. Есть какие-то хаки? Суть в том, что надо сделать блок так, чтобы он и справа и слева отступал на несколько пикселей. Пока решил проблему двумя блоками по 51%, но это мне не очень нравится.
0 votes5 answers -
Вопрос по созданию карусели
Здравствуйте. Вот у меня такое вопрос к вам будет. Есть такой вариант интернет магазина. Я его делаю для тренировки. Вот как он выглядит: http://imglink.ru/show-image.php?id=bce92b3bdc5636c4b347fce8c9bc2b41 Там где стрелки для перелистывания мини изображений диска хочу сделать что-то типа карусели. Есть ли готовые вещи для подобной галереи? Что я нашёл, они мало подходят. Так вот вопрос. Если нету готовых, то хочу сделать сам. Я сам знаю основы js, но с jquery знаком лишь на уровне использования готовых вещей, и мне хотелось бы научиться делать самому такую карусель, есть ли мануал какой типо быстроее введение в jquery? Всё, что я нашёл в гугле, они мало подходят, а книге…
0 votes2 answers -
Мобильная версия сайта
Доброе время суток. Начал я писать мобильную версию сайта (первый раз этим занялся), выбрал для написания jQueryMobile, и все оказалось очень удобно и просто. Но вот есть у меня 1 вопрос: Допустим на iOS открыв сайт в сафари нажимаю "отправить Домой". Как сделать что бы открывая через получившуюся закладку не было строки адреса и управления от браузера? И тот же вопрос по android и windows mobile. UPD: Нашел решение для iOS. Нужно добавить мету <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> Добавление иконки: <link rel="apple-touch-icon" href="iphone-icon.png"/>
0 votes3 answers -
Перенос строк текста в атрибуте alt
<body> <img src="wp_1440.jpg" alt="Не переживайте, что вы не видите здесь должной картинки. Закройте глаза и представьте девушку в купальнике и парео, на красивом пляже, девушку, которая смотрит на вас большими глазами и пьет холодный-холодный коктейль через трубочку" width="240" height="150"> В Хроме вообще не знаю, как задействовать alt Хотя очень люблю этот браузер. В FireFox все шикарно. В Опере видно лишь столько текста из alt, сколько влезает в ширину картинки, то есть в 240 пикселей. Можно ли переносить текст по строкам в атрибуте alt? Если да, то как? Почему Хром не отображает alt? (Пробовал отключать в нем картинки, пробовал писать неправильный…
0 votes0 answers -
Второй ряд элементов
привет, пишу сайт на битриксе, встала необходимость сделать табы. нашла вариант, внедрила на сайт, теперь возник вопрос, реально ли сделать второй ряд с кнопками-названиями (под первым)? особенность в том, что происходит действие при наведении мышки на название с кнопкой. /*меню статей*/ .menu2 { width:500px; height: 550px; position:relative; text-indent: 0px; overflow: hidden;} .menu2 li {display: inline-block; height: 550px;} .menu2 li > span { display: inline-block; background: #fff; padding: 0 5px; border: 1px solid #e1e1e1; line-height: 24px; height: 550px;} .menu2 li > span:hover, .menu2 li:hover > span, .menu2 li:first-child > …
0 votes1 answer -
@font-face в mozilla firefox
не работает вставленный шрифт в mozilla firefox @font-face { font-family: Taurus; src: url('/taurus.ttf'); } Во всех браузерах кроме Лисы все работает. Как заставить её нормально работать?
0 votes1 answer