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)
Всем доброго времени суток. Задача: необходимо сделать чтобы при наведении на ссылку в виде картинки (обрамленную обводкой) сбоку от нее расширялось место (увеличивается ширина обрамленной области) и там появлялась текстовая подсказка. .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…
0 votes4 answers -
Bootstrap - вопрос
Решил я заценить bootstrap и сразу же столкнулся с проблемой. Объясните, кто понимает пожалуйста. Мне нужно сделать сайт, шириной в 954px. Но адаптивный, то есть чтобы на сотовых и планшетах все было ок! Но! Bootstrap сам расчитывает ширину, и блок <container> - автоматом становится больше 954px. Если убирать responsive - то тогда я на сколько понимаю сайт не будет адаптивным. Ну, чтобы потренироваться мне нужно что-то типо этого, к примеру: http://a1-reklama.ru/ То есть тут ширина сайта 954px Как тут разметку то написать в bootstrap?
0 votes3 answers -
не работает меню
навожу курсор на меню, но ничего не происходит, хотя до того как вставил в код слайдер, все работало, с чем может быть связано? вот коды HTML- <body> <div class="header"> </div> <div style=" width:1260px; height:1700px; background: url(images/fon.jpg) ;"/> <div class="main"> <div class="content-main"> <ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">История</a></li> <li><a href="#">Команды</a> <ul> <li><a href="#">CS:GO</a></li> <li><a href="#">DOTA 2</a></li> …
0 votes4 answers -
Div к списку ссылок
Кто-нибудь может подсказать в каком направлении гуглить: хочу сделать так чтобы Div примененный к списку ссылок(прямые на картинки) применял к каждой ссылке такую форму: <a href="{URL}"><img width="150" src="{URL}" border="0"></a> Или средствами css этого не добиться?
0 votes13 answers -
opacity в блоках
Как сделать что б тег opacity применялся только к родительскому div у а не всем внутренним побывал так не помогло http://jsfiddle.net/2XkmR/
0 votes6 answers -
Как сделать чтобы объект не принадлежал к родителю?
Мой сайтик не знаю как сделать, чтобы видео было не прозрачное, а фон оставался прозрачным. ибо прозрачность фона задается родителем...
0 votes3 answers -
Как реализовать select стиль
Как реализовать такое?
0 votes2 answers -
Таблица с разными колонками
Здравствуйте, наверняка тема уже где-то всплывала, но немного поискав ничего не нашел Подскажите пожалуйста, как реализовать - Есть таблица с двумя колонками, мне нужно что бы к первой колонке применялся один стили, а ко второй колонке другие, задавать классы руками будет очень долго и неудобно, таблиц будет много. В интернете я нашел скрипт который автоматически задает классы колнкам, но почему-то он не сработал, колонки остались без классов. Вот скрипт var TR = document.getElementsByTagName('tr'); for(var i = 0; i < TR.length; ++i) { with(TR[i]) { if(i%2==0 & i != 0) className='odd'; else className='even'; } } Вот моя табличка: <table border="0"…
0 votes9 answers -
вложенный div в twitter bootstrap
помогите пожалуйста понять почему в простейшем шаблоне, созданном при помощи twitter bootstrap <div class="well">Привет! Я Bootstrap...</div> выходит за пределы родительского блока
0 votes1 answer -
Линия на карте мира в Google maps
Добрый день всем. Нужна помощь над задачей, которую не могу решить уже второй день. Суть такая: нужно провести линию между городами из разных континентов на карте мира, используя google maps api v3. Только линию эту надо провести в пределах одной карты, а как видно в примере линия уходит за один край карты и возвращаеться из другого http://jsfiddle.net/Dzhav/m3Dn9/1/ Я понимаю, что линия между точками проводиться кратчайшим путем и пролегла через тихий океан, но мне нужна такая, что проходит в пределах одного экрана не обрываясь ( в моем примере нужно через Африку и Атлантический океан) Не могу никак найти решения задачи и даже вопросов похожых на форумах не вижу . Може…
0 votes5 answers -
Прижать footer книзу
Подскажите. Я новичок в верстке и только осваиваю шаблоны. В сети нашел такой готовый макет - своего рода скелет для будущего шаблона. http://jsfiddle.net/...tPCz8CJv/66Eh2/ У меня вопрос по поводу footer. Я просмотрел код и меня смущает краткость тех строк, с помощью которых подвал прижимается книзу сайта. Действительно ли такой способ является рабочим? Если так, то он мне нравиться больше, чем "классический", с отрицательным margin-top для footer. Конечно, я его протестировал немного - вроде все работает. Но хотел спросить и уточнить у людей, которые больше меня знают в верстке.
0 votes5 answers -
При наведении съезжают пункты меню
Привет всем! Такой вопрос: Сделал меню. При наведении на пункт меню - появляется обводка. Но другие пункты начинают двигаться на этот отступ. Как сделать, чтобы пункты меню были неподвижны? http://jsfiddle.net/RHvPF/
0 votes5 answers -
Маштабирование фона
Здравствуйте. Подскажите как мне в css сделать что бы фон страницы самого форума оставался одинаковый. Думаю на скринах будет яснее. Тут скрин сделан на большом разрешении екрана А вот тут уже на маленьком, фон делается маленьким( Как сделать что бы он фиксировался на любом екране?
0 votes2 answers -
PHP-MySQL auto increment
Возможно сделать чтоб при добавлении новой статьи в MySQL ( data_base) нумерация начиналась с id 1 (по убиванию) ?
0 votes4 answers -
Убрать высоту
Привет. Столкнулся с проблемой при создании одностраничника. Убираю фикс. высоту у блока content и ... http://vgolovanov.ru/test123/ у кого есть Firebug, отключите высоту и посмотрите что происходит. В чём я допустил ошибку?
0 votes4 answers -
Стиль 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? - или вместо всех параметров?
0 votes3 answers -
внутренняя тень от углов
http://itmages.ru/image/view/974699/d41d8cd9 првиетствую всех. есть такой вот фон, это фон body, т.е. при большей высоте темные углы вниз опускаются. стандартными стредствами inset не могу никак решить. у кого есть советы?
0 votes2 answers -
Блик, не мешающий ссылке
https://taxi.yandex.ru/?from=morda — при первом посещении этой страницы можно наблюдать модальное окошко, в котором находится слайдер. Он выполнен в виде смартфона. По клику по экрану смартфона или на кружочки справа от него, слайдер будет листаться. Я делаю нечто похожее. И столкнулся с такой проблемой: если делать блик на девайсе в виде png с прозрачной вырубкой (скажем, в виде телефона, в котором прорублено прозрачное окошко с бликом для картинок слайдера) и блок (<div>) с этим девайсом поместить над картинками (при помощи z-index), то ссылки (у каждой картинки в слайдере своя) работать не будут — ну, само собой: ведь png с телефоном наверху лежит. Если же положи…
0 votes6 answers -
2 div, под ними сверху полоса градиента
Суть в том, что у меня имеется два блока c содержимым, с ними все нормально, они встали рядом, конечно же при помощи float. Но есть проблема. Нужно под ними сделать градиент. Там стоит полоска градиента 1px и repeat-x. Когда у блоков center и right стоит Float, чтобы они стояли рядом градиент, установленный на общим div под ними не видно, Ниже градиента будет снова фон. Хочется сделать это используя минимум дополнительных блоков. Чего-то никак.. html - весь контент <div id="content-holder"> <div id="content"> <div id="center-content"> <h2 class="h2s">Заголовок Center</h2> </div> <div id="right-content">Right cont</div> &l…
0 votes2 answers -
выпадающее меню
как сделать, чтобы выпадающее меню залезало на слайдер, а то получается, что у меня слайдер налезает на меню, а не наоборот...
0 votes3 answers -
Ширина таблицы width+float
Вот не врубаюсь, вроде бы легкая задача, но реализовать не получается для таблицы: Есть левая и правая колонка (float). Левая колонка имеет всегда разную ширину, а правая колонка должна быть на всю ширину, которая осталась. С двумя div'ами все легко делается, а вот с дивом и таблицей.. Вот пример: http://jsfiddle.net/KQqDm/ Как сделать то же самое как там с div'ами, только с таблицой? Заранее спасибо.
0 votes4 answers -
Помогите пожалуйста с таблицей
Я только начал изучать веб-программирование, и у меня возникла небольша проблемка: как мне сделать таблицу с двумя столбцами делящие ее на пополам и первый столбец разделен на 4 строки? Плз помогите :-)
0 votes2 answers -
Выравнивание 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…
0 votes2 answers -
Проблема с WordPress
Создал новый шаблон, там изменил все на свой вкус. На одной странице (главная которая вторая) все работает как и задумывалось. А у второй как видите меню наехало на картинку и файл с главной страницей не удается обнаружить. Насиловал гугл по этой проблеме, что-то ничего толкового не пишут (или плохо искал) http://electricsmile.pavl1k.ru/?page_id=14
0 votes5 answers -
Помогите изменить ширину темы в Wordpress
Всем добрый день. Есть сайт на wordpress http://otkatka-spb.ru/. На него установлен шаблон Priimo. Никак не могу изменить ширину темы. По-идее, это должен быть wrapper в style.css, но никаких атрибутов width у него нет. Так же анализировал верстку через "проинспектировать элемент", все цифры ширины, которые я вылавливал не встречаются в css файлах темы (искал посиком через total commander на ftp). Помогите пожалуйста, заранее спасибо.
0 votes5 answers