HTML Coding

29542 questions in this forum

1. Описание ссылки стилем

   спрашиваю, потому что не нашел в источниках... конечно, может плохо искал... вопрос по ссылкам... как описать в стиле самой ссылки появление подчеркивания при наведении на нее курсора мыши??? <a style="color: #ffffff; text-decoration: none; outline: none;" href="page.php">страница</a> как пример...

   Asked by blackman-st, March 16, 2009

   0 votes
   5 answers
2. Отступ у списка

   Добрый день. Столкнулся с трудностью при вёрстке и не могу сообразить, как разрешить ситуацию. Выкладываю кусочек текста, надеюсь, описал пробему понятно. <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>Комплекс априорной бисексуальности имеет элитарный цвет, однако само по себе состояние игры всегда амбивалентно. Подобный исследовательский подход к проблемам художественной типологии можно обнаружить у К.Фосслера - ролевое поведение, на первый взгляд, выстраивает символический метафоризм, таким образо…

   Asked by iddqd, October 6, 2009

   0 votes
   3 answers
3. 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…

   Asked by erange, January 4, 2011

   0 votes
   2 answers
4. пОзиционирование в шаблоне.

   Я занимаюсь версткой шаблона, но не совсем понимаю одну вещь. Я задал в ксс: 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> Но почему то все блоки друг под другом выставляются. Подскажите в чем проблема?

   Asked by htmlonline, January 18, 2011

   0 votes
   7 answers
5. onClick

   Когда инпут расположен между тегами <form> онклик не работает (почемуто) а когда просто без тега форм все работает как сделать чтоб онклик работал в тегах форм?

   Asked by T@NKIST, May 11, 2011

   0 votes
   5 answers
6. Вопросик по семантике

   Будет ли очень плохо использовать для лого background, а не img? Моя ситуация требует background, вот только сильно ли это плохо?

   Asked by vikusik, July 3, 2011

   0 votes
   5 answers
7. position

   Здравствуйте. Мне 2-3 года увлечение Вебом не хватило, чтобы понять что делает position. Я старался. Я даже использую это в вёрстке, но всё равно не понимаю. Что делает absolute, я боле мене понимаю. А вот relative: "relative Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения. " Вот что значит "исходное место"? А вот static: "static Элементы отображаются как обычно. Использование свойств left, top, right и bottom не приводит к каким-либо результатам." Зачем он вообще тогда нужен? Помогите разобраться то уже наконец…

   Asked by prowoke, January 18, 2012

   0 votes
   9 answers
8. Как сделать, чтобы картинка в шапке менялась

   Подскажите как сделать, чтобы картинка в шапке менялась при переходе со страницы на страницу. Допустим у меня три картинки (header.jpg, header2.jpg, header3.jpg), куда и какой внести код чтобы они по порядку сменяли друг друга? Если это важно, то тема "Selalu".

   Asked by seer333, January 29, 2012

   0 votes
   4 answers
9. Текст внутри формы

   Здраствуйте знатоки. Стоит такая задача нужно внутри формы поиска изменить текст не прибегая к 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…

   Asked by Max_Sheva, February 21, 2012

   0 votes
   2 answers
10. Натолкните на нужный путь

    На этом сайте мне понравилась основная часть. Собственно, вопрос, как сделать такую обводку (на сайте она зелёная) у таблицы?

    Asked by Immortal, April 23, 2012

    0 votes
    8 answers
11. 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>

    Asked by paseonru, October 29, 2012

    0 votes
    6 answers
12. Не могу найти, какой элемент распирает страницу в высоту

    http://spman.detecto-shop.ru/ внизу страницы, за подвалом уже - белое пустое место. пропадает при удалении главного меню class="mm" понимаю что из-за содержимого меню происходит растяжение, но вычленить не могу. Посмотрите свежим взглядом пожалуйста. P.S. На кол-во верхних (корневых) пунктов в меню внимания не обращаем, это тестовый сайт, с утра только что сделали выгрузку из базы, пункты приведем в порядок.

    Asked by d0ublezer0, September 27, 2013

    0 votes
    2 answers
13. Как сделать текст под картинкой ?

    Вот моя верстка начатая. http://jsfiddle.net/66Pgf/ правда тама картинки не показаны, но я поставил бордер чтобы видно было границы картинок. Так вот мне нужно чтобы текст был снизу под картинками, как тут http://radikale.ru/data/upload/c2184/04012/77f6865eba.png помогите разобраться.

    Asked by WEB-best, December 10, 2013

    0 votes
    4 answers
14. Иконки

    Здравствуйте всем. Есть такой вопрос: вот все говорят что изображения на сайте надо разделить по назначению: для оформления и картинки со смыслами, то есть имеющие отношения к содержимому сайта. И рекомендуют последних взять в тег <img>, а те что для оформления задавать строго в background. Иконки нужны для оформления, соответсвенно их берем в фон. Но иногда иконки являются ссылками, кнопками и т.п. Как им задаем эти ссылки если они в background?

    Asked by modfop, July 29, 2014

    0 votes
    6 answers
15. Несоответствия результата и psd-исходника

    Всем привет. Ознакомившись с азами, взялся верстать простенький макет, скачанный из Сети. Однако столкнулся с неожиданными проблемами, причем, не каким-тот там позиционированием, а с несоответствием psd-макета и результата. Итак, скрин PSD-макета: Теперь скрин из браузера: Фон задавал как обычно: дефолтный + url картинки. Но… В точке 1 обозначил ступенчатый переход, он виднеется по периметру с двух сторон, где картинка накладывается на фон. При этом, на макете не нашел ни градиентов, ни дополнительных фонов. Цвета, естесно, копировал, а не на глаз. Я понимаю, что он из-за перепада цветов, но почему ж эт…

    Asked by Raritet, January 27, 2017

    0 votes
    2 answers
16. Ломанная линия на flex (мозаичная верстка)

    Привет. Друзья, подскажите пожалуйста, как сверстать вот такую сетку на флексах, чтобы блоки нижнего ряда прилипали к блокам верхнего (типа мозаичная верстка). Применил align-items:flex-start, думал что сработает, но нет...

    Asked by Yurii.Vovchuk, December 31, 2019

    • flex
    • flexbox
    • mosaic
    0 votes
    0 answers
17. Подскажите....

    Меня интересует такой момент... Предположим, с сайта, на клиентскую машину грузится некая html-страничка, использущая правила css, внедр?нные в блок заголовка. Так вот вопрос: когда будут применяться стили для отображения страницы: 1) уже в процессе загрузки страницы или 2) только после е? полной загрузки браузером?

    Asked by Udauken, February 16, 2008

    0 votes
    3 answers
18. про хаки

    вопрос такой создал таблицу <!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> ну так вот все заметили что одна ячейка кр…

    Asked by Kain, April 15, 2008

    0 votes
    2 answers
19. Help me!

    Люди вразумите меня не разумного!! хочу сделать такую штуку, что бы на странице набираешь текст жмёшь на кнопку и этот текст уходил на заранее заданное "мыло" но так как я только начал изучение HTML то не знаю как это можно сделать и возможно ли вообще такое реализовать?! Подскажите пожалуйста или дайте ссылку где можно про это почитать.

    Asked by stud, February 1, 2009

    0 votes
    2 answers
20. Выравнивание слоя по центру

    Прочитал в этой статье про выравнивание страницы по центру, однако, для того чтобы сохранить статическую ширину подходит только один вариант <style type="text/css"> #centerLayer { width: 400px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background: #fc0; /* Цвет фона */ padding: 10px; /* Поля вокруг текста */ text-align: left; /* Выравнивание содержимого слоя по левому краю */ } </style> Всё хорошо, только как сделать чтобы этот код работал в IE?

    Asked by Flex, April 25, 2009

    0 votes
    3 answers
21. Google "не знает" или как я не нашел ответа.

    Друзья, доброго времени суток! Возникла проблема в изменеи шрифтов и их размера, а так же - как изменить положение на страничке какого либо "слова" или "окошка" (а конкретней - как задать расположение на странице "поиск и около него окошка"? И как построить или создать рамку, чтобы в ней находилмся например уже созданый календарь или Мини чат. Вот адрес http://el-music.do.am/

    Asked by Mihan.NN, February 5, 2010

    0 votes
    5 answers
22. IE7 - scrollLeft, лишний сдвиг

    При перемотке картин они начинают сползать. Не получается найти закономерность сдвига, добавляю пиксели - сползает в другую сторону. В других браузерах кроме IE7 все нормально. Заметил что между DIV-ом и таблицей появляется расстояние. (между #image-window и #picture_item) Может нужно обнулить где-то что-то? Вот ссылка на сайт Заранее благодарен за любую помощь.

    Asked by Pumych, July 5, 2011

    0 votes
    11 answers
23. Выравнивание текста по вертикали

    Добрый день, у меня проблема с выравниванием текста пишу так display: table-cell ; vertical-align: middle; текст выравнивается, но у меня становится 2 ячейки которые идут горизонтально,а мне надо чтоб одна была под другой, и никак не могу это исправить

    Asked by Empty!, October 11, 2011

    0 votes
    4 answers
24. Background-image

    Дано: ссылка, стилизованная под кнопку, может иметь разную высоту Задача: для каждого из четырех состояний(link, hover, active, disable) нужно наложить фоновую картинку. Решение в лоб: для каждого состояния прописать background с repeat-x и прочими необходимыми параметрами, но есть минус - 4 http-запроса для каждой картинки. И еще проблема в том, что в качестве фона используется не линейный градиент, два градиента с пересечением по середине. Ну и соответственно это пересечение и должно быть по середине кнопки. Возможно ли решить проблему с помощью этого спрайта?

    Asked by IIAIIIA, March 31, 2012

    0 votes
    6 answers
25. Программа, которая позволяет сразу расставить маргины, паддинги и т.д.

    Подскажите как называется программа, которая позволяет сразу расставить маргины, паддинги и т.д. Где-то здесь на форуме читал упоминание. Подготовка макета перед нарезкой его на картинки.

    Asked by jomcat, May 29, 2012

    0 votes
    5 answers