HTML Coding

29542 questions in this forum

1. Проблема со шрифтом

   Здравствуйте! Как перенести запятую к слову которое распологается слева а не справа? Вот скриншот - линк Я так понимаю, что дело решается с помощью CSS? Пробовал использовать word-spacing и letter-spacing немного не то!

   Asked by Andrew_las, May 28, 2012

   0 votes
   9 answers
2. Автоуменьшение горизонтального меню

   Здравствуйте, есть горизонтальное меню оформленное через CSS, вроде бы как надо сделано, но при уменьшении окна последний блок меню сползает вниз, а хотелось бы чтобы меню уменьшалось всего навсего, нет конечно оно уменьшается, но всё равно как-бы не успевает. вот url демо-сайта: http://trebolka.16mb.com/ попробуйте уменьшить окно и будет видно как один пункт меню перейдёт ниже вот CSS код: #mainmenu { width: 100%; } #mainmenu ul { list-style: none; display: table; padding: 5px 0px; margin: 0px auto; } #mainmenu li { list-style: none; display: block; float: left; margin: 0px 1px; } #mainmenu li a { display: block; float: left; height: 66px; color: #fff; tex…

   Asked by ЗлОй ПрОграММер, September 1, 2012

   0 votes
   4 answers
3. Получить селектор автоматически возможно?

   Здравствуйте. Есть ли в Хроме в инструментах разработчика(или Firebug, т.п.) средства, позволяющие автоматически получить селектор какого-нибудь тега, которому дальше потребуется прописать стиль? Благодарю

   Asked by borus, November 9, 2012

   0 votes
   7 answers
4. Как обрезать картинки в IE?

   [РЕШЕНО] Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так: А во всех Internet Explorer'ах картинки обрезаются, но появляется пустое пространство, вот так: стили: .pic_block { height: 290px; overflow:hidden; } .pic_mat { float:left; margin-bottom: 15px; width: 200px; } вывод картинок: <div class='pic_mat'> <a href='/material.php?mid=".$row_pic['mid']."'> <div class='pic_block'> <img src='pictures/".$row_pic['small']."' width='196px'></a> </div> <a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a> <br> <div class='price'>".$row_pic["cost"]." р.</div> &lt…

   Asked by Rooner, January 23, 2013

   • об
   • резка картинки
   0 votes
   0 answers
5. Изображение в IE10+

   Обрезается изображение облаков по контуру кнопки в IE10+. В остальных браузерах оно выходит за пределы кнопки, как и должно быть. Почему это происходит? http://cssdeck.com/labs/full/a7jvce0r

   Asked by Johnney, October 30, 2013

   • IE10
   • img
   • position:absolute
   0 votes
   2 answers
6. Не отображаются background в IE8

   Здравствуйте! Подскажите чайнику почему в IE (смотрел на 8 версии) не отображается background http://www.evernote.com/shard/s353/sh/47f2b3ab-47b2-4167-9458-702d8eafbc8d/5fa3cb41a43d8f5a2ac4ea180824fe4f у характеристик товара - "нагрузка, высота, жёсткость" http://matrasspb.ru/catalog/matrasy-dlya-krovati

   Asked by Epileptoid, November 29, 2013

   0 votes
   2 answers
7. Подходящий размер изображения для главного фона

   В одном макете для главного фона используется изображение (текстура) , которая растягивается на весь фон. Креативный такой макет. Это изображение весит 752килобайт. Это нормально использавать такие размеры для одного только фона? (Ведь есть фоны и для других блоков). Как орентироваться человеку, который создаёт PSD макет, что так можно делать или нельзя???

   Asked by AlexeiS, January 13, 2014

   0 votes
   10 answers
8. css рецепты программирования кристофер шмитт

   Помогите найти исходники к книге, коды я нашёл, а где взять картинки? в книге указан адрес исходников http://csscookbook.com/ но где там достать картинки??

   Asked by DivMan, January 25, 2014

   0 votes
   8 answers
9. Неправильно работает :hover в GoogleChrome

   Здравствуйте. Столкнулся с такой проблемой. В сверстаном шаблоне некорректно отображаются стили при наведении в Хроме. Блок "Наши Новости" работает правильно - при наведении на блок меняется цвет фона, при наведении на новость меняется цвет её фона, текста и рамки у img. При наведении на блоки "Новости Alfa" и "Новости дилеров" у меня стили :hover срабатвают ТОЛЬКО при наведении на нижнюю (3-ю) новость. В других браузерах соответственно всё нормально. Первый раз с таким сталкиваюсь, предположил что дело в новой версии хрома? Ссылка Кусок кода CSS:

   Asked by Kirill M, April 17, 2014

   0 votes
   2 answers
10. Фон активного пункта выпадающего меню

    Здравствуйте! Помогите, пожалуйста, разобраться с двумя вопросами по выпадающему меню: 1. Отступ от А до В в 1 px. Я делаю отступ, но в таком случае, при переводе курсора на сабменю, само сабменн исчезает... 2. При активном B должен быть активным блок А (белый фон, зеленый шрифт). Меню здесь - http://jsfiddle.net/zs252taw/ Заранее благодарю!

    Asked by volshebnyi, September 17, 2014

    0 votes
    3 answers
11. Follow Twitter

    Всем привет. Столкнулся с такой проблемой: добавляю на сайт кнопку follow twitter отсюда https://about.twitter.com/resources/buttons#follow. но при загрузки страницы в момент когда грузится скрипт твиттера появляется скролл (это можно увидеть если кнопку добавить в нижний правый угол). скролл появляется буквально на секунду и пропадает. я уже пытался обернуть в див и задать overflow: hidden. не помогло. кто знает как пофиксить данную проблему? Спасибо

    Asked by Z1gnet, May 25, 2015

    • twitter follow
    0 votes
    2 answers
12. проблемы верстки

    есть фиксированный див с классом .wrapper {width: 1170px; margin: 0 auto;} в него вклдаываются все дивы навигации хедер и так далее. В футоре надо backgroud сделать чтобы он выходил за границы ширины(1170px) основного контейнера как это сделать ?:

    Asked by rpmcmerphy, September 16, 2015

    0 votes
    7 answers
13. Можно ли поменять местами 2 параграфа?

    есть: <p><img путь и параметры картинки />текст</p>надо: <p>текст</p><img путь и параметры картинки />как такое сделать регулярками не понимаю, если вообще возможно. зато знаю как сделать так: <img путь и параметры картинки /><p>текст</p>но так получается что картинка над текстом.. может можно как-то при помощи CSS сделать визуально, чтобы фото было под текстом?

    Asked by nikki4, September 18, 2015

    0 votes
    8 answers
14. Верстка в первый раз - в чем ошибка?

    Добрый день, уважаемые форумчане! Совсем недавно друг попросил сверстать ему Лендинг из PSD файла. Визуально лендинг не сложный, поэтому я согласился. С версткой до этого особо опыта не имел. В процессе вертски я сталкивался со всевозможными пролемами, которые удавалось решить с помощью гугла и форумов верстальщиков, за что вам огромное спасибо. Но одну проблему я так и не победил. Перехожу к сути: Дано: домен http://водоканал-сервис.рф Что хотел получить согласно макету PSD: http://joxi.ru/a2X3ZYMCq9qDmg Для верстки решил использовать Dreamveawer CC2015. Был выбран табличный тип верстки. Все вроде получилось кроме одного НО - в разных браузерах таблицы съезжают с фон…

    Asked by CHEBURNATOR, October 22, 2015

    0 votes
    5 answers
15. Линия через три блока

    Добрый день, подскажите как реализовать такую линию, как показано на рисунке? Линия пересекает три блока, один из которых находится над ней?

    Asked by Romario1985, April 21, 2021

    0 votes
    2 answers
16. вопрос про описание таблиц

    Доброго времени суток. У меня такой вопрос. Увидел на этом сайте в статье про border-collapse интересный пример, в котором идёт описание таблицы <head> <style type="text/css"> TABLE { .. } TH { ... } TD { ... } </style> </head> вопрос такой, если я буду рисовать на одной странице отдельные таблицы друг с другом не связанные, они же все будут подвержены вышеописанному форматированию. А как быть, если я хочу нарисовать разные таблицы?

    Asked by Ingvarion, February 14, 2009

    0 votes
    4 answers
17. Блок в блоке со смещением

    Как сделать так, что бы второй блок находился в первом и что бы часть блока была смещена и скрыта на несколько пикселей.

    Asked by SHo, August 23, 2010

    0 votes
    2 answers
18. Validator W3C

    Подскажите пожалуйста. Валидатор ругается на: Line 259, Column 23: document type does not allow element "h3" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <p align="center"><h3><a href="/ru/events/">Все события >>></a></h3></p> The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is …

    Asked by Alex&R, November 8, 2010

    0 votes
    4 answers
19. Прокрутка

    Asked by ankris, November 23, 2010

    0 votes
    6 answers
20. Повышение квалификации. Критика

    Здравствуйте. Нужен разбор нижеследующего кода. Не ахти какая сложная вёрстка, нужно узнать что же я наверстал на самом деле . Данный код представлен как строгий xhtml 1.0, но я не вижу причин, по которым он не мог бы корректно отображаться в IE6 или как HTML 4-5 (естественно, придёться подкорректировать некоторые "лишние" мелочи например самозакрывающиеся тэги). Где можно толково почитать про вёрстку под CMS: Joomla, Wordpress и т.д. Со временем собираюсь выложить сюда шаблоны под них тоже. Ссылка: http://rat-worker.ucoz.ru Очень хочу сориентироваться. Спасибо.

    Asked by RatWorker, March 27, 2011

    0 votes
    3 answers
21. Названия категорий "спадают" при изменении разрешения экрана

    Следующая ситуация. Есть блок archive_of_ratings width: 708px; В нём есть блок titles_of_archives width: 708px; В блоке titles_of_archives лежите четыре ссылки: <a href="#" class="category">Text1</a> <a href="#" class="category">Text2</a> <a href="#" class="category">Text3</a> <a href="#" class="category">Text4</a> Где стили класса category: .archive_of_ratings a.category { background: url("../img/archiveratings_grey.jpg") repeat-x; border-left: 1px solid #aab7c7; border-right: 1px solid #e9ecf1; color: #0068D0; font-family: Tahoma,Arial; font-size: 12px; height: 20px; line-height: 15px; …

    Asked by SkyTrace, August 28, 2011

    0 votes
    4 answers
22. как воспроизвести avi файл

    Каким образом можно воспроизвести avi файл на сайте? Попробовал так <img dynsrc="name.avi" loop="infinite" start="fileopen"> но понимает только IE. Что делать?

    Asked by wsx, January 25, 2012

    0 votes
    0 answers
23. Как верстать?

    Умею верстать фиксированно (width:960px) но вот хочу научится верстать резиново т.к. где ширина более 960пх. Где и какие задавать величины(ширина и высота.)?И ще ехотел бы узнать что делает этот скрипт. <script> function A() { client_h=document.getElementById("img").height; client_w=document.getElementById("img").width; //document.getElementById("language").innerHTML=client_w+"*"+coof+"="+client_w*coof; document.getElementById("img").height=client_w*0.6; } </script> Спасибо

    Asked by azarkin7, February 12, 2012

    0 votes
    3 answers
24. Вложенность строчных элементов в блочный. Зачем?

    Очень часто в примерах на htmlbook.ru и готовых сайтах используются конструкции типа <p> <input> </p> либо <p> <a></a> </p>. Для чего используется именно такой формат записи и чем плохо применение CSS свойства display: block для строчных элементов?

    Asked by Kelenar, November 19, 2012

    0 votes
    3 answers
25. элемент не влияет на полосу прокрутки

    как сделать так, что бы 1 элемент, в данном случае картинка, не влиял на полосы прокрутки в окне страницы. т.е. даже если она не влезает туда, то добавлять полосы прокрутки не нужно, но только для этой картинки? то бишь если другой объект влезать не будет, то скроллер добавлять. почему я не могу просто обрезать картинку? картинка с position:absolute, в правом нижнем углу, как бы фоном. на картинке ваза с веточкой какого-то растения. если кусочек растения будет не помещаться, то все норм будет смотреться, но если смотреть сайт с фул hd экрана или с большим разрешением просто, то глупо, если веточка будет просто "обрезаться". вот. прошу помощи спасибо за поддержку и понима…

    Asked by Wertmax, December 24, 2012

    0 votes
    4 answers