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
-
Вращабщиеся блоки
Добрый день! Хотелось бы получить пояснение о принципе работы механизма с "вращающимися блоками". А именно-к примеру, есть страница-приветствия, а в ней блок с аватаркой и кнопкой входа, нажав на которую весь блок визуально прокручивается вокруг своей оси. И появляется на месте блока с приветствием блок с формой входа. Надеюсь, что пример доступный и я буду понят... хотелось бы понять о принципе работы: как происходит подмена одного блока на другой, это реализовывается только на css с помощью преобразований и переходов/анимации или тут уже нужен JavaScript?
0 votes3 answers -
Доставка шрифтов
Вопрос к олдам. Каким образом доставлялись шрифты посетителям в те времена, когда применялся тег font? Или в атрибуте face указывались только безопасные шрифты?
0 votes2 answers -
Не смог поставить подсказку в HTML
Проблема в следующем вот код $poster['ins_nick'] = "<a href=\"java script:ins('".str_replace(array(" ", "'"), array(" ", "'"), $poster['members_display_name'] )."')\"><img src='style_images/<#IMG_DIR#>/nick_insert.png' border='0' alt='Вставить имя пользователя' /></a>"; Как к нему добавить всплывающую подсказку при наведении на картинку? Тег <a title="текст">...</a> Про бывал не получается!Подскажите куда его вставлять?
0 votes3 answers -
Проблемы с вертикальным меню и с текстом п в главном окне
доброго времени суток, господа столкнулся с такой проблемой, в верстке новичок. В общем вот нтмл код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="top"> </div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Регистрация</a></li> <li><a href="#">Файлы</…
0 votes1 answer -
Кнопки меню
Привет. Кто подскажет? http://vitasik.spb.su/menu/ Как сделать что бы картинка под текстом не растягивал и всегда имела статический размер не зависимо от длины текста. html: CSS:
0 votes2 answers -
Почему
Подскажите, почему я не могу поменять бэкграунд? body1 { font-family: Helvetica, Arial, sans-serif; font-size: 11px; } p1 { line-height: 1.5em; } ul#menu, ul#menu ul { font-size: 12px; list-style-type:none; margin: 0; padding: 0; width1: 15em; } ul#menu a { display: block; text-decoration: none; } ul#menu li { margin-top: 1px; width: 100%; } ul#menu li a { background: transparent; back:#333; color: #fff; padding: 0.5em; } ul#menu li a:hover { background: orange; color: #333333; back: #000; } ul#menu li ul li a { background: #1b1c30; back: #ccc; color: #dfddc1; padding-left: 10px; } ul#menu li ul li a:hover { ba…
0 votes1 answer -
margin в %
Всем привет! проблема в отсутсвии отсупов сверху для дочернего блока (ие6 только норм) #left{width:60%;height:200px;} #child{width:40%;height:100px; margin:25%} <div id="left"> <div id="child"></div> </div> и еще один вопрос—как выровнять дочерний резиновый блок внутри резинового блока по центру без использоания text-align:center для родака???
0 votes2 answers -
Ломается дизайн при добавлении border
Здравствуйте! Сам не могу понять. При добавлении в блок a:link следующей строки: border-bottom: 1px dotted; ломается дизайн. Помогите, пожалуйста! сайт www.arsvar.ru
0 votes2 answers -
Движется хедер, а не должен.
Делаю меню списком, меню вложено в хедер. При выставлении margin-top для меню,движется весь хедер, вместе со списком. Немного кода: #header {width:100%; height:167px; background:#353a33; position:relative;} ul{ list-style:none; background:url(images/menubg_06) repeat-x; width:1024px; height:64px; margin-top:103px;} Помогите пожалуйста
0 votes1 answer -
Проблемы с вмещением контента
Доброго вам времени суток! Появилась у меня такая проблема со смещением контента: по какой-то причине из родительского элемента(желтый фон) вылезают дочерние элементы(зеленый фон) причем у родительского элементы не задана высота вообще. Как добиться чтобы эти ссылки не вылезали по а родительский элемент автоматический разтягивался по высоте чтобы вмещать себя все дочерние элементы. Вот скриншот моего безобразного результата верстки. Я специально закрасил все элементы для лучшей наглядность(красный(#wrapper) желтый(#content) зеленый(#content a) голубой верхнии бордер(#footer)) Вот CSS код: <style type="text/css"> #wrapper{background-color:red; width:960px; } #…
0 votes5 answers -
Измерение размеров элементов в psd
Подскажите. У меня имеется psd-макет, на котором я тренируюсь в верстке. В этом макете тени используются часто и густо - для текста и для боксов различных (div, ul, table). Замер размеров элементов в psd-шаблоне, а также расстояния между ними я произвожу по следующей схеме (она мне кажется наиболее удобной и быстрой): устанавливаю направляющие по нужным границам элемента, а затем замеряю размер линейкой. Все это выполняю в Photoshop, естественно. Так вот, при выставлении направляющих к границам элемента (пусть это будет та же table, у которой есть внешняя тень) мне нужно устанавливать эти направляющие по границе тени? Или можно не учитывать ее, а ставить по границе самого…
0 votes1 answer -
Помогите реализовать
Есть такой код формы контактов : http://jsfiddle.net/2ZEzW/ И есть такой код кнопки: http://jsfiddle.net/2ZEzW/1/ Как сделать, чтобы при нажатии кнопки "ЗАКАЗАТЬ" появлялась форма контактов. За ранее благодарен.
0 votes3 answers -
Отображение картинки с помощью css и html
Ребят, подскажите, пожалуйста, как вставить картинку при помощи css, а потом её вынести при помощи html? Вот моя последовательность действий: 1. Создаю и подключаю css файл (<link href="style.css" rel="stylesheet" type="text/css" />) 2. Создаю в css файле: .gray{ background-image:url(image/gray-n.png); } 3.Подключаю в html файле: <span class="gray"></span> Картинка нигде не отображается.
0 votes2 answers -
maybe i see you tonight)
на главной странице шапка сайта оформлена так: (с картинкой!) .header {height:60px; background-color:#717dc9; background-image: url(images/header.jpg); padding:20px; text-align:center} перехожу на другую страницу, картинки в шапке нет! Что делать?? код тот же .header {height:60px; background-color:#717dc9; background-image: url(images/header.jpg); padding:20px; text-align:center}
0 votes4 answers -
верхнее меню на htmlbook
верхнее меню на htmlbook сделано с помощью фреймов?
0 votes2 answers -
В чем ошибка?
Все работает, но трабл в том, что картинка, которая открыта изначально (она в блоке view при загрузке страницы и у неё черный border на примере) открывается только один раз -- при открытии страницы. Если понажимать на другие страницы и снова нажать на первую (semesyuk1), то она не открывается в блоке view, она просто не реагирует. Пробовал ставить картинку в этот блок через скрипт, тоже ничего не меняется. Плохо то, что я даже не знаю что вбивать в гугл. Подскажите, пожалуйста, в чем трабл? Эта штучка здесь: http://jsfiddle.net/zaebal/2raXG/2/ Изначально открыта картинка с Лаки Страйк, после того как эта картинка сменяется (по клику) её невозможно открыть. Самую первую.
0 votes8 answers -
jq сортировка
Имеется jq сортировки городов, мне хотелось бы сделать так чтобы при нажатии на город другие изчезали, при нажатии на другой город нужные снова появлялись а остальные изчезали $(function () { $("#listbutcity").on("click", "li", function (a) { var cls = '.'+$(this).data('name'), city = $('#listcity'), li = $(cls,city); city.prepend(li) });})var $ja = $('.ja-cp-item'); $ja.each(function (i,el) { var cls = $('.listnonecity', $(el)).text(); $(el).addClass(cls) });Прошу помоч) Демо Синий блок Наши вакансии
0 votes1 answer -
Нужна помощь
Здравствуйте, я учусь верстать сайты, посмотрел кучу всяческих видео , перечитал кучу информации . И вот захотел сверстать сайт по макету psd . Посмотрел опять же ш видео, ну вроде норм. А потом как сел верстать сайт по другому макету наткнулся на кучу проблем и вопросов , на которые не могу найти ответов.Так вот ищу какого то опытного верстальщика что бы помогу мне в некоторых вопросах , я уверен что они будут совсем простые для опытного человека. Надеюсь на понимание , и обещаю не задолбывать по пустякам skype: Kaplun31
0 votes4 answers -
Проблема с jsfiddle.net
Подскажите, почему скрипт прекрасно работает на http://jsfiddle.net/7LYqk/ но при переносе к себе в рабочий документ всё ломается? То есть скрипт не работает. Перепробовала уже все варианты проблема внезапно решилась. если у кого будут такие же проблемы - переместите скрипт из хэда в низ боди
0 votes3 answers -
Фон для tr
Здравствуйте, подскажите как правильно задать фон для tr в таблице я задал для этого tr фон шириной в 1 пиксель, а как сделать уголки эти?
0 votes1 answer -
Центрирование заголовка в таблице
Подскажите, пожалуйста, как отцентрировать заголовок в части таблицы, состоящей из трех, горизонтально расположенных ячеек. Заголовок размещается в средней ячейке. Все три ячейки разной ширины: - первая 30%; - вторая 60%; - третья 4%. Нужно сделать так, чтобы заголовок был в центре всего блока, состоящего из трех ячеек.
0 votes4 answers -
Разное отображение при одинаковом разрешении
Сайт http://burzhuy.org/deal/. Использую фреймворк bootstrap Имеется проблема с текстом в облачке "Мой собственный капитал...". На ipad текст отображается правильно, то есть не вылезает за границы облачка, но при таком же разрешении(1024х768) на компьютере текст отображается криво. В css я использую @media, а именно для разрешения 1024х768 этот код @media (min-width: 1000px) { .cloud { padding: 12% 54% 8% 8%; } .cloud p { font-size: 15px; } .cloud span { font-size: 19px; } .cloud2 { /*"Deal with it вот что по настоящем круто!"*/ padding-left: 20%; } .cloud2 h1 { font-size: 33px; } .cloud3 { /*"Круто!"*/ padding-right: 29%; } .cloud3 h2 { …
0 votes1 answer -
Input type submit с плавающим gradient фоном
Все работает для любых элементов кроме input type="submit". Вот пример: .test { background: linear-gradient(to left, #feffe800 0%, #c3c3c3e6 100%); transition: all 1s ease-in-out; background-size: 20% 100%; display: inline-block; } .test:hover { background-size: 100% 100%; } Здесь плавает только background-size. Что не так делаю? Это в браузере не допилено или я туплю где-то?
0 votes0 answers -
Невозможность выровнять плагин / его код по центру
Здравствуйте! Пожалуйста, помогите решить мини-проблему. Установил на сайт плагин, отображающий рейтинг статьи в Google. Для работы плагина необходимо было вставить код плагина в single.php. Это я сделал. Шаблон выровненный по центру, после вставки кода в шаблон, плагин отображается смещенным вправо. Вопрос: как его выровнять? Прикреплю скриншот. Пожалуйста, помогите чайнику. Ломаю голову... ?
0 votes1 answer -
Текст строкой
Установил ограниченную ширину, а текст всё равно идёт строкой и не переносится на след. строчку, выходит за грани (т.е. ширина таблицы из-за него автоматически увеличивается). Ничего не могу понять толком, в чём проблема? http://team-unity.narod.ru/test.html xD Всё, разобрался. Просто у меня текст был одним словом и естественно ничего не переносилось, а я, дурень, в коде ошибку искал. Извините за глупость)
0 votes0 answers