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
-
Проблемы с таблицой
В общем такая проблема: есть таблица 3х3 с ячейками 1х1, 1х2, 1х3, 2х1, 2х2, 2х3, 3х1, 3х2, 3х3 Можно ли объединить ячейки 1х1,1х2,1х3,2х2,3х2? знаю что 1х1.1х2.1х3 объединяются colspan="n" и знаю что 1х1.2х1.3х! объединяются rowspan="n". Подскажите пожалуйста!!!!
0 votes3 answers -
Как В Строку Вставить Блочный Элемент?
Нужно сверстать название новости и тут же через несколько пробелов вставить блок с датой. То есть, блок с датой должен находиться сразу после окончания текста новости в этой же строке, и в случае переноса строки - блок тоже переносится (полностью, а не по частям). Ширина строки не фиксирована. Вот ссылка на то как это должно выглядеть должно выглядеть Я сначала сделала два дива, с float:left, один с не фиксированной длинной (в котором название новости)второй с фиксированной (с датой). В принципе, большинство браузеров адекватно отобразили верстку, кроме всеми любимых ИЕ6 и ИЕ7, в них все развалилось - вариант не подошел. Потом пробовала блок с датой сделать через span, но…
0 votes4 answers -
Изменить цвет части блока
Здравствуйте! Такая задача. Есть блок, у него цвет, скажем, #000. Нужно, чтобы у части этого блока цвет был другой (как здесь: http://s002.radikal.ru/i198/1108/49/888c360eeab1.png) Как такое можно сделать?
0 votes4 answers -
Проблема с отступом в Explorer 9
Не могу понять, откуда берется отступ в 1 пиксель от всех краев браузера IE9. В других браузерах такого нет. Смотрим скриншоты: Explorer: Chrome и все остальные браузеры: Как видно на скринах, даже полоса прокрутки отступает на один пиксель от края браузера. Помогите с решением вопроса.
0 votes6 answers -
картинка под ссылкой
Подскажите пожалуйста, как сделать обычную ссылку, но при наведении на нее, под ней появлялось изображение? Через onmouseover как это реализовать?
0 votes3 answers -
Помогите разобраться в z-index
Здравствуйте, помогите разобраться со свойством z-index для тега <img>. Есть такая структура <div class="map"> <img src="..."/> <ul>...</ul> </div> Я прописал свойства: .map ul { z-index: 10; } .map img { position: absolute; z-index: 1; } Но все равно картинка перекрывает список. Почему? PS: Я знаю, что можно сделать картинку свойством background-image, просто хочется разобраться с z-index'ом.
0 votes4 answers -
Помогите растянуть див
Здравствуйте. Мне нужно растянуть блок с контентом на сто процентов, на примере видно для чего это мне нужно _bio-logiya.ru Пробовал методом padding-bottom: 20000px; margin-bottom: -20000px; и для container'a overflow: hidden; но тогда то что за контейнером всё обрезалось и кусок коровки и бабочки. Какие ещё есть варианты?
0 votes5 answers -
Подскажите, что означает контекстное форматирование?
Вот читал статью про свойство float на Хабрахабре. И у меня возник вопрос что означает сочетание слов "контекстное форматирование"? Объясните пожалуйста, а то я вхожу в ступор. Я так понимаю, что внутри элемента находятся другие элементы, на подобии контекстного меню (при щелчке правой кнопкой мыши). Вот например: http://img834.imageshack.us/img834/9519/screenshot20120424001.png
0 votes0 answers -
Веб-технологии
Добрый день, хочу спросить вашего совета в выборе веб-технологий, в какую сторону смотреть? Изучено: html\css\php\js\SQL\AJAX. Что вы можете посоветовать ещё для изучения? И ещё вопрос такого плана : есть ли смысл использовать cms-ки в небольших проектах, чисто информационных?
0 votes10 answers -
Интеграция Twitter на сайт
Привет всем. Сталкивался ли кто-то с задачей интеграции Twitter`а на сайт? Живой пример можно посмотреть на Kinopoisk'е в разделе "%actor_name% в Твиттере:" Есть ли какой-то просто способ внедрения? P.S. Гуглом пользовался, но простого и нужного решения не нашёл. Заранее спасибо.
0 votes1 answer -
Радиальный градиент в Firefox и Chrome
Решился использовать на странице радиальный градиент. Однако обнаружил забавную вещь: При одинаковых параметрах: background-image: -webkit-radial-gradient(circle farthest-side, #FFF, #C5C5C5); background-image: -moz-radial-gradient(circle farthest-side, #FFF, #C5C5C5); Градиент отображается по-разному в Firefox и Chrome (в других пока что не проверял): Chrome: http://rghost.ru/41034060.view P.S. Видна внешняя граница градиента. Firefox: http://rghost.ru/41034084.view P.S. Внешняя граница градиента становится видна только на расстоянии от монитора. Вот такая вот штука Вроде бы все одинаково, а отображается по-разному. Как сгладить градиент в хроме я даже не знаю (увелич…
0 votes3 answers -
twitter bootstrap. отменить адаптивность
подскажите пожалуйста как можно при помощи twitter bootstrap сверстать страничку, элементы которой не подстраиваются под ширину экрана. то есть не изменяют вид и положение для примера набросал страничку. видно, что при уменьшении ширины окна браузера элементы странички изменяют вид и положение
0 votes2 answers -
кеп в недоумении О_о
<!DOCTYPE html> <html> <head> <title>сайт </title> <style src='program/index_style.css'></style> <meta charset='utf-8'> </head> <body> <div id='cap'> <div id='indexButton'>ололо</div> </div> </body> </html> вот такой вот небольшой кодик. файл index_style.css находится там где ему положено. однако ни одного стиля невидно. адрес указан правильно проверял 100500раз. валидатор W3C показывает ошибку так: <style src='program/index_style.css'></style> Line 5, Column 39: Attribute src not allowed on element style at this point. <style src='program/index_style.css'>…
0 votes5 answers -
скролл на экране ноутбука
помогите пожалуйста решить проблему сайт на настольных мониторах отображается без проблем. но на 15" экране ноутбука не получается докрутить левый скролл окна до самой нижней позиции. соответственно копирайт подвала не виден пользователю
0 votes4 answers -
Два фона
Здраствуйте дорогие пользователи! В общем у меня такой вопрос: "Как сделать 2 фона на сайте?", допустим, как на кинопоиск. Заранее благодарю.
0 votes7 answers -
Проблема с border-right
Добрый день! Столкнулся с проблемой в CSS, надеюсь на вашу помощь! Имеем код CSS: #cols { clear: both; margin: 0 0 40px; border-bottom: 1px dashed #ddd; background: url(../files/images/shade.png) no-repeat center bottom;}.col { float: left; width: 239px; margin: 0 25px 0 0; padding: 0 15px 15px 0; border-right: 1px solid #ddd;}.col.last { margin-right: 0; border: 0; padding-right: 0;} Имеем код HTML: <div id="cols"> <div class="col"> <h2 style='font-variant:small-caps;'><img src="./files/images/arrow.png"> быстро</h2> <p>текст текст текст текст текст текст текст текст текст текст текст тек…
0 votes6 answers -
Накрыть слайдер полупрозрачной статичной картинкой
Есть слайдер, сделан на Bootstrap. Необходимо сделать, чтобы поверх слайдов было статичное изображение(в моем случае это вертикальные и горизонтальные линии, типа кафельной плитки). Т.е. нужно, чтобы линии оставальсь на месте, а слайды перемещались, как положено. Еще два вопроса: как в Bootstrap вывести индикаторы за пределы слайдера и как изменить вид стрелок для прокрутки слайдера. Есть PSD-макет слайдера с контролами, нужно, чтобы стрелки на реальном слайдере были как в макете. Я о верстке имею неплохое представление, но слайдерами раньше не занимался. …
0 votes1 answer -
Помогите найти решение! (Адапт.Верст. для всех моб устр)
Добрый день! Стоит задача сделать адаптивную верстку под любые разрешения.Стиль должен быть в виде winphone меню. Нашел решение через padding.http://dev.eski.mobi/nokia/ Есть ли аналогичные решения (чтобы блок тянулся и в ширину и в высоту,как в примере выше)? Без JS.
0 votes5 answers -
Адаптивный слайдер
Здравствуйте. Подскажите как можно отцентрировать слайдер, то есть при уменьшении разрешения, картинка не обрезалась по левому краю! Очень нужна помощь ! kibersant.fatrabbit.ru
0 votes1 answer -
Расположить картинку за формой
Добрый день Подскажите, как расположить картинку с девушкой за формой авторизации?
0 votes8 answers -
использование less
помогите пожалуйста разобраться. использовать less в бутстрапе можно двумя способами: компилировать файл при помощи вспомогательной программы и компилировать файл на лету со вторым способом понятно - подключается less.js и он добавляет код в ответ браузера. то есть код хранится в "оперативной памяти" браузера если использовать первый способ например с такой структурой, то не понятно где и как хранится скомпилированный код
0 votes2 answers -
Как скомпоновать сайт?
Я хочу создать сайт. По строению он будет как flickr.com (главная страница). Т. е. - разделение на 5 блоков с закрепленным хедером. Какими тегами я смогу добиться результата и как это оформить в css?
0 votes2 answers -
Аннимация изображения
Добрый день, поделитесь, пожалуйста опытом, задача следующая - есть картинка, на ней изображен медведь) Нужно при наведении на медведя сделать так, чтобы он махал лапкой) Вот такая вот задача, подскажите, как это сделать?
0 votes4 answers -
Проблема с отображением select в форме поиска
Доброго времени суток уважаемые форумчане. Возникла проблема с отображением элемента в форме поиска.(именно в хроме) При заходе на сайт форма работает корректно, при выполнении поиска результат показывается на другой странице сайта. Если перейти на пред идущую страницу (с помощью стрелок в браузере), то один из select-ов пропадает. В firefox такой проблемы нету. ( при переходе через меню такой проблемы нету) ссылка на сайт, проблема с "населенным пунктом". Прошу помощи, не понимаю чего не хватает.
0 votes2 answers -
Блок с фиксированными width, height но не block.
Собственно нужен елемент, например div, что-бы при указанных width, height, он держал форму но при этом не было display:block; т.е. могло быть несколько в одной строке. PS Положить block-элементы в таблицу не преблагать. PPS Заранее спасибо.
0 votes0 answers