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
-
Склеивание png с прозрачностями
У меня есть одна прямоугольная png картинка, я разрезаю её на две картинки и надрез ПРОИЗВОЛЬНЫЙ, в итоге я получаю уже 2 картинки, мне очень нужно склеить их так, чтобы между ними не было промежутков, это возможно? P.S. альфа канал я не забыл Сейчас только так получается! Заранее огромное спасибо за ответ
0 votes1 answer -
Новая яндекс карта
Хочу поставить две яндекс карты на одну страницу сайта. Но почему-то не высвечиваются метки с текстом. Раньше получалось, а теперь Яндекс ввел какие-то новые технологии и сижу уже вторые сутки не могу разобраться! Помогите, пожалуйста, вот код: <head> <script src="http://api-maps.yand...ull〈=ru-RU" type="text/javascript"></script> <script type="text/javascript"> ymaps.ready(init); function init () { var myMap_1 = new ymaps.Map('map_1', { center: [51.685695, 39.2642], // Ленинский пр-т zoom: 15 }), myPlacemark = new ymaps.Placemark([51.671104, 39.189274], { iconContent: 'Салон ', balloonContentHeader: 'Салон ', …
0 votes1 answer -
Чем проверяете "кроссбраузерность"?
Чем тестируете сайт на кроссбраузерность? Сделала себе набор новичка: 1) Последние версии Chrome, Firefox, Opera, IE. Последняя доступная Safari для windows. 2) IE tester и режимы совместимости IE, а также сайт http://netrenderer.com/ из-за переодических глюков этих программ и неверного отображения. 3) Сайт http://browsershots.org/ до кучи убедиться, что сайт терпимо выглядит, но в основном ориентируюсь на программы на компьютере. 4) Какие нашла portable версии старых браузеров firefox 3.0, 3.5, 3.6, 10.0 Opera 9, Opera 10 Может что-то еще нужно поставить, скачать или какой-то удобный сервис?
0 votes3 answers -
border и space таблицы
всем привет подскажите пожалуйста, как сделать, чтобы текст в таблице был не впритык к его бордеру, но так, чтобы он был ординарный, т.к. у меня получается только 2 случая: либо граница ординарная, тонкая, но текст впритык либо граница есть, но одновременно с рамкой ячейки. как можно сделать чтобы граница была одна, но текст был не впритык к ней? p.s. использую таблицу как рамку для важного абзаца текста
0 votes1 answer -
Использование :after&:before
Доброй ночи! Нужно сделать пунктирную линию справо и слево от изображения. На картинке пример http://c2n.me/3c83tWt Вот то как это пока сделал я http://jsbin.com/pibecoyofo/1/edit?html,css,output Кто подскажет как сделать больше чем одна точна с одной стороны?
0 votes1 answer -
Странное поведение :active в IE
Добрый день! Вопрос следующий. Есть на странице элемент с псевдоклассом active, при клике на этом элементе должен меняться например цвет фона. Во всех браузерах все работает хорошо, однако в IE всех версий :active срабатывает через раз, т.е. фон сменился, на следующем клике фон элемента не меняется. Т.е. :active срабатывает через раз. Причем onclick срабатывает исправно, на каждом клике. Предложите пожалуйста решение, можно на JS, или подскажите, куда копать..
0 votes2 answers -
Адаптивная верстка
Здравствуйте. У меня проблемы с адаптивной версткой, а точнее с пониманием того, что должно происходить при изменении размеров. К примеру, есть такой код https://jsfiddle.net/o2e1fwyq/Я так понимаю, в определенный момент фото должно быть на одной строке, а текст опуститься ниже. При какой ширине окна это должно происходить, на глаз определять? И второе, верстаю флексбоксом не до конца понимая, как он работает. Почему фото имеет какую-то рандомную ширину? Как она определяется в текущий момент?
0 votes2 answers -
Почему не плывет влево и оставляется пробел?
Под большим фото есть миниатюры. У них есть свойство флоат:лефт. поидее должны по левому краю быть, но нет. видно, что 4я миниатюра, помещена почему-то в центре второго ряда картинок. вот страница с примером Было там как-то больше фоток, так там и вовсе дырка оказалось в одном из рядов. От чего такое происходит?
0 votes1 answer -
Резиновое меню
Как сделать чтобы меню и таблица сжимались отдельно. То есть Сжималась таблица, а когда граница браузера дойдёт до меню, сжималось меню. header.top nav{ position: absolute; top: 361px; height: 50px; background-color: #FBFBFB; display: table; border-spacing: 7px 5px; margin: 0px 0px 0px 476px; padding: 0px 265px 0px 50px; } header.top nav ul{ font-size: 10pt; display: table-row; } header.top nav ul li{ display: table-cell; width: 10%; text-align: center; } header.top nav li a{ font-family: arial; color: #2D2D3D; text-decoration: none; padding: 12.5px 0px 12.5px 0px; display: block; Сейчас они сжимаются одновременно...
0 votes1 answer -
Мышь
Можно ли используя только DOM Level 0 получать координаты указателя мыши и если можно то какже это сделать? Можно ли скажем прописать картинке атрибут onmousemove и прописать атрибуту обработчик события вытаскивающий координаты указателя?
0 votes1 answer -
Как рисовать резиновый шаблон
Всем доброго времени суток, собственно сабж, имеется ввиду какие параметры в размерах изображения, и другие тонкости, поделитесь опытом пожалуйста.
0 votes0 answers -
Присвоение width или heigth при помощи js
Надо чтобы загруженная картинка анализировалась вертикальная она или горизонтальная и в зависимости от этого присваивается width или heigth, тк задание одного параметра даст пропорциональное уменьшение. В итоге она ложится в квадрат и края обрезаются. вот код. [ code ] <div style="overflow:hidden; width:200px; height:200px;"> <script type="text/javascript"> function razmer(x) { var y = parseInt(x); if (y >= 0) {return "height"}; if (y < 0) {return "width"}; } </script> <img src="$IMG_SMALL_URL1$" class="newsPictures" border=0 onLoad="(razmer(width-height))='200px'" > </a> </div> [ /code ] $IMG_SMALL_URL1$ - путь к ка…
0 votes1 answer -
кнопка button
Объясните почему везде ,кроме хрома ,неправильное отображение?? <!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" /> <title>Документ без названия</title> <style> *{padding:0;margin:0} a{display:block;width:100px;color:white; height:40px; text-align:center;} .but:active{background:red;} .but{background:blue;} button{margin-left:20px; /* display:inline-block;*display:inline;zoom:1; */} </style> </head> <body> <button>&…
0 votes1 answer -
settimeout c картинкой
Здавствуйте, помогите сделать так, чтоб при загрузке страницы картинка загружалась не сразу со всем содержанием, а чнрнз некоторое время.
0 votes4 answers -
шрифты кроссбраузерно ?!
Доброго времени суток! Помогите пожалуйста разобраться со шрифтами, никак не могу побороть ( вот здесь пример: пример Задаю шрифт: font-size: 12px; line-height: 15px; font-family: "Georgia", serif; Но почему-то в разных браузерах он растягивается по разному ... вот: Скажите почему ? и как можно это победить ? Спасибо большое!
0 votes2 answers -
А можно ли
можно ли с помощью html ну или js сделать так чтобы при наведении на блок его картинка проматывалась вниз но делалось это плавно.
0 votes1 answer -
Не пойму как сварстать такое меню
Здравствуйте! не пойму как быть с бекграундом каждого пункта меню при наведении курсора, тк каждый пункт под углом, не пойму как лучще сверстать эту задачку... А что думают профи?
0 votes1 answer -
ie 8 и старше не отображают фон
Здравствуйте. Проблема с IE от 8 и старше. Здесь - тест как всегда отличается IE: фон у <h2>, <p> не отображается. Как бороться? Костыли из этой темы не помогают...
0 votes1 answer -
Главная страница joomla 2,5 в виде блога
У меня появилась проблема с отображением элементов на главной странице в виде блога. проблема цифрами 1 обозначена проблема, т.е. не могу убрать этот серый фон и сделать его прозрачным. не могу найти где это менять. Сайт стоит на шаблоне designwerks. Цифрой 2 обозначено то, что у модуля фон я могу сделать прозрачным. Что делать? Куда смотреть? Где копать? Спасибо за помощь ) Смотрел в настройках шаблона, ничего похожего не нашел (
0 votes6 answers -
z-index + position
Прочитал статью http://www.xiper.net/collect/html-and-css-tricks/glyuki-brauzerov/IE/z-index-ie6-7.html Не совсем понял как решить проблему для IE7 Есть: <div class="header"> <div class="menu">111</div> </div> <div class="content"> <div class="article">1111</div> <div> .headaer { [...] position: relative; z-index: 2; } .menu { [...] position: absolute; z-index: 1000; } .content { [...] position: relative; z-index: 1; } .article { [...] position: absolute; z-index: 1000; } То в такой ситуции article не залезит на headaer, а нужно что б дивы с position: absolute; залазили на дивы position: relative; Как тогда р…
0 votes0 answers -
Возможно глупость, но...
Мне нужно замостить картинку, но файл находиться не в интернете, а на компьютере. Как запихнуть ссылку на файл в ос в: url(ссылка)?
0 votes5 answers -
отображение swf на сайте
Здравствуйте! Хотел бы узнать, как решить проблему не отображаемости объекта swf в браузерах на андроиде. Естественно проверяю на браузерах с поддержкой Flash, саму анимацию воспроизводит по прямой ссылке, но вот вставленную в структуру сайт нехатит. мой простенький сайтик: sir-shaak.ru вставляю флешку так: <object width = "1000" height = "200"> <param name="movie" value="Flash/logo.swf"> <embed src="flash/logo.swf" width="1000" height="200"> </embed> </object> кто может что-то подсказать по этой теме?
0 votes2 answers -
Помогите, пожалуйста, с кнопкой Facebook
c нововведениями от фейсбука появились окошки с комментированием. И они не настраиваются! В упор ставится 450 ширина, сколько не вбиваю в ширину 280 пикселей Причем они появляются как-то странно... на широком экране (когда эти 450 пикселей помещаются) справа от кнопки... Когда же мобильный вид с шириной 320 пикселей - где-то слева, обрезаясь экраном. Хотела попробовать переназначить стилями, но оно меня игнорирует, а валидация говорит что так вообще нельзя задавать имена классов: /* пример класса, который используется в окне... точнее именно этот класс мне и нужно поменять */ ._5v4 { top: 24px; width: 450px; }
0 votes0 answers -
видео ложиться на видео
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title> <style> iframe { display: none; } label { cursor: pointer; } input { display: none; } #video-1:checked ~ .ser1 { display: block; } #video-2:checked ~ .ser2 { display: block; } #video-3:checked ~ .ser3 { display: block; } #video-4:checked ~ .ser4 { display: block; } </style> </head> <body> <label for="video-1">1 серия</label> <input name="vidos" type="radio" id="video-1"><br/> <label for="video-2">2 серия</label> <input name="vidos" type="radio" id="video-2"><br/&…
0 votes1 answer -
Поля
Приветствую, как мне сделать чтобы текст1 отображался справа от текст2 на расстоянии? Пример: Текст2: Текст1 Получается так: Текст2 Текст1
0 votes2 answers