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
-
помогите вырезать рисунок с тень из PSD
Доброе время суток, Господа. Я обычно выризаю рисунки из PSD следующим путем: Выбираю нужный рисунок при помощи Move Tool. В графе слоев мне фотошоп сразу показывает нужный слой. Зажимая Ctrl+A и дважды кликая на указаный слой, необходимый мне элемент выдиляется. Ну а дальше по накатаной Ctrl+С и создаю новый файл и вставляю в него скопированый придмет. Так я делал до тех пор пока не столкнулся с рисунком у котого есть тень и которая ни как не выделяется... (в частности файл с которым я играюсь находится на divhack.com Уровень 3 "Рисунок с растением на ладони" ) Подскажите плз как правильно такой рисунок вырезать. Так же прошу надоумить как из этого же файла вырезать тре…
0 votes8 answers -
Меню на сайте билайна
Не могу разобраться, как собрано меню на сайте билайна http://mobile.beeline.ru/msk/index.wbp Скопировала стили и часть html, но локально выпадающие пункты не работают (в смысле не выпадают), и пунктики меню не подсвечиваются при наведении мышкой. Из оригинала на странице убрала все скрипты (через Inspect Element), оставила только часть с меню, там работает...
0 votes7 answers -
Активный пункт меню.
Добрый день, Ув. Форумчанены. Я у Вас новичек, но много полезной информации увидил на форуме. Вот решил создать сайт дял автосервиса и столкнулся с такой проблемой. Сделал я меню картинками, т.к знакомый так попросил. Задача была такая: Поставить активный пукнт меню второй картинкой. Я думал это мелочи жизни, т.к на подобии кодом .актив ставил много раз. Начал делать менюшку, с ховером всё отлично получилось при наведении пункт меню меняет. Но при клике, ни чего. +( Может кто посоветует что либо?! Ссылка на сайт тут Код меню: <div id="menu"> <ul> <?php if ($multi_lang == '') { echo ' <li><a class="onas" href="./?page=onas" '.($page=='o…
0 votes3 answers -
Hover
Есть блок он меняет свой фон при наведении также есть кнопка которая должна изменить фон свой при наведении на блок. Как правильно реализовать такое? http://jsfiddle.net/4uPDE/
0 votes8 answers -
Как лучше сверстать?
Есть такое задание 3 блока фиксированной ширины, первый и третий плотно прижимаются к бокам родительского блока. У всех троих ширина одинаковая. Внутри этих блоков будет располагаться контент нескольких форм, как нарисовано, только вот их очередность хаотичная как и нарисовано. Вот теперь сижу думаю, делать все таки 3 колонки, или не стоит? Потом не трудно будет добавить контент в разные блоки через cms? На данный момент дал первому float:left; второму float:right; а тот что посередине задал margin по бокам, родителю добавил clearfix, колонки стоят. Какие еще варианты есть для оформления данного типа страниц?
0 votes5 answers -
Баги в стилях слайдера
Добрый день помогите найти причину почему слайдер так отображается, у главной секции стоит беграунд, а все внутренние блоки должны находиться внутри блока bx-viewport. Пытаюсь сделать через позицию абсолют, но ничего не выходит. + слайдер режит высоту картинки, ставлю высоту как надо через important , не помогает. Помогите отстроить правильно слайдер. спасибо Вот сслыка
0 votes14 answers -
Связка дыух блоков - div и span псевдоклассом hover
Здравствуйте! Есть код типа: HTML: <div class="class_1"> <span></span></div>CSS: .class_1 {display: block;width: 40px;height: 40px;background-color: #2b2b2b;}.class_1:hover {background-color: #000000;cursor: pointer;}.class_1 span {display: block;width: 20px;height: 20px;float: right;margin-top: 10px;margin-bottom: 10px;background-color: #aaaaaa;}.class_1 span:hover {background-color: #ffffff;cursor: pointer;}Для наглядности http://jsfiddle.net/3bbb980k/ Как можно сделать, чтобы при наведении на родительский div выполнялся свой hover и у div, и у дочернего span?
0 votes8 answers -
Выбор данных из анкеты и занесение на страницу
всем привет) подскажите,пожалуйста, как сделать(запрограммировать)... есть анкета, она открывается в модальном окне, данные в анкете не меняются http://prntscr.com/bw0orj как сделать так,чтобы при выборе данных в анкете(чекнутые чекбоксы) и при нажатии на кнопку Сохранить, данные отображались на основной странице(данные-это текст рядом с чекбоксом), причём порядок построения был такой же как в анкете. Может,кто такое делал или есть готовый пример
0 votes7 answers -
Стандартный title
Здравствуйте, помогите пожалуйста избавиться от стандартной всплывающей подсказки. Есть блок в котором при наведении я реализовал вывод подсказки, но он показывает их сразу две, ту что я сделал и ту которая идет стандартной от браузера. Вот код моей подсказки .tooltips{ display: inline; position: relative; } .tooltips:hover:after{ background: #767E9E80; border-radius: 5px; bottom: 15%; color: #fff; content: attr(title); left: 10%; padding: 5px 15px; position: absolute; z-index: 98; width: auto; text-align: center; } .tooltips:hover:before{ border: solid; …
0 votes2 answers -
Табличная верстка
Помогите решить проблему, не могу в ячейке td с помощью float разместить 2 блока <p> внутри которых картинка заголовок и абзац, один <p> стает нормально второй не хочет. как это возможно решить?
0 votes3 answers -
Проблема с bower
Когда пишу bower i jquery Выдает вот это bower EINVALID name must be lowercase, can contain digit , dots,dahes "@" or spaces
0 votes1 answer -
колонки одинаковой высоты
Всем привет ! Подскажите как сверстать страницу что-бы колонки были одинаковой высоты ? Напримере: body { margin:2em; padding:0; background: #000000; font-family: Arial, Helvetica, sans-serif; font-size:12px; } a { color:#cc0000; text-decoration:underline; } a:hover { color:#000000; text-decoration:none; } blockquote { margin:2em; padding:1.9em; font-weight: bold; font-size: 12px; color: white; background-color:#000000; border-top:4px solid #FEED91; border-bottom:4px solid #FEED91; } blockquote p { margin:.1em; } #header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; /* CHANGED */ background: #343434 url('header.jpg') no-repeat top left; border:0px solid …
0 votes1 answer -
меню в DIV-E
Добрый день . может мой вопрос покажется слишком простым но все же прошу ответить! Подскажите как реализовать в DIV-E что бы бекграунд заменялся на картинку в определенном участке! все это надо сделать через html, css спасибо за ответ!
0 votes3 answers -
помогите найти примеры модульных сеткок сайта
помогите найти примеры модульных сеткок сайта. (например (1,2,3 колончный каркасы)) чем их больше будет, тем лушче
0 votes5 answers -
Изменение чего либо по какому либо событию
Подскажите пожалуйста, как мне изменить размеры таблицы по нажатию на кнопку, используя язык JavaScript.
0 votes11 answers -
Помогите с таблицей
Вставил в <td> картинку - появились отступы где-то в 10px. Прижимается к левому краю, с помощью vertical-align:bottom; прижал к низу, а как быть с верхом? Причём высота у td задана. Код HTML: <tr> <td height="120" width="auto" colspan="3" class="footer"> <div align="left"> <img src="img-hair/bg_footer.jpg"> </div> </td> </tr> И CSS: .footer{ position:fixed bottom; background-image:url(img-hair/bg_footer.jpg); background-repeat:no-repeat; background-position:bottom right; margin:0px; padding:0px; vertical-align:bottom; } Очень нужна помощь. И как можно скорее.
0 votes8 answers -
Всплывающее меню
Доброго времени суток! Собственно стоит задача таким образом, у меня есть своего рода блок, наводя на него курсор, производиться замена изображения, а также к этому блоку прикручено UL меню. Меня интересует следующее: Как сделать так, что бы при наведение курсора мыши на всплывающее меню, картинка ":hover" из маин блока не пропадала до тех пор, пока я не уберу курсор за пределы блока и меню ? .pravo { background: url(../images/b1.png); display: block; width: 322px; height: 142px; } .pravo:hover { background: url(../images/pravo.png); } #menu1{ list-style:none; padding:0; margin:0; } #menu1 li{ float:left; position:relative; } #menu1 …
0 votes6 answers -
Прошу совета по верстке
Привет, ребят! Пришел макет от дизайнера. Всё бы ничего, но я в растерянности. Совершенно не представляю, как добавить декоративный элемент - кольца, те что от дива к диву на картинки. Все идеи, что пришли на ум - абсолютное позиционирование - отмёл, слишком неудобно; и вариант - сделать background-image по краям дивов, как бы псевдо-промежуток между блоками - не уверен в его состоятельности. Подскажите идеи, как осуществить, т.к. сам еще не сталкивался с такой задачей! Заранее спасибо!
0 votes4 answers -
Вопрос новичка по Photoshop
Здравствуйте. Имеется небольшая проблема. При работе в макете, когда нужно узнать свойства текста, я перехожу в инструмент "Текст". Но когда необходимо подряд узнать свойства теста разных боксов макета, я не могу это сделать. То есть, мне приходится опять переключаться на инструмент "Перемещение", затем снова активировать "Текст" и уже потом выделять текст в боксе. И так каждый раз, до бесконечности. Уверен, что делаю не правильно. Подскажите, как правильно работать? Кажется, не совсем ясно выразил свою мысль, поэтому сделал маленькое видео, показывающее мои "мучения": http://zalil.ru/33654733
0 votes2 answers -
Div при наличии max-width все равно расползается.
Ребят,помогите новичку. Очень тупо получается как-то.Почему у меня блок layout при заданном max-width все равно дальше расползается?header и footer при заданным max-width дальше не расползаются,а этот расползается. Вот что у меня получается:
0 votes5 answers -
Какую цель приследуют вставляя в футер сайта копирайт?
На ВСЕХ сайтах вижу в футере однотипную строчку со значком копирайта,например: © 2010-2013 Все права защищены И подобное на всех сайтах,причем в 95% случаев данная надпись не кликабельна,это просто текст и все.Для чего все впихивают все?для вида?Или это тенденция аля "все так делают,так может и мне нужно". А если какието "права на сайт защищены" то как это узнать?Гугл все смутно разьяснил,толковой статьи об этом без лишних слов я не нашел,может здесь раскажут...
0 votes7 answers -
Альтернативный вариант верстки секции
Добрый вечер, ребят. Нужно было сверстать секцию(см. картинку). Долго думал как вот это вот все можно реализовать и таки набросал черновой вариант. Собственно у меня вопрос: можно ли это сверстать как-то попроще ? Ну и в дополнение к вопросу, кому не сложно, можете оценить верстку?
0 votes5 answers -
Размещение блоков
Помогите решить вот такую проблемку: CSS - код @charset "utf-8"; /* CSS Document */ body { background-color:#FFF; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; } /*Бокс 1*/ div.h1 { margin: 10px; padding:35px; background-image:url(../img/Log_in.jpg); width:230px; } .ot_l {margin-top:3px; margin-bottom:3px; margin-left:8px;} .ot_p {margin-top:3px; margin-bottom:3px; margin-left:3px;} .f_1 {font:Verdana, Geneva, sans-serif; font-size: 11px;} /*Бокс 2*/ div.h2 { margin:10px; width:300px; height:150px; background-image:url(../img/Log_in.jpg); position:absolute; right:10px; top: 60px; } PHP - код <body> <table width="…
0 votes3 answers -
Проблема с firefox с www и без разные стили
Нормально как и должно быть - http://www.stockvest.ru/ а без www весь контент, дивы, баннеры все в уменьшенном виде - http://stockvest.ru/ Проблема только в firefox(обновлял не помогло), в опере, хром и ei все нормально. Не пойму что за бред. Может это у меня firefox тупит.
0 votes3 answers -
Помогите советом, что в коде div верстки для юкоз не так?
index <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>[TITLE]</title> <meta name="title" content="" /> <meta name="keywords" content="" /> <?$META_DESCRIPTION$?> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <link rel="icon" href="img/icon.gif" type="image/x-icon"> <link rel="shortcut icon" href="img/icon.gif" type="image/x-icon"> </head> $ADMIN_BAR…
0 votes0 answers