HTML Coding

29542 questions in this forum

1. Проблемы с позиционированием основного div

   Очень прошу помочь. Фон - цвет, на нем div блок (на котором и располагается вся информация) - это картинка размером 1600х1200px, она находится по центру. При просмотре сайта на меньших разрешениях монитора, картинку, в зависимости от разрешения, начинает обрезать, а приближение ведется к левому верхнему краю самой картинки. Вопрос в том что я хочу чтобы при приближении (или просмотре сайта на маленьком разрешении монитора) картинка бы обрезалась слева и справа (т.е. приближение велось на к краю картинки, а прямо к её центру), т.к. вся информация закреплена по центру этой картинки.Как это сделать? Вот CSS body { background-color:#000; margin:0px; padding:0px} .fon { wid…

   Asked by Hum9k, February 18, 2012

   0 votes
   4 answers
2. Как сделать, чтобы цвет маркеров в списке отличался от цвета текста? Без спана. Без картинок.

   Знаю, что знатоки любят головоломки по верстке, поэтому предлагаю вот такую задачку, которую сегодня пришлось решать. И, что порадовало и удивило, успешно) Чтобы все было по честному, результат будет сделан картинкой (чтобы не повадно было посмотреть css), html-код я прикладываю. Итак, есть такая статья «Как сделать, чтобы цвет маркеров в списке отличался от цвета текста?», там предложен способ с тэгом span. А можно ли добиться того же эффекта без спана? И, естественно, без картинок, чистым css? Что скажете? В общем, предлагаю подумать над css. Уверен, что решение будет в ближайшие пару часов. Если нет, тогда поделюсь своим, которое, имхо, вполне удачное. Просто очень ин…

   Asked by provoloka, August 26, 2012

   0 votes
   5 answers
3. проблема с меню на wp

   Доброго времени суток! Раньше делал статичные сайты и не заморачивался, а вот тут вдруг решил освоить верстку на wp, и вдруг возникла проблема. Как можно сделать выделение пункта меню. Например как на apple.com. Когда переходишь например; на страницу "contact" и пункт меню conact как либо выделяется. В статичном сайте я бы просто на каждую страницу присвоил другой класс из пункта этой страницы, а тут как?

   Asked by Jeak, February 5, 2013

   • меню
   • верстка
   • навигация
   • выделение
   • css
   0 votes
   2 answers
4. Декоративный шрифт

   Подскажите, пожалуйста, какой font-family прописать в css, что бы хотя бы примерно было похоже как здесь, но только русскими буквами. Спасибо!

   Asked by rafaello9, April 19, 2013

   0 votes
   5 answers
5. Как можно реализовать

   Подскажите пожалуйста, можно ли сделать на css то, что изображено на картинке: http://prntscr.com/2ew4u1 Как это лучше сделать? Есть ли смысл пытаться делать на css или вставить картинкой лучше? http://jsfiddle.net/3J7dW/

   Asked by Imperil, December 29, 2013

   0 votes
   3 answers
6. Как остановить анимацию keyframes

   сабж...реально бесит уже..Почему она зацикливается... Конечно в идеале мне надо чтобы анимация была при загрузке странице ЕДИНОЖДЫ.. $(document).ready(function() { все выполняет сразу...без очередности..как это победить Вот мне надо например менять фон блока 10 раз плавно... а потом стоп, а он гад прокрутит у себя там все и последний результат показывает (((( animation-fill-mode: forwards; не пашет

   Asked by romoga, February 11, 2014

   • keyframes остановить
   0 votes
   0 answers
7. Назначение itemprop в img

   Для чего нужно itemprop? Хотел посмотреть как сделано авто переворачивание картинки на странице и там увидел это <img src="/styles/logo.png" itemprop="logo" alt="Обзоры гаджетов и IT новости мобильного мира и технологий" width="161" height="112">

   Asked by Slyfox, June 6, 2014

   • img itemprop
   0 votes
   1 answer
8. selectable jquery

   Всем привет, мне нужна помощь с функцией jquery - selectable http://jsfiddle.net/dpaj546q/ необходимо сделать так чтобы при выделении элемента вместе с ним выделялся checkbox а также при снятии галочки checkbox снималось и выделение

   Asked by radioactive68, March 1, 2015

   • selectable
   • checkbox
   • jquery
   0 votes
   7 answers
9. Из JSF в ADF

   Есть действующий сайт, созданный с помощью ADF. Есть новые странички, которые сделаны с помощью другой технологии — JSF , используя стандартные компоненты PrimeFaces. Задача: привести внешний вид новых страничек к стилю действующего сайта. Код — черт ногу сломит. 100500 таблиц, еще столько же дивов. На выходе примитивный интерфейс, с табличкой и формочкой, которые весят 5Мб. Кто-нибудь сталкивался с этими JAVA фреймворками? При чем тут вообще верстка? — мне поставили задачу, а я ни бум бум. Вопрос здесь философский: как вообще действовать, поступать в таких ситуациях? Выскажите, пожалуйста, свое мнение. ЗЫ: понятно, что сверстать можно все что душе угодно даже п…

   Asked by Anymaxis, August 24, 2015

   0 votes
   4 answers
10. Пропадает шапка сайта на мобильном

    Здравствуйте. пропадает шапка сайта в мобильном браузере на android . пропадают логотип(svg графика) и кнопка меню. сайт: http://site.ru Тестировал на разных смартфонах на android , заметил что чаще всего пропадает шапка на android 4.2. Тестирую на эмуляторах андроид : https://www.manymo.com/emulators Подскажите почему пропадает шапка или способ как дебажить в мобильных браузерах?

    Asked by ishurgaya, December 28, 2015

    0 votes
    2 answers
11. Блок обрезает картинку

    Здравствуйте. Столкнулся с проблемой, когда блок при уменьшении размеров урезает картинку, которая находится в нём. Можно ли растянуть картинку по всей ширине и высоте блока, чтобы она не обрезалась? Или только в фш подгонять размеры? Код сейчас выглядит так: контейнер { width: 100%; margin-top: 1rem; } блок с картинкой { width: 1280px; height: 960px; margin: 0 auto; }

    Asked by Еврейская Мышь, February 10, 2018

    0 votes
    1 answer
12. Сделать для Лендинг пейдж Бег граунд

    Злраствуйте пишу в html body> <header id="header" class="header"> <div class="conteiner"> </div> </header> в css .conteiner{ width: 1170px; margin: auto; } .header{ background-image: url(/img/SouthSeasView3.png) no-repeat center top ; background-size:cover; } и у меня картинка не появляется. в чем может быть проблема? спасибо

    Asked by ОлесяДом, September 15, 2018

    • background-image:
    0 votes
    2 answers
13. Проблема с background

    Вот мой пример: http://persten.programist.ru/9/index.html Помогите пожалуйста решить проблемы с фоном для правого столбца В IE6 отображается фон колонны справа и слева нормально, а в остальных браузерах колонна справа отображается только на величину высоты левой колонки. Как исправить чтобы заработало. И еще вопрос про позиционирование фона: как можно поместить фон справа на 40px от правого края окна.

    Asked by persten, March 18, 2009

    0 votes
    1 answer
14. Как правильно сделать CSS для фрмы

    Здравствуйте! подскажите как правильно сделать CSS для формы на сайте Есть вот такая строка <input type="submit" name="make_login" value="<?=$lang[sendform]?>"> Я хочу что бы Кнопка "Отправить данные" была не стандартная а в виде изображения и делаю CSS вот такую input[type=submit] { background:url(images/form.jpg) no-repeat #62B0FF; border:0; height:20px; width:150px;; } При этом в Лисе, Опере, Хроме все отображается нормально, а IE не хочет воспринимать мой код, вот сайт. Подскажите кто знает что надо ему написать что бы он заработал?

    Asked by pergament, August 22, 2009

    0 votes
    2 answers
15. Обрамить картинку картинкой-рамкой справа и снизу

    Добрый день! Вот мучаюсь уже день, оешения не могу найти. Помогите пожалуйста. Задача следующая. Есть картинка известной ширины (300 пикселей), но неизвестной высоты (высота может быть разной). Необходимо обрамить ее справа и снизу рамкой-картинкой. Эта рамка-картинка разбита на пять частей: правая верхняя, правая, правый нижний угол, нижняя левая, нижняя. Пытаюсь это сделать с помощью таблицы и распихать куски рамки бекграундами. <table cellpadding='0' cellspacing='0' border='0' width='307'> <tr> <td rowspan='2' colspan='2' width='300'> <img src='images/dish/IMG_0553.jpg' width='300'> </td><td width='7' height='7' backgrou…

    Asked by Defender, November 4, 2009

    0 votes
    1 answer
16. помогите плиззззз

    подскажите пожалуйста, по какой причине, в выпадающем меню, под эксплорером подменю при наведении мышки не выделяется а скрывается........? код в http://forum.htmlbook.ru/index.php?showtopic=18264

    Asked by Likan, November 26, 2009

    0 votes
    6 answers
17. Как реализовать такое?

    http://clip2net.com/page/m0/4750491 как такое реализовать?

    Asked by Mitshan, March 21, 2010

    0 votes
    4 answers
18. IE - основные проблемы, хаки и др.

    Читая различные блоги и статьи, понимаю, что многие пишут про проблемы с IE, особенно с 6 версией. 1) Для каких тегов, элементов наиболее часто возникают проблемы в IE? То есть например на htmlbook.ru для тега margin есть примечание, что возникают проблемы с ie. С какими наиболее часто встречающимися тегами и элементами, используемыми в верстке, обычно возникают проблемы с ie? 2) Когда используются хаки? Каким образом вы понимаете что вам нужен тот или иной хак? Или их не так много?

    Asked by Rustick, April 16, 2011

    0 votes
    5 answers
19. Проблема с выравниванием текста по картинке...

    Всем доброй ночи! Интересует такой вопрос: Хочу сделать меню заданной ширины, в меню 6 ссылок, текст и напротив него, картинка. Если текст ссылки короткой, то проблем нет, вертикально выравниваю текст напротив картинки и все. А вот когда текст длинный, его надо уместить на две строчки и выровнять обе строки напротив картинки, это уже никак не удается сделать через div, только через таблицу, что сразу лишает возможности сделать адекватную ссылку. Кто сталкивался с данным вопросом или имеет идеи как победить проблему? Пример того, что нужно получить без div тут: http://owlclay.ru/ Заранее спасибо за внимание.

    Asked by GreyAlex, June 2, 2011

    0 votes
    4 answers
20. Таблица не слушается css

    Всем привет. У меня проблема: скопировал таблицу из Ворда прямо в редактор umi.cms; пытаюсь выставить её по центру страницы тэгом в хтмл align="center" - в редакторе выглядит хорошо, но на странице без изменений - всё равно слева. Техподдержка мне ответила, мол, выравнивай в css. Я делаю строчку в css: div.content_kurs table.rovnost {margin: 0 auto;} а в хтмл прописываю table class="rovnost" Проблема: таблице всё равно.. Пробовал даже поставить так: div.content_kurs table.rovnost {font-size: 51px} чтобы вызвать гигантский шрифт (может я в margin: 0 auto; ошибся) - никакой реакции. Ч.я.д.н.т ? Заранее спасибо.

    Asked by voiceofsummer, July 13, 2012

    0 votes
    4 answers
21. Шрифты и их отображение

    Вот замученная шрифтами страничка http://pomidor.com.ua/seemax/ImageneerB/HTML/ImageneerB.html Вот задумка дизайнера http://clip2net.com/s/26zqO Визуально размер шрифтов ощутимо мельче, хотя выставлен в соответствии. Я так понимаю что фотошоп и браузеры отличаются, но какие могут быть варианты приведения в реальное соответствие? И достижимо ли оно вообще на 100% при том что в результате по шрифтам я, как исполнитель, оказался в ситуации когда А) Куфон нельзя, Б) http://www.fontsquirrel.com/fontface/generator держит в черном списке нужный мне шрифт В) http://www.google.com/webfonts не имеет его вообще. Г) Подключить способом из этой статьи не удается http://htmlbook.ru…

    Asked by seemax, July 10, 2012

    0 votes
    3 answers
22. HTML 5. Выбор стратегии...(JS? JQ?)

    Всем привет. Решил начать осваивать HTML 5(даже представления об этой теме не имею) и появились некоторые вопросы: 1) Есть ресурс: http://htmlbook.ru/html (в нём раздел: 'по типу') вопрос: Как понять какой элемент(HTML5) является строчным, какой блочным или строчно-блочным? (или же у этих элементов вообще нет таких характеристик? ) Буду благодарен если кто скинет адрес сервиса, в котором можно увидеть данные характеристики... 2) Cлышал, что без знаний Javascript в этой теме делать нечего.. вопрос: а)Так ли это на самом деле? б)Нужны ли в этом плане знания JQuery? (Могут ли они полностью компенсировать JS?) 3) Что можете посоветовать для облегчения изучения данного матер…

    Asked by Yamaradg, July 14, 2012

    0 votes
    9 answers
23. Центрирование фоновой картинки для тега body

    Здравствуйте уважаемые веб-мастера! Подскажите как сделать фоновое изображение тега body по середине экрана? Пример: Прописал в стиле следующее: body { background: url(../img/bg_body.jpg) no-repeat ; height: 1000px; margin: 0 auto; width: 960px; } размер изображения bg_body.jpg 960px на 100px. расширение экрана 1600х900. Но в окне браузера, фоновое изображение расположено не посередине окна, а у левого - верхнего угла окна.

    Asked by Raura, October 23, 2012

    0 votes
    2 answers
24. font css

    Добрый день всем... Подскажите как правильней будет. 1. Нужно подчёркнутому тексту задать размер, цвет #a4a4a4 и шрифт (из стандартных). 2. Выделенному тексту в теге span нужно задать так же размер, цвет и шрифт только всё будет разное. Вот я набросал что то... Помогите. <style> .letter { color: #a4a4a4; /* Цвет символа */ font-size: 100%; /* Размер шрифта */ } p { color: #a4a4a4; /* Цвет текста */ } @font-face { font-family: Helvetica; /* Имя шрифта */ src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */ } </style> <p><span class="letter">Выделенный——>[b]Мы рады приветствовать вас на нашем сайте[/b]!</span> Подчёркнутый—-->[u]…

    Asked by Dallas, April 20, 2013

    0 votes
    8 answers
25. Посоветуйте книги...

    Всем привет. Я уже несколько месяцев изучаю сайтостроение... а именно HTML и CSS, но как то дается тяжеловато) не могли бы вы посоветовать книги обязательные к прочтению и изучению по данным языкам и желательно в порядке их изучения?

    Asked by Akkord87, November 3, 2013

    0 votes
    7 answers