HTML Coding

29542 questions in this forum

1. hover эффект

   Вобщем есть код <div class="number"> <a href='#'><img src='images/Call.png' class="call"></a> <b>8-905-282-60-55</b> </div> изначально тег <b> скрыт display:none; хочу что бы при наведении на ссылку тег <b> снова становился видимым. насписал стили: .number b{ display:none; } .number a:hover b{ display:block; } Но нечего не работает в чем проблема подскажите.

   Asked by DronBoy, June 4, 2016

   • hover
   0 votes
   2 answers
2. Не удается скопировать CSS анимацию

   Здравствуйте, наткнулся на простую CSS анимацию свойством animation, но что-то она у меня не запускается - просто стоит посередине кнопки и все. Помогите пожалуйста. Пытаюсь скопировать "перелив" с кнопки Смотреть тут http://ma******.ru/ .b-button_animation { animation: 4s ease 0s normal none infinite running flash-button; background-image: -moz-linear-gradient(0px 0 , rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 45%, rgba(255, 255, 255, 0) 50%); background-position: -150px -150px, 0 0; background-size: 250% 450%, 100% 100%; } .b-button_common-black { background: #686868; /* Old browsers */ background:…

   Asked by Miha1l, April 7, 2017

   • animation
   0 votes
   2 answers
3. Картинка по центру

   Здравствуйте. Столкнулся с проблемой: в блоге на ВП в теле поста не могу выровнять картинку по центру. Она прижимается к левому краю. Каким образом можно исправить? Чувствую что туплю, но пока ничего умного придумать не смог

   Asked by Антон Каленик, February 1, 2009

   0 votes
   6 answers
4. Задание фона для текста

   Доброго времени суток. Необходимо сделать так что бы фоновое изображение отображалось полностью а не под размер текста? Подскажите пожалуйста как это сделать. Заранее благодарен.

   Asked by romko, June 30, 2010

   0 votes
   7 answers
5. Большой отступ перед clear

   Привет всем. Прилагаю изображение с проблемой. В контейнере два флоата, после контейнера clear. Непонятно откуда появляется слишком большой отступ. Где искать проблему?

   Asked by fan-ky, March 25, 2012

   0 votes
   11 answers
6. как сверстать кнопку в меню не под прямым углом

   в изображении привиден пример когда выделение активного пункта меню выделенно вормой в виде параллелограмма как лучше сверстать такой объект? Может в css3 и html5 есть для этого какието примочки? буду благодарен за любую попмощь

   Asked by Lisjann, September 4, 2012

   0 votes
   5 answers
7. Не работает код

   Извините если пишу не в ту тему. Я тут новенький. У меня возник вопрос по верстке ,у меня есть 4 блока в меню,которые при нажатие первого блока он должен открываться и если нажимаешь другой блок то первый блок должен закрыться а этот блок открыться. Я сделал но почему блоки при открытие появляются в другом месте а потом вставляются в нужное место. В чем дело?? и правильно я написал вообще коды? script $(document).ready(function() { $('div[id^=blockNav]').hide(); $('li.van').click (function() { $('div#blockNav1').fadeIn(); $('div[id^=blockNav]:not(div#blockNav1)').fadeOut(); }); $('li.tri').click (function() { $('div#blockNav2').fadeIn(); $('div[id^=block…

   Asked by skvaer09, December 20, 2012

   0 votes
   12 answers
8. Не работает width: 100% и margin: 0 auto на ios

   http://nargilia.pavelzheglov.ru/ Впервые столкнулся с такой проблемой, даже не могу четко выявить суть, чтобы гуглу задать вопрос.

   Asked by Jackky, October 9, 2013

   0 votes
   1 answer
9. Вопрос:верстка Landing pages

   Добрый день. Вопрос по верстке страниц Landing Pages: 1.как лучше верстать с помощью шаблонизаторов(каких именно) или чистым html/css? 2. ">http:// : как вставить такого плана картинки: делать каждую отдельную (возможно списком), или спрайтом одну? Заранее спасибо за ответ.

   Asked by belosnezka, March 17, 2014

   0 votes
   6 answers
10. svg или webfonts

    Для размещения на сайте требуются иконки. Надо, чтобы они были резиновые. Их можно делать с помощью svg и с помощью webfonts (как тут http://fortawesome.github.io/Font-Awesome/). Как вариант будет поддерживать большенство устройств и браузеров? Какой бедет меньше весить? И как делать самому шрифты для web?

    Asked by PavelTkachev, March 21, 2014

    0 votes
    16 answers
11. jQuery Слайдер

    Потихоньку начал заниматься сайтом (диплом закрываю, появилось свободное время), решил добавить слайдер и нашел подходщий: http://www.gayadesign.com/scripts/presentationCycle/index.php?style=2 Вродебы полностью его интегрировал, но скрипт не подключается. Что получается: http://jsfiddle.net/jontsk/ceK2K/ Исходники есть на сайте по первой ссылке.

    Asked by jontsk, May 20, 2014

    • jquery
    • слайдер
    0 votes
    12 answers
12. помогите, пожалуйста, с меню

    Навигационная меню из макета. я обучаюсь и вот в данный момент не могу сделать так, чтобы ссылка была у всего блока, другими словами - не только у текста. Посоветуйте как быть

    Asked by vb1f, April 19, 2017

    • html css
    0 votes
    5 answers
13. Анимация SVG средствами JS

    Привет. Подскажите, пожалуйста, почему данный код может не работать: var svgDoc; window.onload = function() { svgDoc = document.getElementById("switchid").contentDocument; } var switch_ = svgDoc.getElementById("switch"); switch_.onclick = function() { current_position = Number(switch_.getAttribute("y")); if(current_position == 32) { // off switch_.setAttribute("y", "9"); switch_.setAttribute("style", "fill:#00ff00"); } else { switch_.setAttribute("y", "32"); switch_.setAttribute("style", "fill:#ff0000"); } } Суть проста. Подключаюсь к svg на странице. И хочу по клику на определенный прямоугольник (id="switch") переводить его из одного положения в…

    Asked by ioprst, March 19, 2018

    • js
    • svg
    0 votes
    2 answers
14. Проблемы.

    Вот у меня такая проблема, когда я делаю картинку с ссылкой, то она по всему периметру выделяется, а мне не надо чтобы выделялась, как это сделать? Вот: А вот код: <html> <head> <title> Сайт о группе Linkin Park </title> </head> <body background="http://lp/images/bg.gif" topmargin="10" bottommargin="10" bgcolor="black" link="none" vlink="none" alink="none"> <table align="center"> <tr><td background="http://lp/images/up_pictures.jpg" width="1000" height="477" > <a href="http://lp/"><img src="http://lp/images/home.gif"></a> <a href="http://lp/files/"><img src="htt…

    Asked by vvsh, June 13, 2008

    0 votes
    4 answers
15. странное поведение FF

    В ИЕ все как надо, а в ФФ только при выделении текста: тут.

    Asked by allod21, November 25, 2008

    0 votes
    7 answers
16. Равномерно расставленные слова

    Вобщем. Есть линия. Длинною в 100% от экрана юзера. Есть меню. Оно занимает... примерно 15% ширины экрана. Меню состоит примерно из 10ти пунктов. Вопрос: Как сделать так чтобы меню равномерно распределило все пункты на всю ширину экрана. А не стояло где-то скраюшку как бедный родественник. Заранее спасибо

    Asked by GooDMeister, June 14, 2009

    0 votes
    5 answers
17. Графическое меню

    Здравствуйте господа ! Проблема возникла как всегда из неотуда. Есть макет - рисунок .jpg сайта с нарисованными пунктами меню, я его нарезал как пологается и сверстал - все нормально. Но надо что бы при наводке на зону меню мышки это меню меняла цвет. Повторяю меню не шрифт над фоном а просто картинки . Я так понимаю надо будет подменять картинки одного цвета картинками другого цвета при наступлении события hover ? С помощью чего это можно сделать? Или есть какие то другие способы при наведении мыши менять цвет пункта графического меню ?

    Asked by alex171069, August 14, 2009

    0 votes
    3 answers
18. background поверх содержимого дива в ie6

    Добрый день! Вот какая история приключилась: Сначала, когда я закончил верстку, сайт отображался корректно во всех браузерах кроме ie6. В нем фоновый цвет тега <div class='rightcol'> заслонял содержимое тега! Т.е фоновый цвет располагался поверх содержимого. Поэтому на месте правой колонки располагался просто белый прямоугольник. Долго не мог понять, что не так. Стал экспериментировать. Макет в ie6 стал отображаться корректно после того, как я убрал все комментарии вида <!-- --> из кода. На этом я и успокоился , хотя связь комментарием с фоновым цветом мне до сих пор не понятна. Сегодня пошел к заказчику показывать сайт. Заказчик - кафедра, у них понятно…

    Asked by alex_tihonko, April 14, 2010

    0 votes
    2 answers
19. Резиновыйы шаблон

    Прочитал на сайте htmlbook.ru про вёрстку слоями.Понял ,что лучше сделать резиновый шаблон. Скажите правильно я понял,что при резиновом шаблоне ширину блоков,отступы по горизн. надо указывать в процентах? Если ,то возникает такая проблема,при сжимании окна блоки уменьшаются по ширине и по отступам.Можно решить эту проблему написав к документу в целом min-width:1024px; или её можно решить более рациональным способом? Заранее всем спасибо.

    Asked by new01, March 18, 2011

    0 votes
    12 answers
20. Абсолютное позиционирование элемента относительно родителя

    Имеется некая таблица с величиной ячеек 60x60px. В каждой ячейке должна быть следующая структура: <div class="numberandbuttons"> <div class="number"> </div> <div class="lefrsqr"> </div> <div class="rightsqr"> </div> </div> lefrsqr и rightsqr это квадраты размером 15x15px поставленные в нижние углы ячейки. Необходимо поставить number вертикально и горизонтально по центру ячейкти, а lefrsqr и rightsqr в нижние углы ячейки таким образом, чтобы ни один элемент не выезжал за границы ячейки и при изменении размеров number скриптом, lefrsqr и rightsqr оставались приклееными к своим углам, а он оставался выровнянным по центру. То…

    Asked by Daiver, April 26, 2013

    • css
    0 votes
    9 answers
21. Отображение нужного шрифта

    как сделать через CSS чтобы на сайте отображался шрифт тот который у меня есть, а у других пользователей его нет???

    Asked by robin-bobin, September 28, 2007

    0 votes
    3 answers
22. Вертикальное 100% у таблицы в XHTML

    Народ всем привет, думаю что многие сталкивались с такой проблемой, я кстати тоже давно и вот столкнувшись с ней вновь опять впал в стопор. Скрины: IE OPERA Суть проблемы следующая, мне нужно написать код на XHTML версии STRICT то есть када код и стили полностью отделены друг от друга. Нужно получить результат как на втором скрине(это ОПЕРА). Первый скрин это ИЕ(в нем некорректно работает) CSS: html, body {height: 100%; padding: 0px; margin: 0px;} .main_table {height: 100%;} .top {height: 200px;} .content {} .bottom {height: 50px;} HTML: : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html x…

    Asked by AntonK, January 10, 2008

    0 votes
    4 answers
23. помогите исправить ошибку в таблице

    <!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" xml:lang="en" lang="en"> <head> <title></title> </head> <body> <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="#000000"> <tr> <td rowspan=2 width=250px> текст </td> <td>Текст</td> <td width=5px>5</td> </tr> <tr> <td colspan=2> текст нижней ячейки </td> </tr> </table> </body> </html> В FF вс? работает как надо, н…

    Asked by Юрий, March 14, 2008

    0 votes
    3 answers
24. проблемы с формой

    Злобные кодеры и верстальшики срочно нужна ваша помощ=) Делал сайт и встала проблема с вёрсткой в опере всё норм тока менюха сежает в верх у центрального окна,а вот в осле как всегда всё плохо((( всё норм отображается только форма заполнения почему то неактивна http://tropic-cocktail.ru/test/aczia3.html и неработает скролинг http://tropic-cocktail.ru/test/aczia4.html

    Asked by Fata1ity, September 1, 2008

    0 votes
    2 answers
25. cms или нет ?

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

    Asked by Ромашка, November 18, 2008

    0 votes
    3 answers