HTML Coding

29,542 questions in this forum

1. закрепить изображение

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

   Asked by maa, November 30, 2011

   0 votes
   0 answers
2. Вёрстка для распечатки

   Нужно распечать расписку сформированную скриптом. Основа расписки это таблица, которая произвольно растягиватся на несколько листов. На каждом листе снизу должны быть графы для подписей и номер страницы вида 2/5. Пробовал сделать контейнеры .page { widtht: 210mm; height: 297mm; margin: 1cm; border: solid 1px; } Но во-первых при печати они выводятся не на весь лист, а именно получаются уже и длиннее листа. И во- вторых это не решает проблему растягивающейся таблицы... Единственное, что понял, что тут нужно использовать свойство page-break-after: always;

   Asked by Tmin10, November 29, 2011

   0 votes
   0 answers
3. Шаблон не вытягивается!:-(

   Уважаемые верстальщики! Помогите мне в решении проблемы! Уже всю голову сломал. Хотел сам допереть, что я делаю не так, да только все без толку... Я только учусь, поэтому не судите строго, это мой первый шаблон, который пытаюсь сделать самостоятельно! Я думаю, что это довольно распространенная проблема и другим так же полезно будет услышать отзывы профессионалов. Если возникнут какие-нибудь дополнительные замечания, я буду только рад их выслушать! Заранее спасибо! Вот ссылка на сайт. Да, мне нужно, чтобы по мере наполнения контентом, в шаблоне вытягивались параллельно блок для модулей и фоновое обрамление (картинки по бокам). Я пытался решить эту проблему путем добавлени…

   Asked by galaystra, November 29, 2011

   0 votes
   0 answers
4. Какие косяки могут быть с "position:relative"?

   В макете понадобился закрыть часть экрана блоком с "position:fixed". Из-за чего некоторые ссылки перекрылись этим блоком. Отслеживать поведение каждой - уйма времени. Вариант - задать всем перекрытым блокам position:relative и "вытолкнуть" их наверх через z-index. Какие при этом могут появится косяки? Например, переопределение родителя при абсолютном позиционировании (вместо body - позиционированный блок) или float будет корректно работать? Может ещё какие подводные камни?

   Asked by Nanto, November 30, 2011

   0 votes
   0 answers
5. Проблема при отображении фонового рисунке в ИЕ 6

   Всем привет! У меня есть html <div class="footer_bottom"> <div class="footer_bottom_left"></div> <div class="footer_bottom_right"></div> </div> и css .footer_bottom{height: 11px; background: white;} .footer_bottom_left{float: left; height: 11px; width: 11px; background: url(images/content_bottom_left.jpg) no-repeat;} .footer_bottom_right{float: right; height: 11px; width: 11px; background: url(images/content_bottom_right.jpg) no-repeat;} Все вроде бы работает нормально, но не в ИЕ 6. фоновый рисунок в .footer_bottom_left .footer_bottom_right смещаются каким то образом вверх на н…

   Asked by kent666, November 30, 2011

   0 votes
   0 answers
6. Проблема с z-index в ie

   http://demo1.bxdemo.of.by/about_company/ вот здесь вот в левом меню в ie выпадающая менюшка с абсолютным позиционированием перекрывается нижними блоками, z-index у родительского блока больше чем z-index у блоков которые она должна перекрывать, как и советуют поступать в таком случае, чем еще можно исправить подобную фигню.

   Asked by pro100set, December 2, 2011

   0 votes
   0 answers
7. Проблема с подключением шрифтов @font-face

   Помогите пожалуйста разобраться, в чем дело. Подключаю шрифт таким образом: @font-face { font-family: HelveticaNeue; src: local('HelveticaNeue'), url('HelveticaNeue.ttf'); } body { font-family: HelveticaNeue; font-size: 45px; } На чужом компьютере все работает, а на моем нет. Подскажите пожалуйста, из-за чего это может быть, и как решить данную проблему?

   Asked by shtrobnik, December 2, 2011

   0 votes
   0 answers
8. края меню

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

   Asked by cyklop77, December 3, 2011

   0 votes
   0 answers
9. расстояние между ячейками таблицы

   Есть таблица. Вот самый простой пример: HTML: <table> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> CSS: table { width: 100%; height: 100px; } td { width: 25%; background-color: red; height: 100%; border: 1px solid black; } td:hover { background-color: cyan; } Проблема в том что в Chrome и Safari если навести ровненько между ячейками ховер не срабатывает ни на одной из них. С другими браузерами проблем нет. Вот пример:ссылка

   Asked by daredevi1, December 5, 2011

   0 votes
   0 answers
10. Cufon и line-height

    Подключил шрифт MyriadPro Cond через Cufon. После этого во всех браузерах, кроме IE (у меня есть 6 и 8), резко увеличился line-height у текста внутри блоков, к которым шрифт применён. В IE всё нормально. Подогнать отдельно line-height для IE, чтобы везде было одинаково, не получается. Что, неужто не лечится?

    Asked by Gaspode, December 5, 2011

    0 votes
    0 answers
11. анимация кнопки при наведении курсора

    Здравствуйте, господа программисты и верстальщики! Хочу обратиться к вам с такой просьбой: у меня есть html- страничка, сделанная по шаблону. В числе прочего там присутствует вертикальное меню из 10 кнопок, оформленное с помощью background-image в css. Поверьте, я перелопатил в гугле достаточно, но не смог приспособить программный код под свои задачи и в результате чувствую себя чайником, в котором вся вода выкипела и он вот-вот сгорит на плите нафик... Зарегился я недавно и в соответствующем разделе для лодырей и.т.д у меня пока нет возможности создать нужную тему... . Поэтому, если кому-то не совсем влом, помогите пожалуйста разобраться с этим злосчастным вертикальны…

    Asked by saint_12, December 6, 2011

    0 votes
    0 answers
12. Overflow-y: Scroll

    Была раньше задача, что бы при открытие фотки с комментами скролился всплывший блок с фоткой, проблема была решена при помощи overrflow-y: scroll и убирания скролла у body. А так как сайт зафиксирован по центру, что бы он не дергался добавлялся padding-right к body. Но случился в шизни косяк... и убрали в iOS Lion, скролл... в итоге на маках теперь сайт прыгает в лево-право... Может знает кто решение этой проблемы? Как сделать кросбраузерно и под все OS что бы не было дерганий сайта?

    Asked by GeSTaM, December 7, 2011

    0 votes
    0 answers
13. Проблема с div'ом в IE

    Пожалуйста помогите решить проблему с div'ом в IE.Он обрезает картинку в img находящийся внутри него, когда она вылезает за его пределы. Подобная тема уже была создана но автор сразу решил проблему. Ссылка на тему

    Asked by Qwerty26, December 7, 2011

    0 votes
    0 answers
14. хелп с блоком!

    пытаюсь написать скрипт всплывающего блока с затемнением фона затемне ние фона сделал а вот блок хотяб просто создать нполучается! вот код хтмл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css" > <title>Документ без названия</title> </head> <body> <div id="blok"></div> <div id="dv"></div> <div id="page"> <div id="header"> <img src="all/images/cyber-war-photo-2.jpg" class="header" / …

    Asked by cyber_ua, December 7, 2011

    0 votes
    0 answers
15. Контур таблицы

    Здравствуйте,помогите пожалуйста.Хочу себе сделать Контур таблицы как на этом сайте http://patrick-star.org/ По краю сайта идет обводка.Как мне также сделать?Заранее спасибо.

    Asked by saswat, December 7, 2011

    0 votes
    0 answers
16. Скрипт для изменения картинки

    Есть картинка длинной 1000px. Каждые 200px начиная сверху, есть картинка с мордой и улыбкой, чем ближе к низу тем улыбка становится больше(спрайт). Всего 5 изображений на одной картинке. Нужен скрипт который за 2 секунды промотает снизу вверх все 5 изображений, чтобы получилась анимация(как в мультике). Могли бы пожалуйста подкинуть решение. Решение найдено здесь

    Asked by SkyTrace, December 9, 2011

    0 votes
    0 answers
17. Некорректное отображение страницы в IE8

    Проблема решена, просьба удалить тему

    Asked by svetl, December 10, 2011

    0 votes
    0 answers
18. Проблема c input и autofocus

    Добрый день. У меня есть две проблемы: 1) Почему поле input не подсвечивается в Mozilla,Opera жёлтым , как в Google Chrome например? Вот фотка : Вот ссылка: http://slizers.com/list1.html 2) Вторая проблема заключается в том, что autofocus не загружается, то есть при нажатии на кнопку поиск выплывает окошко и там должен быть autofocus. Возможно ли это как-нибудь это сделать? Мною опробованы методы : 1) Скрипты <script type="text/javascript"> function formfocus() { document.getElementById('element').focus(); } window.onload = formfocus; </script> 2) <input id="q" autofocus> <script> if (!("autofocus" in document.createElement("input"…

    Asked by averin13, December 12, 2011

    0 votes
    0 answers
19. Верстка вертикального меню

    Всем привет. Столкнулся с проблемой верстки вертикального меню. Сейчас выполнено в таком духе <td class="cat_box"> <ul> <li><a href="/catalog/furniture/office/">Офисная мебель</a></li> <li><a href="/catalog/furniture/textile/">Текстиль</a> <ul> <li><a href="/catalog/furniture/bath/">Для ванной</a></li> <li><a href="/catalog/furniture/bedroom_txt/">Для спальни</a></li> <li><a href="/catalog/furniture/co_/">Ковры</a></li> </ul> </li> </ul> …

    Asked by Sven, December 10, 2011

    0 votes
    0 answers
20. Изменить ширину самой правой ячейки таблицы в IE

    Здравствуйте. Вопрос начального уровня, но почему-то привел меня в ступор. Есть исходный текст <html> <head> </head> <body> <table id="toppage" style="background-color:#eaedf6;"> <tr> <th style="background:yellow;">111</th> <th style="background:green; width:10px;">V</th> </tr> <tr> <td colspan="2" style="background:silver; width:800px;">222</td> </tr> </table> </body> </html> Как уменьшить ячейку с текстом "V" до минимальных размеров? Firefox отображает правую ячейку с минимальными размерами, как и было задумано, а вот в IE проблема... Скорее всего я что-то …

    Asked by Кириллов С.Н., December 10, 2011

    0 votes
    0 answers
21. Видео тест

    Уважаемые господа профессионалы помогите с одной задачкой. У меня есть проект(мини-тест) с 10 текстовыми вопросами и ответами к каждому из них. Вопросы и варианты ответов я писал в javascript(используя function которая переключала вопросы(Следующий /предыдущий вопрос)). Сейчас мне надо сделать такой же тест только вопросы должны быть по 10 видео(также представленным в проекте). К каждому вопросу другое видео, как и куда мне помещать ссылки на видео из youtube в html документ, или в js. Ответы пишите в комментариях или на Navara677@gmail.com Зарание спасибо <html> <head> <title>Vіdeo test in geography</title> <link rel="Stylesheet" type="t…

    Asked by Navara, December 12, 2011

    0 votes
    0 answers
22. не получается поместить кнопку в меню

    пытаюсь поместить эту кнопку http://creation.x2x.me/files/knopka.txt в это меню вместо слов "Mission Statement" http://creation.x2x.me/files/menu.txt

    Asked by новечёк-самоучка, December 13, 2011

    0 votes
    0 answers
23. Ссылка на страницу в фрейме

    Доброго времени суток. Имеется сайт на CMS Joomla, в него встроен с помощью фрейма форум Phpbb3. Часто возникает нужда в размещении ссылки с сайта на одну из страниц форума (который во фрейме). При размещении ссылки обычным способом, с неё переходишь на главную страницу форума, а не в нужную тему. Аналогичная ситуация повторяется, когда, читая одну из тем форума, обновляешь страницу: после этого выкидывает к списку форумов. Как сие можно исправить?

    Asked by Fireman2806, December 15, 2011

    0 votes
    0 answers
24. фон сверху и снизу экрана

    помогите пожалуйста решить проблему. есть вёрстка. подвал прижат к низу экрана. основной фон сейчас - белый. мне хотелось бы чтобы был градиент в верхней и нижней частях основного фона. как здесь изображения для фона находятся здесь

    Asked by cyklop77, December 15, 2011

    0 votes
    0 answers
25. Ввод пар ключей-значений.

    Как визуально лучше оформить табличку(Ввод пар ключей-значений.)? Ключ-текст, выведен, произвольной длины. Значение-input text или select, размеры разные. прижать правую колонку влево, а левую-вправо? Ну и опросик небольшой ))

    Asked by KPA, December 15, 2011

    0 votes
    0 answers