HTML Coding

29542 questions in this forum

1. Замена в id символа /

   Здравствуйте! В коде вывода случайной картинки на XHTML сайте присутствуют следующие строки: <a id='thumb_Gallery/112/1/13.jpg' href='http://www.мой сайт.ru/plugins/my_gallery/foto.php?img=Gallery/112/1/13.jpg&h=1200&w=1200' class='highslide' onclick='return hs.expand(this)'> и <div class='highslide-caption' id='caption-for-thumb_Gallery/112/1/13.jpg'> На которые валидатор ругается, мол в id запрещено применение символа "/". Как быть? Чем заменить? Заранее благодарен всем откликнувшимся!

   Asked by adsl66, August 21, 2009

   0 votes
   4 answers
2. Выделение строки таблицы картинкой

   Добрый день Уже вторые сутки сижу, пытаюсь отыскать подходящий мне скрипт. Задача стоит следующей: Нужно двухуровневое вертикально меню, строки которого при наведении курсора будут выделять заданной картинкой на полную длину Один из наиболее подходящих вариантов нашел на данной странице: http://www.html-books.net/js/menu/11.php Но: в ие и опере длина строчки отображается как заданная, в фф - обрамляет текст Попробовал подобрать другие решения - вышел на эту же проблему. Вот простейший аналогичный отрезок кода: #navlink {background: #FFFFFF; color:#777777; width: 183px; height: 100%; } #navlink:hover {width:183px; background-image:url('string.png'); color:white; text-dec…

   Asked by Provodnik, December 5, 2010

   0 votes
   12 answers
3. Помогите с проблемой в опере и ie

   Мы с женой сделали сайт для нашего храма htttp://www.vavtovo.ru/hram. Это наш первый и, разумеется, некоммерческий сайт. Он достаточно простой, но, тем не менее, полностью устраивает и нас, и настоятеля. Мы столкнулись с нерешаемой для нас проблемой: когда смотришь галерею (точнее, нижние фотографии галереи) в ie7 и в опере, то полноразмерные фотографии появляются сверху за пределами просмотра монитора. Чтобы их посмотреть, нужно поднять прокрутку. Тогда как в хроме и мозилле все фотографии, независимо от их расположения, открываются по центру экрана. Подскажите, пожалуйста, как быть? Если такая ситуация уже где-то встречалась, пришлите, пожалуйста, ссылочку на решение. …

   Asked by uncleChalex, January 8, 2011

   0 votes
   5 answers
4. Изображения

   Добрый день. Сделал фон и дизаин блоков и разрезал все на кусочки. Нужно разместить фон по бокам основного блока. Как сделать чтобы изображение не повторялось и фиксировалось в нужном мне месте? background-repeat и его значения не помогают, background-position тоже самое.

   Asked by Didorri, September 8, 2011

   0 votes
   8 answers
5. Опять про количество nav на странице

   Сейчас верстаю, у меня на сайте аж три блока nav (каталог услуг, сгруппированный по двум разным признакам, и список страниц вроде "Контакты", "О нас" и т.п.), причём ещё каждый продублирован в подвале – итого шесть. Это как, не многовато? Вопрос вдогонку: можно вкладывать внутрь nav два ul-списка? В моём случае что-то типа <nav class="services"> <ul class="services-by-user"></ul> <ul class="services-by-type"></ul> </nav> Целесообразность такой группировки услуг оставим в стороне, это не я решаю.

   Asked by Gaspode, September 29, 2011

   0 votes
   1 answer
6. Центрирование списка

   Извините за столь тривиальный вопрос, возможно ответ абсолютно банален. Если я засоряю форум - удалите, пожалуйста тему, как только я получу ответ. Имеется блок - контейнер. В нём список, пункты которого сделаны блоками, и выровнены в линию float'ом. <div id="content" class="block"> <ul> <li>Пункт</li> <li>Пункт</li> <li>Пункт</li> </ul> </div> #content { margin: 10px 10px 10px 24%; overflow: hidden; } .block { ... padding: 5px; text-align: center; } ul { list-style: none; margin: auto; padding: 0; } li { float: left; display: block; width: 20%; border: 1px solid; } И, несмотря на text-al…

   Asked by ViStefan, April 29, 2012

   0 votes
   5 answers
7. Как закруглить DIV с картинкой внутри?

   Подскажите плиззз есть DIV внутри картика, как закруглить уголки? Если точно только один нижние левый угол? Заранее спасибо! =) Вот такой код не работает, если изнутри убираю картинку то уголок закругляется... <div style="float:left; height:114px; width:303px; border-radius:0 0 0 25px; background:grey;"> <img src="Pics/LogoBottom.jpg" /> </div> =) Возможно ли вообще его как то закруглить чтобы было красиво т.е. под дивом фон сайта )

   Asked by HappyUser, December 8, 2012

   0 votes
   4 answers
8. input в label

   Как сделать, чтобы при клике на текстовый инпут ставилась галочка на чекбоксе, а фокус на текстовый инпут. Или только js-ом? <label> <input type="checkbox" name="check-1" /> Last <input type="text" name="lastname" /> Name </label>

   Asked by youmay, February 12, 2013

   0 votes
   4 answers
9. Сделать swf анимацию под ссылкой

   Есть страница с swf анимацией http://cardterapia.ru/content/babochka. В этой анимации зашита ссылка на левый сайт. А мне нужно, чтобы при клике на эту анимация открывался другая страница на моем сайте. Вот сам код <object height="500px" id="Flash" width="920"><param name="movie" value="/sites/default/files/9.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /></object> Может как то z-index поможет отодвинуть на второй план анимацию, а сверху сделать ссылку на всю область анимации?

   Asked by smirn0ff, February 21, 2013

   • swf
   0 votes
   15 answers
10. Как реализовать рваный край с градиентным фоном

    Вот как реализовать это? И чтобы на всю ширину страницы....С двух сторон елочки градиенты....

    Asked by Zverushka, October 24, 2013

    0 votes
    6 answers
11. Поведение div в inline-block

    Доброго времени суток уважаемые форумчане. Недавно начала изучать html/CSS. И при освоении новой порции знаний натолкнулась на эффект который не могу объяснить. А именно. При добавлении в div контейнер содержимого столкнулась с эффектом вылетания div контейнера из общего ряда элементов структурированных с помощью display:inline-block;. И теперь что это такое и как с этим бороться непонятно. Буду премного благодарна если дадите какие-нибудь комментарии по этому поводу. Код можете посмотреть по ссылке: http://cssdeck.com/labs/nz39zp35 Ксения.

    Asked by negra, January 23, 2016

    • div
    • inline-block
    0 votes
    5 answers
12. Адаптивность хлебных крошек

    Здравствуйте коллеги! На мелких экранах слишком длинное название в хлебных крошках не влезает в экран Пример Эта же страница на экране мобильного - направьте пожалуйста в нужное русло !

    Asked by GTAlex, February 8, 2016

    0 votes
    3 answers
13. Затык с Flex

    Коллеги, помогите, пожалуйста. Задача: чтобы 4 и 5 вставали под 1 и 2, а 6 всегда бы оставался под 3 Спасибо.

    Asked by Artlive, April 29, 2016

    • flex
    0 votes
    1 answer
14. Помогите пожалуйста, запутался с фокусом :)

    Здравствуйте форумчане! Сижу верстаю форму поиска, и что-то не могу разобраться с фокусом... А именно не могу добиться следующего. При нажатии мышкой в область поиска, нужно что бы менялся цвет кнопки (лупа) и цвет вводимого текста. Прошу помощи начинающему хакеру! ? Мой супер код - http://jsfiddle.net/pLznkshc/

    Asked by Ilyas_polo, September 28, 2018

    • focus
    • фокус
    0 votes
    2 answers
15. Ссылки и РНР

    Каким образом можно проверить с помощью РНР, нажал пользователь на ссылку или нет? Что-то типа onclick на JS.

    Asked by Shuranka, April 29, 2008

    0 votes
    7 answers
16. атрибуты тэга <p> для определенного блока

    Вроде о css имею начальные понятия, а вот как установить параметры тэга <p> для определеннго блока не знаю. Например, есть 2 блока <div> и в них находятся <p>. HTML <div class="need"><p>[b] Вот здесь и нужно применить атрибуты [/b]</p><p>[b] Но как сделать это? [/b]</div> <div class="not_need"><p>[b]А здесь использовать другие настройки[/b]</p>. А вот CSS: p{margin:10px;font-size:100%;text-indent:2em} Данный код я хочу применить только для тех <p>, которые находятся в блоке <div class=need>, а для <div class="not_need"> и всех остальны…

    Asked by Aleshka, September 4, 2008

    0 votes
    2 answers
17. Как в html страницу вкрутить просмотр видео?

    так как это выглядит на yourtube для CMS такие решения есть, а для обычного сайта на html? заранее спасибо

    Asked by vovchikku, March 17, 2009

    0 votes
    2 answers
18. Проблема с версткой

    Помогите пожалуйста.. Дизайн коласит.. Сижу уже 2 часа над этой проблемой не пойму в чем дело.. Итак. Моя ссылка пытаюсь вставить форму в див в футере.. форма постоянно вылезает за рамки.. код хтмл <div id="footer"> <div id="grayline_footer"> </div> <div id="pusto_f"> </div> <div id="footer_subscribe"> <div id='f_pustishka'></div> <div id='f_subscribe_zagolovok'> <span class='zagolovok'>ЗАРЕГИСТРИРУЙТЕСЬ и будьте в курсе!</span> </div> <form name="subscribeform" action="/contacts/budte_vkurse/index.php" method="post"> <div id='subscribe_form'> <div id='subscribe_f…

    Asked by veromi, February 8, 2012

    0 votes
    8 answers
19. Разные картинки в таблице

    День добрый! Имеем вот такой скрипт <script language="JavaScript" src="http://shop.digiseller.ru/asp/agent_g_src.asp?idn=81893"></script> и css <style> <!-- .table_goods { margin: auto; } .tr_head {} .td_head_name {padding: 3px; background-color:#ffffff;} .td_head_price {padding: 3px; background-color:#ffffff;} .head_name {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;} .head_price {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;} .tr_row { float: left; } .td_row_name { background: linear-gradient(top,#FDFDFD 0,#FCFCFC 10%,#F6F6F6 60%,#F0F0F0 80%,#EDED…

    Asked by isamael, December 19, 2012

    0 votes
    9 answers
20. Мерцание шрифтов на mac os

    Есть страница http://bliss123.zz.mu/html/1/ когда пролистывается слайдер мерцают шрифты... Такое только на мак ос в хроме Кто сталкивался с проблемой? неподскажите решение?

    Asked by sssppp6, October 7, 2013

    • mac os
    • chrome
    0 votes
    2 answers
21. Верхнее меню

    Здравствуйте, сделал меню, но оно переносится на следующую строку после сужения экрана, как на снимке. Меню делал в генераторе. Что добавить? white-space: nowrap; не помогает. Забыл прикрепить. В нормальном состоянии должно выглядеть вот-так. После манипуляций с масштабами страницы. @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); #divmainmenu { width: 822px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background-color: #FF0004; height: 51px; background-image: url(pic/menupodl.gif); min-width: 822px; } #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button { margin: 0…

    Asked by Orbos_2000, June 4, 2014

    0 votes
    7 answers
22. Не отображается скаченный шрифт

    Доброго вечера! Подскажите, пожалуйста, в чем проблема неотображения скаченного шрифта? Путь к файлу, если что, проверила. Заранее спасибо! @font-face { font-family:"Lato-Italic"; src: url('./fonts/Lato-Italic.ttf'); } Его использование: .three-columns__item-radius p { text-align: justify; margin: 26px 20px 0 20px; font-family:"Lato-Italic"; }

    Asked by Алеся, July 17, 2021

    • html
    • css
    • fonts
    0 votes
    2 answers
23. Модульная сетка на flex

    Используя flex хочу построить сетку с модулями (скрин) Скрытый текст пробовал изменять расположения вдоль главной и поперечной оси, не смог добиться расположения как на скрине код здесь - https://codepen.io/viliksar/pen/dKvZgV?editors=1100

    Asked by viliksar, June 11, 2018

    0 votes
    1 answer
24. При уменьшении страницы, она не уменьшается!

    Я первый раз начал пытатся создавать сайт по макету, и вот кое что получается, я понимаю что много ошибок, но это первый раз! Я остановился, и не могу понять как сделать так чтобы при уменьшении страницы, всё уменьшалось равномерно, у меня когда уменьшаю страницу, просто видно пол страницы! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> <title>Document</title> </head> <body> <header&…

    Asked by Millio, November 29, 2021

    0 votes
    1 answer
25. абсолютное позиционирование в ИЕ

    помогите решить проблему HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="description" content="description" /> <meta name="keywords" content="keywords" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title> JM - Job Market </title> <style type="text/css"> * { margin:0; padding:0; } html {height: 100%;} body { position: relative; height: auto !important; height: 100%; min-height: 100%; } .podval { position: absolute; bottom: 0…

    Asked by vr201, September 19, 2007

    0 votes
    1 answer