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
29,542 questions in this forum
-
размер изображения соответственно размеру окна браузера
Имеется страничка, на которой отображен логотип и две кнопки выбора языка. Это загнано в таблицы, так как лучшего способа центрировать по вертикали я не нашел. На бэкграунде висит картинка. Как можно изменять размер логотипа соответственно размеру окна браузера? Я так понимаю, средствами html и css этого не сделать. Остается php и JS... Что можете посоветовать, господа? Может скриптик какой... Страничка эта вот тут
0 votes1 answer -
Chrome увеличивает height если прописан border 1px
Обычный <div> размерностью 1180px x 200px <div style="width: 1180px; height: 200px;border: 1px solid #ccc"></div> Проблема в том что, Google Chrome 10+ сам изменяет height если прописан border 1px, то есть: При просмотре страницы Chrome 10+ за место заданной ..height: 200px.. отображает как 202px (из-за того что прописан border 1px, он его берет в плюс) Вопрос: Как исправить это?
0 votes2 answers -
Помогите победить background-image
Здравствуйте гуру CSS Помогите пожалуйста дилетанту. Уже который день бьюсь, не могу поменять фон на изображение. Нашел кусок кода, который за это отвечает. Прописал background-image: url(images/111.gif);-ничего не происходит. Причем если меняю фон с помощью тега background:#666666;-то он меняется без проблем. Использую Joomla 1.5 + virtuemart 1.1.9 вот кусок кода из template.css /*——————————————————————————————*/ /*———————————-- Main Design Styles ———————————--*/ /*——————————————————————————————*/ body {background:#666666; background-image:url(images/111.gif); } .indent-content { padding:0 10px 5px 10px;} .main {width:1100px;} .main-indent {padding:22px 4px 25px 4px;} …
0 votes4 answers -
Картинки в background.
Подскажите, как реализовать такую вещь: нужно, что бы все картинки на сайте отображались как background. К примеру, добавляем через html код картинки, и если она вылезает за пределы экрана, то она обрезается. PS Надеюсь, доходчиво объяснил.
0 votes5 answers -
List-style-image
Люди, откройте мне глаза.СИжу уже пол часа не пойму в чем проблема. Вот сверстал меню,но там не отображаются слева от пунктов маркеры сделаны через list-style-image. Отображается только а ФФ.
0 votes1 answer -
Фоновая картина-резина
Первая работа с резиной. Верхний блок ширина 100% скажите плиз как сделать чтобы фоновая картинка в нем была резиновая-не повторалась и именно сжималась или растягивалась. Спасибо
0 votes1 answer -
Есть ли смысл писать семейство шрифтов?
Мы часто пишем font-family: Arial, Georgia , Tahoma; Есть ли в этом смысл? Не достаточно ли оставить только Arial?
0 votes4 answers -
Приоритет стилей
Есть код: <div class="main"> <таблица> .... <td class="someClass"> </td> .... </таблица> </div> Стили: .main td { padding: 0px; margin: 0px; } .comeClass { padding: 10px; } Тем не менее, в теге <td> в приоритет идет изначальный стиль, указанный в .main td, а .comeClass игнорируется. Подскажите, пожалуйста, как сделать так, чтобы в приоритете был стиль, указанный в классе .comeClass UPD: Вопрос решен. Для изменения приоритета класса .someClass необходимо в стили указать: .main .someClass {} Тему можно закрывать.
0 votes0 answers -
0 votes4 answers
-
Обьект сьезжает при маштабировании экрана в браузере
Пивет всем решил стать не просто верстальщиком а настоящим web - мастером))) и понял что нуждаюсь в одномыслящих людях! Работодатель дал мне пробное задание по верстке,я все сдела, кроме одного - как только меняю маштаб в браузере то наблюдается очень маленький сдвиг кнопки (Обзор)от поля загрузки изображения, знаю что это не професионально так оставлять, вот ссылка - http://texts-web.com/proba/index.html попробуйте изменить масштаб в браузере!
0 votes3 answers -
кроссбраузерность
добрый вечер, подскажите как сделать сайт кроссбраузерным, по мне удобнее оппеделить браузер, и оттдельно для него подгрузить стиль по внешней ссылке, (готов писать для каждого браузера свой стиль!!!=)) <script language="javascript"> var browser = navigator.appName; document.write(browser); if (browser == "Opera") document.write("<body><link rel='stylesheet' href='http://jaguar-pw.clan.su/for_opera.css'>"); </script> думал что нашел решение, но для мозилы пробова- нивкакую...( p.s. хлстюсь на юкозе (php не работает построннее!()
0 votes3 answers -
Проблема с вертикальным отступом текстового блока
Здравствуйте. Я начал изучать HTML/CSS с верстки по PSD-макетам. И столкнулся со следующей проблемой: допустим у меня есть текст, который расположен ниже предыдущего объекта на некотором расстоянии, я не пойму как мне измерить этот отступ. Кегль равет 12pt (как удалось мне узнать он включает заплечики и высоту самой буквы), я измеряю расстояние (делаю это в Photoshop - 72dpi) в пикселях, от нижней части объекта до верхней части заглавной буквы не учитывая заплечико(потому что я не знаю чему оно равно). Вопрос в следующем, если какая то пропорция для размера шрифта и размера заплечика или как поступать с этим отступом?
0 votes5 answers -
Необычное меню)
привет всем! была такая задача сверстать такое меню, я его сверстал, элементы подогнал отрицательным margin, все вроде прекрасно, но тут появилась такая проблема как наведении и клике ты попадаешь совсем на другую страницу, по скриншоту очевидно видно, что каждый div имеет свой прямоугольник и тем самым когда я провожу мышкой по нему он активирует ту область, на которой див. <a href="http://www.picshare.ru/view/2204796/" target="_blank"><img src="http://www.picshare.ru/uploads/130610/YH7eB7IFkH_thumb.jpg" border="0" title="Хостинг картинок PicShare.ru"></a> что я хочу этим сказать, есть ли способы, чтобы уменьшить зону ссылки до картинки? или может есть…
0 votes2 answers -
как поставить текст по центру
http://cssdeck.com/labs/full/xwna9k5i Подкажите как в крутщемся окне сделать текст по средине квадрата?? по центру его разместить получается, а опустить вниз нет(
0 votes1 answer -
3 колоночный макет с контентом в html выше чем меню
Здравствуйте подскажите как сделать 3 колоночный макет, но чтобы контент находился в html выше чем левое и правое меню. И чтобы контент был в резиновом диве, а два блока с меню фиксированы.
0 votes2 answers -
ie8 и ieTester проблемка
Что-то нажал, что теперь ни восьмая версия, ни тестер не видеят такие вещи как header, а соответсвтенно - не выводят для них стили. Если <header id="header"></header> заменить на <div id="header"></div> - работает. Кто - то сталкивался с такой проблемой?
0 votes1 answer -
Manifest cashe HTML5
Добрый день, кто разобрался в автономном режиме работы сайтов - подскажите. Если есть перечень страниц, указанных в разделе CACHE файла manifest, то они постоянно будут браться из кэша или только тогда, когда нет соединения?
0 votes0 answers -
schema.org + xhtml
Стоит ли на сайте написанном на xhtml 1.0 Transitional внедрять schema.org. Я внедрил и W3C выдал её всю как ошибки.
0 votes3 answers -
Фотоколлаж? Фотоколлаж!
Всем привет! Есть такая бяка: Коллаж состоит из очень мана много фотографий. При наведении на изображение происходит его увеличение(видно на скрине). Что-то похожее нашёл здесь: http://www.artox.com/. Здесь они выложили по контуру спаны с бг, потом сверху наложили трафарет, потом спозиционировали ссылки соответственно спанам, к которым при ховере добавляется бг. Может у кого есть какие идеи по упрощению?
0 votes7 answers -
Как сделать адаптивные изображения
Всем привет! Структура такая: <div class="tovar"> <div class="kartinka"> <img ... > <div> <div> Высота дивов фиксированная. Ширина меняется под ширину браузера. Сама картинка (img) и высоту и ширину меняет пропорционально при изменении ширины браузера, но не должна вылазить за пределы своего дива <div class="kartinka"> Все картинки разного размера, квадратные, прямоугольные, большие, маленькие, вертикальные, горизонтальные. Надо чтобы весь этот сброд автоматом втиснулся каждый в свой див, выровнялся по горизонтали и в дальнейшем масштабировался. Какие стили нужно задать? Сам пробовал. Делал обертку для <img> с помощь…
0 votes4 answers -
HTML5 ползунок по типу "slide to unlock" с примагничиванием
Нужно сделать ползунок, нашёл готовый вариант: https://css-tricks.com/examples/SlideToUnlock/ Однако от меня требуется, чтобы я сделал авто-доползание ползунка до конца, если он сдвинут минимум на 70% от старта. Как на настоящем экране блокировки. Как такое сделать?
0 votes2 answers -
Обновить GD
Привет, помоги пожалуйста обновить графическую библиотеку GD. Сейчас последняя версия 2.2.1 (http://libgd.github.io/), а у меня 2.1.0. Использую Open server 5.2.4. Понятие не имею что и как делать. Везде, где удавалось найти хоть какую-то информацию по этому поводу - всё на английском и вообще не понятно для меня в целом. Читала про gmagick и imagick но их функции, переведённые на русский язык, нигде найти не удалось да и в ООП я ничего пока не понимаю. Ну и с установкой у меня так же как и с обновлением. Спасибо!
0 votes0 answers -
Разборки с object
Всем привет. У меня к зантокам следующий вопрос. Можно ли, используя <object>, загрузить страницу html, но при этом выровнять её каким-либо образом (т.е., допустим, если я установил размеры в object в 300px, а ширина страницы 600px, то у меня загружается страница и появляются полосы прокрутки, при этом страница выравнивается по левому краю, а я хочу, чтобы она выровнялась по центру и левому краю, а еще лучше, чтобы я мог задать в процентах или в пикселях на сколько я хочу сдвинуть страницу)? Или может быть можно сделать это другими средствами, например javascript? Подскажите в какую сторону копать...
0 votes1 answer -
Как не дать двум дивам наложится друг на друга?
Здравствуйте! У меня есть дивы идут в столбик один под одним. Каждый див имеет определенную высоту. Внутри дива текст. Если текста мало, то все нормально... Но когда текст не вмещается в размер этого дива то он налазит на следующий нижний див и закрывает его. Как это можно предотвратить, то есть чтобы он растягивался и не налазил на следующий? Спасибо большое за ответ! Если не понятно написал- скажите.
0 votes2 answers -
Проблемы со списком
Здравствуйте ! Такая проблема: есть список. В нём я поменял маркер на свою кратинку. Везде отображается нормально, но в опере этот маркер находится на 1 пиксель выше, чем в остальных браузерах. Из-за этого кажется, что каждый элемент списка ниже своего маркера. Левая картинка - в хроме, правая - в опере. Где рыть ?
0 votes3 answers