HTML Coding

29,542 questions in this forum

1. СSS и селекторы

   Здравствуйте, хотелось бы узнать, может ли css выглядеть одной строкой? Опишу чуть подробнее, если открывать в блокноте с подсветкой синтаксиса, в данном случае, мне очень сложно разобраться, т.к. все в одну строку. (вперемешку). Пример ниже. Небольшой кусок кода. *{padding:0;margin:0;border:0}a{cursor:url("hand.cur")/*tpa=http://pworld.su/images/hand.cur*/, pointer;color:#f6d563;text-decoration:none}a:hover{color:#fff}input,textarea,select{font:8pt Arial;color:#aaa;border:1px solid #ccc;background:#fff}body{font:normal 13px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#F4E3B6;background:#000 url("body-bg.jpg")/*tpa=http://pworld.su/images/body-bg.jp…

   Asked by RuNexx, May 24, 2012

   0 votes
   8 answers
2. Подскажите что за шрифт на картинке

   Здравствуйте. Подскажите пожалуйста что за шрифт на картинке:

   Asked by Squidward, May 24, 2012

   0 votes
   5 answers
3. Как реализовать всплывающие подсказки

   Необходимо что бы для картинок по-умолчанию выводились всплывающая подсказка "текст 1". При нажатии на кнопку эта же всплывающая подсказка менялась на "текст 2". То есть, на страничке есть несколько картинок у которых при наведении всплывает "текст 1", внизу странички кнопка при нажатии меняет подсказку на "текст 2". как-то можно такое реализовать, желательно и для наведения и для клика по картинках.

   Asked by alleclf, May 24, 2012

   0 votes
   1 answer
4. посчитать высоту ячейки таблицы

   на странице фактическая высота ячейки .calendar tbody tr.up td такая. согласно css она должна быть такая непонятно как высчитывается высота ячейки. помогите пожалуйста разобраться

   Asked by cyklop77, May 23, 2012

   0 votes
   1 answer
5. Как сделать такое в форме

   Есть обычная html форма, в ней есть выпадающий список для выбора продукта. Как вывести еще один выпадающий список для выбора цвета выбранного продукта? Просто продукты разные и их цвета в наличии тоже. Спасибо!

   Asked by by_roxe, May 23, 2012

   0 votes
   2 answers
6. Legend

   Как сделать чтобы legend не заходила на рамку fieldset?

   Asked by Kenshi24, May 23, 2012

   0 votes
   1 answer
7. фильтр для yahoo почты

   на почте yahoo есть лишние элементы (поле справа и т.п.) Их можно удалять, подставляя свои значение стилям в файле Firefox (chrome/user-content.css) Такие скрипты есть на сайте userstyles.org. Но на yahoo что-то поменяли, поэтому сборная солянка из нескольких наборов перестала работать. Хорошо бы, если бы появились на форуме желающие создавать подобные фильтры для почты (на hotmail и google такие фильтры занимают гораздо меньше места и работают пока).

   Asked by Rilo, May 23, 2012

   0 votes
   0 answers
8. Проблему верстки в IE

   Здраствуйте!Я начинающий верстальщик)Создал сайт аниме тематики просмотрел сайт вробед как-то все показывает все нормально))Но осел и в африке осел))Вопрос почему каринку указанные в css коде не показывают в IE?))Заранее спсибо) Ссылка на сайт P.SДублировал тему так как старая находится где-то далеко,а решить эту проблему надо срочно..Ребят проблема действительно для не меня не выполнима..перепробывал все)плииз помогите!

   Asked by ELBegemotos, May 23, 2012

   0 votes
   4 answers
9. Footer

   Верстальщики! Помогите с footer(ам), при переходе на несуществующею страницу происходит следующее! Моя ссылка

   Asked by Intern, May 22, 2012

   0 votes
   4 answers
10. грязный фон

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

    Asked by cyklop77, May 23, 2012

    0 votes
    4 answers
11. Не работает селектор атрибутов в Safari 5

    Не работает селектор атрибутов "~" в Safari 5 на мобильном устройстве (iOs). Селектор целиком выглядит вот так .tabs > input.tab-selector-1:checked ~ div > div:nth-child(1){} При всем при этом, другой селектор той же категории "+" вполне переваривается. В чем может быть дело? Заранее признателен

    Asked by kich, May 23, 2012

    0 votes
    0 answers
12. оправданная избыточность?

    для макета сделал каркас. .main смещал вверх при помощи position: relative, пытался учитывать переполнение проблема в том, что код получился далеко не лаконичный для такого несложного макета, а значит скорее всего неправильный. профессионалы, скажите пожалуйста допустимо ли такое использовать в коммерческой работе? может быть стоило просто нарезать всё блоками и сложить в стопку? да и плашки растянутые на ширину экрана возможно тоже не к месту... в общем я в сомнениях, направьте пожалуйста ход мысли и покритикуйте подход...

    Asked by cyklop77, May 23, 2012

    0 votes
    0 answers
13. в IE глючит всплывающая форма

    Добрый день. Помогите разобраться, почему в IE здесь http://lucky-brand.ru/ при клике на "войти" в правом верхнем углу всплывающая форма отображается некорректно. В других браузерах все нормально

    Asked by Koroed, May 23, 2012

    0 votes
    0 answers
14. Как установить блок в правый верхний угол <body> ?

    Как установить блок в правый верхний угол <body> ? Это по клику у меня будет появляться блок в правом верхнем углу c сообщением. Подскажите какие CSS данные нужно добавить в <div></div> ? Оказывается по спешке написал вместо нуля букву "о" Вот решение <div class="alert alert-success" style="position:absolute; top:0px; right:0px"> <button class="close" data-dismiss="alert">?</button> Сообщение отправлено. </div>

    Asked by Krava, May 23, 2012

    0 votes
    1 answer
15. Вертикальное выравнивание текста

    Здрасте. У меня есть код цсс: body{ margin: 20px; } #logotext{ text-align: left; vertical-align: bottom; } #header{ background:#bdda7e; margin-bottom: 5px; width: 100%; height: 100px; border:1px solid #a4ce60; border-bottom:1.5px solid; } и код хтмл: ... <body> <div id="header"> <div id="logotext">PopStar</div> </div> <div id="leftcolumn"> ... скриншот. Вопрос: почему не происходить вертикальное позиционирование текста "PopStar"? В чем может быть проблема - не могу понять. Может кто разъяснить нюансы?

    Asked by xunicornx, May 23, 2012

    0 votes
    1 answer
16. @font-face

    Всем доброго времени суток. Проблема следующая описываю @font-face в css следующим образом: @font-face{ font-family:MyWebFont; src: url('fonts/variete-webfont.eot'); src: url('fonts/variete-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/variete-webfont.woff') format('woff'), url('fonts/Variete.ttf') format('truetype'), url('fonts/variete-webfont.svg') format('svg'); } для вложенных тегов типа #menu ul li a {fon-family: MyWebFont} шрифт не подключается для тега <a href="#">...</a> , если отдельно описать a{font-family:MyWebFont; } и в html разместить не вложенный тег <a href="#">.....</a>, то шрифт подключается, п…

    Asked by romanov, May 22, 2012

    0 votes
    0 answers
17. Умная резиновая верстка

    Доброе время суток. Здесь пример http://web-engineering.com.ua/layout/ Возмозжо ли чтобы правий блок с полосами имел min-width и при етом не сваливался вниз при уменшении окна? То есть, я хочу чтобы при сжатии окна до определенного размера ширина полос зафиксировалась и дальнейшее сжатие осуществлялось только за счет тескта. Если что то не так, извините. Всю недостающую информацию готов предоставить. Спасибо

    Asked by gonandriy, May 22, 2012

    0 votes
    7 answers
18. Как выровнять картинки по ширине?

    Имеется несколько картинок одинаковой высоты, мне нужно разместить их в диве шириной 1000px, таким образом, чтобы отступы автоматически формировались(что-то типа justify для текста). Возможно ли это сделать без Js ?

    Asked by marker, May 22, 2012

    0 votes
    3 answers
19. Не отображается картинка в шапке в IE, Опере

    Вот как выглядит шапка в firefox А в опере и в IE картинка пропадает. Вот код шапки <table border="0" cellpadding="0" cellspacing="0" width="100%" height="156" style="background:url('http:/site.ru/image/header2.gif');"> <tr> <td height="92" <img src="http://muzname.ucoz.ru/image/header.gif" border="0"></td> // Вот эта картинка не отображается <td width="221" height="92"><img src="http:/site.ru/image/6.gif" border="0"></td> <td width="266" height="92"><img src="http:/site.ru/image/7.gif" border="0"></td> </tr> <tr> <td height="64" style="background:url('http:/site.ru/image/8.gif');padding…

    Asked by Airogen, January 14, 2011

    0 votes
    4 answers
20. разделение картинки на зоны клика мышки

    здравствуйте ребята, посоветуйте. вот здесь: http://www.kr-molodegny.ru/1/planirovochnie_reshenija/ в правом нижней углу картинка раскладки этажей. мне нужно сделать то же самое. видно, что там при подведении курсора выделяется полоска этажа. посоветуйте, как рационально это сделать? думаю так: наложить на картику сетку из div(ов) ..или таблицу, которую потом разбить на зоны hover если честно, сама плохо понимаю, что говорю. посоветуйте, как приступить к исполнению этого дела? какой алгоритм действий может быть? спасибо

    Asked by Нusuf, May 22, 2012

    0 votes
    2 answers
21. Смещение текста в Мозиле

    Уже замучался, все перепробовал, но в мозиле текст ссылки смещен на один пиксель если сравнить с оперой!В чем может быть проблема? Показываю на фото как это выглядит.. Сама верстка находится по этому адресу: http://www.filipenkov.com/works/okkervil/ Подскажите, как можно исправить, не использую хаки!

    Asked by genyfild, May 22, 2012

    0 votes
    7 answers
22. Резиновый сайт с фиксированным сайдбаром

    Не получается тольком сделать сайт с фиксированной шириной сайдбара и резиновым контентом. К примеру родительский блок 100%, сайдбар 300 пикселей, а контент в чем измерять ?

    Asked by kpripper, May 22, 2012

    0 votes
    3 answers
23. Скругленные уголки

    Скажите, если в psd макете у элементов присутствуют скругленные уголки, как их вырезать для того, чтобы сверстать макет и нужно ли их вырезать вообще?

    Asked by Heidel, May 22, 2012

    0 votes
    5 answers
24. способ вёрстки - помогите понять

    здравствуйте ребята, помогите понять, вот на этом сайте: http://www.kr-molodegny.ru/1/planirovochnie_reshenija/ каким способом сделана картинка (в правом нижнем углу) с функцией перехода по этажам и показом выбранного этажа? флэш? или сss2? или css3? или ещё что-то? Как это сделано? и также вопрос по кнопкам навигации - они на чём сделаны? на css3 или на js ? спасибо

    Asked by Нusuf, May 22, 2012

    0 votes
    4 answers
25. выравнивание абсолютно позиционированного блока по центру

    Здравствуйте! Есть логотип, размером 300 на 100, неровной формы gif без фона, который должен размещаться по верх верстки шапки ровно по центру страницы. Я его разместил следующим образом: <div class='logo'><a href='#'><img src='/img/logo.gif'></a> div.logo {position: absolute; top: 12px; width: 100%; text-align: center;} И все бы ничего, но под 100% ширины слоем оказались ссылки, которые находятся на одной горизонтальной линии с логотипом, слева от него. В IE ссылки работают, а вот в хроме и мазиле нет, т.к. оказались под слоем. Как сделать слой шириной не 100% а 300px и разместить его по центру. В идеале параметр left: 50% - 150px Либо вообще н…

    Asked by fiver, May 22, 2012

    0 votes
    6 answers