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
-
Описание ссылки стилем
спрашиваю, потому что не нашел в источниках... конечно, может плохо искал... вопрос по ссылкам... как описать в стиле самой ссылки появление подчеркивания при наведении на нее курсора мыши??? <a style="color: #ffffff; text-decoration: none; outline: none;" href="page.php">страница</a> как пример...
0 votes5 answers -
Отступ у списка
Добрый день. Столкнулся с трудностью при вёрстке и не могу сообразить, как разрешить ситуацию. Выкладываю кусочек текста, надеюсь, описал пробему понятно. <div style="overflow: hidden; margin-bottom: 40px;"> <img style="float: left; margin: 0 20px 20px 0;" src="/img/27c2de2.jpg" alt="style='float:left; margin-right:20px;'" width="300" height="485" /> <p>Комплекс априорной бисексуальности имеет элитарный цвет, однако само по себе состояние игры всегда амбивалентно. Подобный исследовательский подход к проблемам художественной типологии можно обнаружить у К.Фосслера - ролевое поведение, на первый взгляд, выстраивает символический метафоризм, таким образо…
0 votes3 answers -
css вертикальное меню
Здравствуйте! проблема в том, что третий уровень открывается с верху, а не напротив кнопки, которая его открывает CSS: #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; display:inline-block; z-index:1; } #nav a:link, #nav a:active, #nav a:visited{ outline:none; display:block; padding:0px 5px; border:1px solid #333; color:#fff; text-decoration:none; background-color:#333; } #nav a:hover{ background-color:#fff; color:#333; } #nav li{ float:none; position:relative; width:180px; } #nav ul{ margin-left:10px; margin-top:-10px; position:absolute; width:12em; top:1.5em; dis…
0 votes2 answers -
пОзиционирование в шаблоне.
Я занимаюсь версткой шаблона, но не совсем понимаю одну вещь. Я задал в ксс: div.header {margin-top:0%; height:20%} div.rightcolumn {margin-right:0%; margin-top:20%;width:20%} div.content {margin-top:20%; margin-right:20%;width:60%} div.leftcolumn{margin-left:0%;margin-top:20%; width:20%} Это в body вставил: <div class="header"> </div> <div class="leftcolumn"> </div> <div class="content"> </div> <div class="rightcolumn"> </div> Но почему то все блоки друг под другом выставляются. Подскажите в чем проблема?
0 votes7 answers -
onClick
Когда инпут расположен между тегами <form> онклик не работает (почемуто) а когда просто без тега форм все работает как сделать чтоб онклик работал в тегах форм?
0 votes5 answers -
Вопросик по семантике
Будет ли очень плохо использовать для лого background, а не img? Моя ситуация требует background, вот только сильно ли это плохо?
0 votes5 answers -
position
Здравствуйте. Мне 2-3 года увлечение Вебом не хватило, чтобы понять что делает position. Я старался. Я даже использую это в вёрстке, но всё равно не понимаю. Что делает absolute, я боле мене понимаю. А вот relative: "relative Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения. " Вот что значит "исходное место"? А вот static: "static Элементы отображаются как обычно. Использование свойств left, top, right и bottom не приводит к каким-либо результатам." Зачем он вообще тогда нужен? Помогите разобраться то уже наконец…
0 votes9 answers -
Как сделать, чтобы картинка в шапке менялась
Подскажите как сделать, чтобы картинка в шапке менялась при переходе со страницы на страницу. Допустим у меня три картинки (header.jpg, header2.jpg, header3.jpg), куда и какой внести код чтобы они по порядку сменяли друг друга? Если это важно, то тема "Selalu".
0 votes4 answers -
Текст внутри формы
Здраствуйте знатоки. Стоит такая задача нужно внутри формы поиска изменить текст не прибегая к JS. Все ничего но проблема в том что нужно два варианта: Первое серый текст атрибута placeholder должен остатса серым ; Второе когда user вводит или уже ввел текст поиска он должин быть чорным; Я новичок работаю только 2 месяца поетому не судите строго если вопрос очень простой но я не всилах разобратса сам. Код формы такой: <div id="search"> <form action="/search/index.html" method="get"> <input class="text" placeholder="поиск по товарам и брендам" type="text" value="" name="query" id="query" /> <input class="search-button" name…
0 votes2 answers -
Натолкните на нужный путь
На этом сайте мне понравилась основная часть. Собственно, вопрос, как сделать такую обводку (на сайте она зелёная) у таблицы?
0 votes8 answers -
Click в jquery
Привет!!! Помогите разобраться. Почему в jquery не срабатывает click() $("#click").click(function() { $("#block").slideToggle(2000); }); <a href="#" id="click">Ckuck here</a> <div id="block" style="width:500px; padding:40px; background:#f6f6f6;"> <p>block</p> </div>
0 votes6 answers -
Не могу найти, какой элемент распирает страницу в высоту
http://spman.detecto-shop.ru/ внизу страницы, за подвалом уже - белое пустое место. пропадает при удалении главного меню class="mm" понимаю что из-за содержимого меню происходит растяжение, но вычленить не могу. Посмотрите свежим взглядом пожалуйста. P.S. На кол-во верхних (корневых) пунктов в меню внимания не обращаем, это тестовый сайт, с утра только что сделали выгрузку из базы, пункты приведем в порядок.
0 votes2 answers -
Как сделать текст под картинкой ?
Вот моя верстка начатая. http://jsfiddle.net/66Pgf/ правда тама картинки не показаны, но я поставил бордер чтобы видно было границы картинок. Так вот мне нужно чтобы текст был снизу под картинками, как тут http://radikale.ru/data/upload/c2184/04012/77f6865eba.png помогите разобраться.
0 votes4 answers -
Иконки
Здравствуйте всем. Есть такой вопрос: вот все говорят что изображения на сайте надо разделить по назначению: для оформления и картинки со смыслами, то есть имеющие отношения к содержимому сайта. И рекомендуют последних взять в тег <img>, а те что для оформления задавать строго в background. Иконки нужны для оформления, соответсвенно их берем в фон. Но иногда иконки являются ссылками, кнопками и т.п. Как им задаем эти ссылки если они в background?
0 votes6 answers -
Несоответствия результата и psd-исходника
Всем привет. Ознакомившись с азами, взялся верстать простенький макет, скачанный из Сети. Однако столкнулся с неожиданными проблемами, причем, не каким-тот там позиционированием, а с несоответствием psd-макета и результата. Итак, скрин PSD-макета: Теперь скрин из браузера: Фон задавал как обычно: дефолтный + url картинки. Но… В точке 1 обозначил ступенчатый переход, он виднеется по периметру с двух сторон, где картинка накладывается на фон. При этом, на макете не нашел ни градиентов, ни дополнительных фонов. Цвета, естесно, копировал, а не на глаз. Я понимаю, что он из-за перепада цветов, но почему ж эт…
0 votes2 answers -
Ломанная линия на flex (мозаичная верстка)
Привет. Друзья, подскажите пожалуйста, как сверстать вот такую сетку на флексах, чтобы блоки нижнего ряда прилипали к блокам верхнего (типа мозаичная верстка). Применил align-items:flex-start, думал что сработает, но нет...
0 votes0 answers -
Подскажите....
Меня интересует такой момент... Предположим, с сайта, на клиентскую машину грузится некая html-страничка, использущая правила css, внедр?нные в блок заголовка. Так вот вопрос: когда будут применяться стили для отображения страницы: 1) уже в процессе загрузки страницы или 2) только после е? полной загрузки браузером?
0 votes3 answers -
про хаки
вопрос такой создал таблицу <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Несколько таблиц</title> </head> <body> <table border="1" width="50%" cellpadding="5" align="left"> <tr > <td BORDERCOLOR="red"> 1k </td> <td> 2k </td> <td> 3k </td> </tr> <tr> <td> 4k </td> <td> 5k </td> <td> 6k </td> </tr> <tr> <td></td> <td> 7k </td> <td></td> </tr> </table> </body> </html> ну так вот все заметили что одна ячейка кр…
0 votes2 answers -
Help me!
Люди вразумите меня не разумного!! хочу сделать такую штуку, что бы на странице набираешь текст жмёшь на кнопку и этот текст уходил на заранее заданное "мыло" но так как я только начал изучение HTML то не знаю как это можно сделать и возможно ли вообще такое реализовать?! Подскажите пожалуйста или дайте ссылку где можно про это почитать.
0 votes2 answers -
Выравнивание слоя по центру
Прочитал в этой статье про выравнивание страницы по центру, однако, для того чтобы сохранить статическую ширину подходит только один вариант <style type="text/css"> #centerLayer { width: 400px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background: #fc0; /* Цвет фона */ padding: 10px; /* Поля вокруг текста */ text-align: left; /* Выравнивание содержимого слоя по левому краю */ } </style> Всё хорошо, только как сделать чтобы этот код работал в IE?
0 votes3 answers -
Google "не знает" или как я не нашел ответа.
Друзья, доброго времени суток! Возникла проблема в изменеи шрифтов и их размера, а так же - как изменить положение на страничке какого либо "слова" или "окошка" (а конкретней - как задать расположение на странице "поиск и около него окошка"? И как построить или создать рамку, чтобы в ней находилмся например уже созданый календарь или Мини чат. Вот адрес http://el-music.do.am/
0 votes5 answers -
IE7 - scrollLeft, лишний сдвиг
При перемотке картин они начинают сползать. Не получается найти закономерность сдвига, добавляю пиксели - сползает в другую сторону. В других браузерах кроме IE7 все нормально. Заметил что между DIV-ом и таблицей появляется расстояние. (между #image-window и #picture_item) Может нужно обнулить где-то что-то? Вот ссылка на сайт Заранее благодарен за любую помощь.
0 votes11 answers -
Выравнивание текста по вертикали
Добрый день, у меня проблема с выравниванием текста пишу так display: table-cell ; vertical-align: middle; текст выравнивается, но у меня становится 2 ячейки которые идут горизонтально,а мне надо чтоб одна была под другой, и никак не могу это исправить
0 votes4 answers -
Background-image
Дано: ссылка, стилизованная под кнопку, может иметь разную высоту Задача: для каждого из четырех состояний(link, hover, active, disable) нужно наложить фоновую картинку. Решение в лоб: для каждого состояния прописать background с repeat-x и прочими необходимыми параметрами, но есть минус - 4 http-запроса для каждой картинки. И еще проблема в том, что в качестве фона используется не линейный градиент, два градиента с пересечением по середине. Ну и соответственно это пересечение и должно быть по середине кнопки. Возможно ли решить проблему с помощью этого спрайта?
0 votes6 answers -
Программа, которая позволяет сразу расставить маргины, паддинги и т.д.
Подскажите как называется программа, которая позволяет сразу расставить маргины, паддинги и т.д. Где-то здесь на форуме читал упоминание. Подготовка макета перед нарезкой его на картинки.
0 votes5 answers