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
-
Всплывающие div'ы
Всем привет! Прошу помощи!!!Скрипты не предлагать!! Создал страницу на которой отображаются div(общий)-->div(внутренний):картинка ->(ниже картинки) div(внутренний, но скрыт) и <--в этом то div'е краткое описание содержимой картинки! Далее поставил кнопочку(оформил стилями) и при наведении на нее курсора вплывает этот скрытый div с описанием картинки! Проблема такая: сборок с картинками много и к каждой такое скрытое описание, но нижние элементы при просмотре описания всплывают вниз за границы экрана и части текста не видно(приходится прокручивать вниз вручную) ! Есть ли возможность всплытия вниз так что описание выходило полностью пусть и страница немного прокрут…
0 votes14 answers -
Сервис или приемы по извлечению фона для сайта
Добрый день, уважаемые форумчане! Такой вопрос - вы наверняка часто сталкивались со след. проблемой: вам дают psd макет сайта, у которого фоном стоит какой либо узор (или паттерн). Достать фон в этом случае можно двумя путями: трясти дизайнера, чтобы он выпилил вам картинку, 40x40px либо самостоятельно доставать этот узор (паттерн) из фотошопа (если умеете). Так вот мой вопрос в следующем - есть ли какой-нибудь сервис, который помогает достать повторяющийся фон из макета? Т.е. допустим вы видите, что узор фона повторяется, но определить точный квадрат для извлечения картинки не получается. И рядом нет дизайнера, который мог бы достать этот паттерн. Как можно быстро сделат…
0 votes6 answers -
ограничить ширину и выровнять по центру
проблема такая: верстаю сайт, нужно чтобы на разрешениях больше 1024*1280 контент не растягивался в ширь и оставаля по центру. на разрешениях меньше 1024*768 не плющился (то есть пусть будет полоса прокрутки по горизонтали, но наездов внутри контента не должно быть). поставила в ксс-нике для body вырание по центру и такой код прописала: body { margin: 0; padding: 0; font-family: Georgia; font-size: 100.01%; font-weight:normal; width: expression(document.body.clientWidth < 1240 ? "100%" : "1240px"); width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); text-align:center; max-width:1240px; min-width:1000px;} внутри body еще слой вложила, чтобы л…
0 votes10 answers -
меню
Здрасте!Подскажите плиз где можно взять код меню такого, как здесь www.ostwest.com/en/ Не откажите начинающему.
0 votes7 answers -
Опера глюки
Ребята, есть такая верстка: http://antoxa.name/portfolio/oastyle/ В Opera при первой загрузке в меню замечается глюк, при обновлении глюк пропадает, подскажите в чем грабли? Очень не хочется пункты меню делать картинками. P.S.: Opera 9.51
0 votes11 answers -
Создание меню в одной картинке
Столкнулся с такой проблемой... Охота сделать меню в картинке, при наведении на которую изменялся рисунок(hover, новая картинка поверх бэкграунда), а также чтоб каждая картинка работала как ссылка... Вот пример: Бэкгрануд имадж Рисунки при наведении(hover) и т.д. Рисунки (hover) специально сделал такого же размера как и бэкгрануд, чтобы координаты задавать одни и те же... Но тем не менее столкнулся с трудностями, не знаю как это применить... П.С.: Все картинки с прозрачным фоном... Желательно без использования JS... Заранее очень благодарен...
0 votes11 answers -
Прокручиваемый контент и div
Добрый день! Есть div блок: <div id="centercontent"><jdoc:include type="component" /></div> Вот код идентификатора: #centercontent { background-image:url(../images/1_13.png); overflow:auto; height:300px; float:left; Всё как и хотел (контент джумлы отображается в див блоке с прокруткой), да вот только если контент большой, он растягивает див блок и тем самым портит дизайн. Как мне зафиксировать стенки блока, чтобы контент упирался в него? п.с. дизайн резиновый - в этом основная проблема..., поэтому width определенной ширины не предлагать.
0 votes3 answers -
input type=file
Известная проблема: подогнать под дизайн сайта поле загрузки файов: добавить бордюр, сделать внутренние отступы, сменить кнопку и т.д. Вот и я поимел первый опыт борьбы с ней. Хочу попросить покритиковать мое решение. Сразу скажу, что основано оно на идее перекрытия настоящего файл-инпута кнопкой и текстовым полем. Мне почти подошло решение предложенное здесь, за что автору большое спасибо, но пришлось немного допилить под себя. Моя задача: кнопка BROWSE выводится справа от текстового поля. Занимаюет ширину "по ширине текста в ней". Все оставшееся место уходит на текстовое поле имени файла. Подход к решению: делаем два div`а: в первый помещаем input type=text. Во второй i…
0 votes2 answers -
снова кроссбраузерность IE-FF
http://adis-pr.ru/1/ вот кто мне объяснит - почему в IE меню не так как надо (смотреть border-bottom)
0 votes16 answers -
Слои+таблицы
Здравствуйте! У меня такая проблема (весь гугл облазил, везде какую-то ерунду предлагают): необходимо сверстать страничку так чтобы контент независимо от наполнения был на всю страницу! можно использовать и таблицы и слои. я никак не могу догнать как же это сделать. Макет резиновый. Конечно при большом количестве контента можно сделать overflow:auto;, но если контента мало, то ни таблица, ни слой не растянутся до футера. (до футера идут необходимые background'ы, так что речь о абсолютном футере не пойдет.) P.S. да, и забыл, УБИРАТЬ ДОКТИП НЕ ПРЕДЛАГАТЬ!
0 votes12 answers -
Очень тяжко даётся JavaScript.
Html и Сss изучил очень легко, то ли от того что лёгкие, даже PHP изучаеться легко. Не знаю как быть, может быть у кого то были такие же проблемы, но потом он сел и выучил? И каким образом? Просто по сайту о JS, видео-урокам, книгам? Мне интересны любые советы по изучению JavaScript, но как вижу все эти функции, переменные, значения в JS мне аж плохо становится. И как лучше верстать? html5 или старыми методами что бы шишки набить? я уже верстал простые сайты, получилось, по моим меркам нормально , правда в IE ниже 10 все сьехало, и не успел изучить до конца css и html говорят надо js, препроцессор css, grunt, bootstrap и т.д. В голове полный бардак от этих фреймворков…
0 votes8 answers -
Проблема с выпадающим меню. Как это реализовать?
При работе над проектом возник вопрос с реализацией выпадающего меню. А можно ли это реализовать? http://keep4u.ru/full/080403/a3f1b7c9b6ba21f259/jpg
0 votes8 answers -
#id.class
можно ли указать селектор одновременно по id и class? собственно нужно это сделать не в css, а в обращении jquery для пущей уверенности.
0 votes5 answers -
подкачка изображений в кнопки
У меня есть рисованая кнопка 1и такаяже ток для активации. кнопка подскажите скрипт как сделать подкачку изображения второй кнопки при наведении курсора на кнопку т.е чтобы при наведение создавался эффект мигания. может у кого есть своя метода.... подскажите
0 votes6 answers -
Как выровнить текст по вертикали
Нужно выровнить текст по вертикали в кнопке. Простыми словами дело обстоит так, блок кнопки например 50х200px, в левой части иконка, после заголовок. текст выравнивается по верхнему краю. Прописываю vertical-align:bottom для кнопки, но не действует. Можно использовать padding,но мне нужно при уменьшении разрешения монитора второе слова заголовка(кнопка) переходит на новую строчку и padding вот здесь все испортит. <ul> <li><a href="#" class="mNav01">Системы безопастности</a></li> <li><a href="#" class="mNav02">Контроль доступа</a></li> <li><a href="#" class="mNav03">Системы вид…
0 votes10 answers -
Скролл и выпадающее меню
Добрый вечер! На сайте используется выпадающее меню superfish. Когда количество пунктов очень много, то приходиться прокручивать скролл. Скажите, пожалуйста, как можно сделать чтобы при достижении конца браузера формировался следующий столбец с продолжением меню?
0 votes8 answers -
Как сделать смену языка на сайте без перезагрузки страницы
Хотел бы сделать смену языка с помощью 2 флажков английского и русского, хотелось бы это сделать на html и css, без подключения каких либо модулей, дайте мудрый совет как лучше это сделать.
0 votes3 answers -
помогите пожасто!!!!
как сделать так чтобы при table width="100%" и при изменении разрешения монитора не происходили сдвиги содержимого этой таблицы?
0 votes11 answers -
Текст поверх картинки
Доброго времени суток. Столкнулся с проблемой при верстке сайта ресторана. По центру расположен логотип ресторана и немного залезает на контейнер с адресом и номером телефона. Проблема в том что из-за логотипа нельзя навести и выделить номер или адрес, тк картинка прозрачным полем на них заходит. Пробовал баловаться с z-index-ом, но ничего дельного не получилось. html Скрытый текст <div class="container header"> <img src="img/logo.png" class="logo" alt="Логотип гастробара Discovery"> </div> <div class="container main"> <div class="navigation"> <div class="mapandphone"><table…
0 votes4 answers -
Подскажите как закрасить баннер
Приветствую специалистов по верстке. Нарисовал мне дизайнер такой баннер Подскажите как сверстать: 1) Строка "Размещение рекламы" по центру (по горизонтали) 2) фон этой строки закрашен только слева
0 votes11 answers -
Эффекты перехода страниц в Firefox
Почему-то не работают эффекты перехода страниц в браузерах Opera (вполть до 9.20) и Firefox. IE отображает их правильно и красиво, но кому он сегодня нужен! Есть ли хитрый способ заставить работать переходики и в этих актуальных браузерах тоже? Заранее благодарен за отклик.
0 votes3 answers -
margin-top смещает родительский блок вниз
Привет всем. Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> * { padding: 0; margin: 0; } #wrapper { margin: 0 auto; width: 900px; } #header { width: 900px; background: #ABBEBE; } #content { /*border: 1px solid;*/ height: 300px; background: #ABFFFF; width: 900px; } #footer { width: 900px; background: #ABBEBE; } .stick { width: 100px; height: 100px; margin: 100px 0px 0px 10px; } </style> </head> <body…
0 votes3 answers -
Равномерное распределение картинок по длине блока
Добрый вечер! Для того чтобы картинки в блоке шли друг за другом горизонтально нужно применить display: inline. Как сделать так, чтобы находящиеся в блоке картинки равномерно распределялись по его ширине? Подгонять вручную отступами или есть что-то готовое? Например. Полосатый блок, в котором фотографии.
0 votes4 answers -
А вы пользуетесь таким трюком ?
.columns { clear: both; width: 100%; //padding-right: 1px; //overflow-x: hidden; } Просто наткнулся на него, раньше про него не слышал. Проверил работает только для ИЕ (вкл 7)
0 votes12 answers -
Подскажите тег "Больше или равно" и "Меньше или равно"
Есть ли такой специальный символ? А то мерзко выглядит: >= и =<.
0 votes10 answers