HTML Coding

29542 questions in this forum

1. Как остановить анимацию keyframes

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

   Asked by romoga, February 11, 2014

   • keyframes остановить
   0 votes
   0 answers
2. Помогите разобраться с "clear"...

   Верстаю шаблон для Joomla и столкнулся с такой проблемой: все материалы в начале содержат картинку с float: left и высота этой картинки больше высоты блока с текстом. Изза этого картинку обтекает не только текст, а еще и весь блок следующей новости: http://yadi.sk/d/NfElKboeHjA6k Если же разделителям которые идут после каждой новости я прописываю clear: both, то казалось бы все работает, но первый же разделитель опускается до той линии где кончается левый сайдбар (красная линия на рисунке), оставляя много пустого места: http://yadi.sk/d/qgE-7ATtHjAWv Подскажите как сделать так чтобы новости выводились нормально, не обтекая картинку из предыдущей новости и не оставляя …

   Asked by XAHTEP26, February 11, 2014

   0 votes
   5 answers
3. Пока не нажата кнопка выполнять код

   $(document).ready(function() { while !( $('.div').click()) { какой-то код } }); что не так? весь код из-за этого отваливается...Не помогает // $('.div').click(function(e){break;}); и не while $('.div').click())=false какой-то код }

   Asked by romoga, February 11, 2014

   • недоэтого
   0 votes
   4 answers
4. Firebug для firefox под ubuntu 13.04

   Можно както установить firebug на firefox под убунтой? или придется пользоваться встроенным инспектором от хрома

   Asked by ilyas, February 11, 2014

   0 votes
   2 answers
5. С точки зрения кодинга

   имеется следующая конструкция $('a.ssilka1').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka1i.html"; }); $('a.ssilka2').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka2.html"; }); и так далее... и таких много ввиду того что я не больше не знаю как можно подгрузить во фрейм данные... ничего что так много функций или я нуб и должен молится великому КАА и переделать???

   Asked by romoga, February 11, 2014

   • правильный код
   0 votes
   4 answers
6. Тег <area>

   Для изображения установлены координаты области ссылки. После нажатия правой кнопкой мыши, появляется синяя контурная линия этой области. Как сделать чтобы эта линия не появлялась?

   Asked by gadjet, February 11, 2014

   0 votes
   6 answers
7. Разное отображение в хроме в фоксе

   Почему в хроме кнопка В корзину с полем количество на одной линии, а фоксе не так? Ссылка

   Asked by smirn0ff, February 10, 2014

   0 votes
   1 answer
8. Помогите новичку

   Подскажите пожалуйста, начал замечать у многих в коде такие записи [class^=name] я хотел узнать что они обозначают и какие они существуют такие конструкции! к примеру вот это [class^=name] как я понимаю обозначает для всех элементов у которых в названии есть name. Может не правильно, хочу узнать для самообразования!)

   Asked by oleg126, February 10, 2014

   • помощь
   0 votes
   12 answers
9. Достижение кроссбраузерности верстки

   На одном ресурсе уже поднимал такую тему, спрошу и у Вас. Хочу поговорить о достижении кроссбраузерности верстки. Все что я пока что верстал - исключительно для себя, т.е. для приобретения практических навыков - на хостинг ничего не заливал, проверял только в новых браузерах. И вот сейчас уже начинаю задаваться вопросом - как достигать профессиональной верстки, с соблюдением всех требований. Вот если говорить о кроссбраузерности, когда читал "Большую книгу CSS" Макфарланда и другие материалы, отмечал какие свойства не работают в определенных версиях IE, где обязательно указание префиксов поставщиков, в каких случаях нужно добавлять zoom: 1, что то в голове отложилось и я …

   Asked by Stager36, February 10, 2014

   • кроссбраузерность
   0 votes
   1 answer
10. Проблема с onlcick() Помогите разобраться

    Приветствую всех! Есть проблема, очень надеюсь на вашу помощь. Делаю сайт http://magazin.amedigroup.com/ Всем кнопкам "Смотреть полный каталог" прикрутил событие onclick(), но он почему-то срабатывает только после двойного щелчка по кнопке. Сам скрипт проверял на работоспособность создавая тестовую страницу - все работает, проблем нет, но на этом сайте что-то мешает. Собственно скрипт: <script type="text/javascript"> function toggle_show(id) { document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none'; } </script> и кнопка: <div id="mybutton" class="red-btn" onclick="toggle_show('c1');toggle_sh…

    Asked by Creoman, February 10, 2014

    0 votes
    5 answers
11. Форма обратной связи

    Очень нужна Ваша помощь, подскажите как лучше организовать форму обратной связи, отправка письма на определенный электронный адрес с шаблоном. Для примера: Работ:____Возраст: _____О себе:_____ОтправитьЖелательно чтобы оформление было легко подогнать с помощью CSS

    Asked by drevil37, February 10, 2014

    0 votes
    1 answer
12. Как реализовать подобный скролл?

    http://i.imgur.com/VW0ODIL.png http://i.imgur.com/xHmw0of.jpg

    Asked by posthack, February 10, 2014

    0 votes
    4 answers
13. inclide и несколько head

    Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…

    Asked by dmifed, February 10, 2014

    0 votes
    7 answers
14. -khtml в css, Актуален ли?

    В общем сабж. Если верить википедии "В начале 2000-х годов корпорация Apple использовала KHTML как основу для разработки движка WebKit, который включён в KDE 4.5 взамен KHTML." От сюда у меня возник вопрос, стоит ли его использовать или можно отказаться так как есть -webkit? Если вдруг кто то не понял, вот пример к чему я: -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; - Нужен ли он? border-radius: 0;

    Asked by papay, February 10, 2014

    0 votes
    2 answers
15. Проблема верстки только в Firefox

    Дело в следующем: при наведении на пункт меню, над ними появляются иконки. Вот демка: http://videostroy.com/ Во всех браузерах кроме Firefox иконки отображаются верно. Каждая последующая иконка отсчитывают координату X от предыдущей. И только в Firefox отсчет ведется от начала блока. Помогите решить проблему пожалуйста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.link1').hover(function() …

    Asked by IndigoHollow, February 10, 2014

    • firefox
    0 votes
    6 answers
16. background и IE8

    Вобщем дело такое, есть сайт, там слайдер - http://www.admis.ru/catalog/orgteh_hp_LaserJet_pro400_M401dne . Везде отображается по человечески кроме ие8- В чём проблема - на сколько я почитал он воспринимает картинку в кодировке CMYK. Перепроверил 10 раз, попытался сохранить в .jpEg и залить тупо картинкой, стрелку тоже вариант не прошёл. Нашёл в исходниках сайта в папке аймейдж картинку - стрелку. ОНА РАБОТАЕТ. Я повернул картинку ВИНДОУСОВСКИМИ функциями и задал фоном - она НЕ РАБОТАЕТ. В ИЕ8 сейчас выглядит вот так вот - http://joxi.ru/rrP4Uv3JTJBXeeCpf-w Что делать ХЗ. О Великие гуры ИЕ8, наставьте меня на путь истинный. Мне надо только для ИЕ8

    Asked by Wahlberg, February 10, 2014

    • IE8
    • осел
    0 votes
    1 answer
17. Оцените CSS код трёх колоночного каркаса и как убрать толстые линии?

    http://jsfiddle.net/3j39P/ <div class="layout"> <div class="sidebar">Меню</div> <div class="content">Контент</div> <div class="sidebarR">Реклама</div> </div>.layout{ width: 1000px; margin:auto; position:relative; }.sidebar, .content, .sidebarR{ position: absolute;}.sidebar{ width: 150px; height: 150px; border:1px solid;}.content{ width: 150px; left:150px; width: 700px; height: 500px; border:1px solid;}.sidebarR{ width: 150px; left:850px; width: 150px; height: 150px; border:1px solid;}

    Asked by DivMan, February 10, 2014

    0 votes
    4 answers
18. Про margin

    Чем отличается margin: auto; от margin: 0 auto;

    Asked by DivMan, February 10, 2014

    0 votes
    4 answers
19. Open Sans Light

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

    Asked by Kenshi24, February 10, 2014

    • Ваше мнение
    0 votes
    1 answer
20. Расположение изображений

    Здравствуйте. Не очень силен в css как мне сделать положение изображения не относительно окна браузера. А относительно высоты страницы. код css html, body { height:100%; } в самом html html { height:100%; background: url('путь/bk.jpg'); background-size: 100%; } body { height:100%; background: url('путь/41.png') no-repeat left 300px, url('путь/51.png') no-repeat right bottom, url('путь/31.png') no-repeat right top ; } Как сделать так что бы картинка 31 была в самом верху справа а 51 в самом низу слева. Не по высоте окна (как у меня), а по высоте содержимого.

    Asked by dimmon, February 9, 2014

    0 votes
    1 answer
21. Кроссбраузерность

    В Firefox'е при отступах: padding:0px 0px 0px 20px;Поле выходит за приделы блока, а в Chrome - все отлично отображается! Подскажите, пожалуйста, как исправить этот чертов баг! Заранее благодарю!

    Asked by nikita3334, February 9, 2014

    0 votes
    1 answer
22. Телепрограмма тв

    подскажите как можно добавить телепрограмму себе на сайт на подобие как на сайте canaltv.ru

    Asked by casio_23, February 9, 2014

    0 votes
    1 answer
23. Проблема со слайдером

    Проблема со слайдером, искал уже долго, нужен слайдер, который будет переключать текстовый контент. В интернете нашел только тяжелые слайдера, с эффектами и т.д. Было бы все намного проще если бы что-то понимал в jquery javascript. /Еще ниразу не подключал слайдера/

    Asked by Ghost86421, February 9, 2014

    0 votes
    2 answers
24. Загрузка страницы "через белое".

    Есть сайт http://primehotel.ru На нем несколько пунктов меню. При нажатии на любой пункт грузится страница, без каких либо проблем и дерганий . И только при нажатии на "Бронирование" страница грузится через "белый экран". Проверял в Опере, Хроме и Лисе. Я так понимаю, что это из за присутствие на странице "формы бронирования". Подскажите как это можно избежать и грузить ее так же, как и остальные страницы.

    Asked by amv, February 9, 2014

    0 votes
    10 answers
25. Как подогнать размер картинки под заданный блок

    Хочу в блок вписать картинку, подгонка должна быть по меньшей стороне с сохранением пропорций. Пример тут - http://jsfiddle.net/72anA/ Необходимо, что бы картинки заполняли весь блок с сохранением пропорций + центрировались. На картинке ниже примерно показано как должно работать. Всё что вылазит за пределы блока должно обрезаться, в примере специально не обрезал для наглядности. То есть, блок должен быть заполнен центральной частью картинки. Можно ли это реализовать без использования скриптов?

    Asked by alleclf, February 9, 2014

    0 votes
    10 answers