HTML Coding

29,542 questions in this forum

1. Плавное появление текста (CSS)

   Всем доброго времени суток. Задача: необходимо сделать чтобы при наведении на ссылку в виде картинки (обрамленную обводкой) сбоку от нее расширялось место (увеличивается ширина обрамленной области) и там появлялась текстовая подсказка. .block a { float:left; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; width:30px; height:30px; border:1px solid #CECECE; background: #fff url(images/block.png) no-repeat; } .block a:after { content:'подсказка'; float:left; margin-left:30px; font-size:22px; line-height:34px; color:transparent; } .block a:hover { width:50px; background: url(images/block_hov…

   Asked by Dayks, March 28, 2013

   0 votes
   4 answers
2. Плагин jquery для данной задачи

   Здравствуйте, подскажите есть ли какой-то jquery range плагин что бы наиболее подходил для такой задачи? Или по какому запросу искать в гугле? Это же не обычный range.

   Asked by ShootingStar, March 31, 2013

   • jquery
   • jquery range
   0 votes
   1 answer
3. Как семантически верно?

   http://divhack.com/downloads/study/5/html/ На этой странице есть раздел справа "More projects". Как правильнее написать Html с этими картинками? Выстроить в ряд 4 картинки или предварительно засунуть их в список? Как правильнее и логичнее с точки зрения семантики и всего прочего?

   Asked by Zverushka, March 26, 2013

   • сделать
   0 votes
   10 answers
4. Оформление шапки сайта

   В общем, такая проблема. Я не знаю или тупо забыл как изменить картинку в шапке сайта в данном случае.

   Asked by St.Jimmy, March 31, 2013

   0 votes
   3 answers
5. twitter bootstrap. отменить адаптивность

   подскажите пожалуйста как можно при помощи twitter bootstrap сверстать страничку, элементы которой не подстраиваются под ширину экрана. то есть не изменяют вид и положение для примера набросал страничку. видно, что при уменьшении ширины окна браузера элементы странички изменяют вид и положение

   Asked by cyklop77, April 1, 2013

   0 votes
   2 answers
6. семантика меню

   скажите пожалуйста не будет ли грубой ошибкой с точки зрения семантики формировать меню подобным образом? здесь пункты "sidebar" являются заголовками, но не пунктами меню

   Asked by cyklop77, April 1, 2013

   0 votes
   2 answers
7. обрезать картинки при разных разрешениях

   Привет всем! Возникла одна проблема при верстке Есть картинка на вес экран(с этим я разобрался), но вот не знаю как сделать так, чтобы при разных разрешениях обрезалась сверху/снизу (при горизонтальном окне браузера) и слева/права (при вертикальном окне). http://obzor.webtj.ru/slava/ - вот верстка, помогите пожалуйста

   Asked by X-Miller-X, March 31, 2013

   0 votes
   5 answers
8. PHP-MySQL auto increment

   Возможно сделать чтоб при добавлении новой статьи в MySQL ( data_base) нумерация начиналась с id 1 (по убиванию) ?

   Asked by AMATOR, March 30, 2013

   0 votes
   4 answers
9. Фиксация текста для нуба

   Как правильно зафиксировать текст ровно по середине страницы, но так, чтобы он был выстроен в столбец. Т.е так: - ПАПАПАПАПАПАПА - МАМАМАМАМАМАМ

   Asked by St.Jimmy, March 31, 2013

   0 votes
   1 answer
10. Шрифтовая белка - не хочет принимать шрифт

    Подскажите. Пытаюсь подсунуть FontSquirrel шрифт FagoCo.pfm. Но она не хочет его принимать - пишет, что шрифт поврежден. Это почему и что делать?

    Asked by aaron, March 31, 2013

    • font
    0 votes
    4 answers
11. Ширина таблицы width+float

    Вот не врубаюсь, вроде бы легкая задача, но реализовать не получается для таблицы: Есть левая и правая колонка (float). Левая колонка имеет всегда разную ширину, а правая колонка должна быть на всю ширину, которая осталась. С двумя div'ами все легко делается, а вот с дивом и таблицей.. Вот пример: http://jsfiddle.net/KQqDm/ Как сделать то же самое как там с div'ами, только с таблицой? Заранее спасибо.

    Asked by Andrey447, March 30, 2013

    0 votes
    4 answers
12. Активный раздел в меню

    Приветсвую друзья! Очень нужна помощь с меню в joomla. Никак не могу добиться чтобы активный раздел (раздел в котором находится пользователь в данный момент) был выделен в меню. Задача вроде бы тривиальная, но что то не выходит у меня никак. Искал аналоги, смотрел другие шаблоны, там все работает. Здесь никак. Выделение существет при наведении на пункт меню и снимается после того как пользователь перешел в раздел. Вот листинг который отвечает за стиль меню. ul#horizont_menu { MARGIN-LEFT:1px; DISPLAY:block; FLOAT:left; LIST-STYLE:none; } ul#horizont_menu li { DISPLAY:block; FLOAT:left; POSITION:relative; } ul#horizont_menu li ul { FLOAT:left; WIDTH:295px; LIST-STYLE:non…

    Asked by istorik, March 31, 2013

    • joomla меню
    • активный
    0 votes
    3 answers
13. Стиль font и свойство inherit

    На странице http://htmlbook.ru/css/font запись font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit Что означает "| inherit"? - inherit может быть указан вместо задания font-family? - или вместо всех параметров?

    Asked by skvor, March 31, 2013

    0 votes
    3 answers
14. Выравнивание header по центру

    Как выровнить header по центру, почему явно заданная высота не выполняется? Вероятно я первоначально делаю не правильно сайт на html+CSS, так сказать не по технологии, но мне важно научиться блочной верстке. <!DOCTYPE html> <html lang=ru> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div class=header>Логотипчик</div> <div class=layer> <div class=content> Контент </div> <div class="sidebar"> Сайдбар </div> </div> </body> </html> body {margin:0; background: #112233} div.header {border: 4px solid; border-color: red; background: #990000; widt…

    Asked by Delat, March 30, 2013

    0 votes
    2 answers
15. Помогите пожалуйста с таблицей

    Я только начал изучать веб-программирование, и у меня возникла небольша проблемка: как мне сделать таблицу с двумя столбцами делящие ее на пополам и первый столбец разделен на 4 строки? Плз помогите :-)

    Asked by TO4_e4ka, March 30, 2013

    0 votes
    2 answers
16. Убрать высоту

    Привет. Столкнулся с проблемой при создании одностраничника. Убираю фикс. высоту у блока content и ... http://vgolovanov.ru/test123/ у кого есть Firebug, отключите высоту и посмотрите что происходит. В чём я допустил ошибку?

    Asked by EvilDoom, March 30, 2013

    0 votes
    4 answers
17. Маштабирование фона

    Здравствуйте. Подскажите как мне в css сделать что бы фон страницы самого форума оставался одинаковый. Думаю на скринах будет яснее. Тут скрин сделан на большом разрешении екрана А вот тут уже на маленьком, фон делается маленьким( Как сделать что бы он фиксировался на любом екране?

    Asked by Tamior, March 29, 2013

    0 votes
    2 answers
18. Как реализовать select стиль

    Как реализовать такое?

    Asked by aquapasha, March 29, 2013

    0 votes
    2 answers
19. Как сверстать такой блок

    Здравствуйте! Есть такой макет: ссылка на изображение, размер: 143 кбайт, 1024 x 641 точек Задача состоит в том, как сверстать большой полупрозрачный блок. Я использую верстку с прижатым футером. Код: <body id="inner"> <div id="wrapper" class="w100" style="background-image:url(maneBg_2.jpg); background-position:0 0;"> <div id="main"> <div id="all"> <header class="strip"> <div id="header_c"> <nav id="menu_l"> <ul> <li><a href="#">Парикмахерский зал</a></li> <li><a href="#">Ногтевой сервис</a></li> <li><a href="#">Косметология</a>&…

    Asked by Светлана Гр., February 26, 2013

    0 votes
    4 answers
20. Не работает last-child

    Между пунктами меню использовал палочки-разделители. В первом и последнем пункте меню захотел убрать разделители с помощью first-child и last-child. First-child сработал, а last-child нет. Чего он не работает? #nav li:first-child {border-left:none} #nav li:last-child {border-right:none} <ul id="nav"> <li><a class="hsubs" href="#">Товары</a> <ul class="subs"> <li style="border:0"><a href="#">Submenu 1</a></li> <li><a href="#">Submenu 2</a></li> <li><a href="#">Submenu 3</a></li> <li><a href="#">Submenu 4&lt…

    Asked by apexis, March 27, 2013

    0 votes
    9 answers
21. Селектор [class*=""]

    Интересует следующий момент - на сколько быстр этот селектор, скажем, по сравнению с обычным селектором класса?

    Asked by FanAizu, March 30, 2013

    0 votes
    0 answers
22. Линия на карте мира в Google maps

    Добрый день всем. Нужна помощь над задачей, которую не могу решить уже второй день. Суть такая: нужно провести линию между городами из разных континентов на карте мира, используя google maps api v3. Только линию эту надо провести в пределах одной карты, а как видно в примере линия уходит за один край карты и возвращаеться из другого http://jsfiddle.net/Dzhav/m3Dn9/1/ Я понимаю, что линия между точками проводиться кратчайшим путем и пролегла через тихий океан, но мне нужна такая, что проходит в пределах одного экрана не обрываясь ( в моем примере нужно через Африку и Атлантический океан) Не могу никак найти решения задачи и даже вопросов похожых на форумах не вижу . Може…

    Asked by Dzhav, March 29, 2013

    • google maps
    • polyline
    0 votes
    5 answers
23. Как вырезать этот слой в фотошопе?

    Здраствуйте. Уже не первый раз бьюсь с подобной проблемой. Как у этого макета http://divhack.com/downloads/study/6/6.psd вырезать верхний широкий хедер (выполненный разноцветными разводами), который состоит из двух слоев. Если первый прозрачный слой с разводами я еще могу скопировать в новый документ, то от второго (темного) копируется лишь маленькая рамка (50 пикселей) вместо 1200. А выделенные вместе они вообще не копируются. Их можно скопировать через шифт+с, предварительно убрав все остальные лишние слои сверху (а это долго и муторно). Может есть способ проще? Как скопировать более быстрым способом?

    Asked by Zverushka, March 28, 2013

    0 votes
    10 answers
24. вложенный div в twitter bootstrap

    помогите пожалуйста понять почему в простейшем шаблоне, созданном при помощи twitter bootstrap <div class="well">Привет! Я Bootstrap...</div> выходит за пределы родительского блока

    Asked by cyklop77, March 29, 2013

    0 votes
    1 answer
25. Bootstrap - вопрос

    Решил я заценить bootstrap и сразу же столкнулся с проблемой. Объясните, кто понимает пожалуйста. Мне нужно сделать сайт, шириной в 954px. Но адаптивный, то есть чтобы на сотовых и планшетах все было ок! Но! Bootstrap сам расчитывает ширину, и блок <container> - автоматом становится больше 954px. Если убирать responsive - то тогда я на сколько понимаю сайт не будет адаптивным. Ну, чтобы потренироваться мне нужно что-то типо этого, к примеру: http://a1-reklama.ru/ То есть тут ширина сайта 954px Как тут разметку то написать в bootstrap?

    Asked by Imperil, March 28, 2013

    0 votes
    3 answers