HTML Coding

29542 questions in this forum

1. Background в ссылках

   Доброго всем дня. Помогите изменить фон в следующем коде: <div> <a href="#"> <img src="#" width="150" height="150" /> </a> </div> У меня в цикле выводятся картинки размером 150 Х 150. Но если картинка не такая квадратная, например прямоугольная, т.е. ее пропорциональная длина или высота не соответствует заданным 150 Х 150, то в оставшейся части идет черная заливка. Вот ее-то я и хочу закрасить в белую. Внизу, по центру, доп.фото: картинка Уже по всякому пробовал и с бекграундами в стилях, и в дивах и в ссылках, но что-то не получается.

   Asked by rapsik, September 3, 2012

   0 votes
   2 answers
2. Активная ссылка

   Как мне сделать так чтобы помечалась та ссылка(в навигации) в зависимости от страницы на которой я нахожусь.

   Asked by lobanov_kirill_, September 3, 2012

   0 votes
   6 answers
3. Прокрутка overscroll

   Есть div элемент и overscroll-y:scroll и добавляется постоянно внуть этого блока ,другой блок, элемент расширяется и то что добавилось уходит вниз и не видно, надо прокручивать ,а как чтобы сам фокус уходил в конец div элемента и также при загрузки

   Asked by vladimircape, September 2, 2012

   0 votes
   1 answer
4. на сайте не отсылаются сообщения, что не так ?

   Здравствуйте ! Я в сайтостроении понимаю очень мало Скачал шаблон, переделал под себя. Все работает кроме отсылки сообщений на странице контактов. Понимаю, что почти всем, кто это сейчас читает все равно, отсылаются они или нет, но для меня это очень важно. Дорогие люди! подскажите пожалуйста, что не так? чего не хватает ? заранее благодарю за помощь. сайт http://laserman-show.ru/ почта salmin1@mail.ru

   Asked by salmin, September 2, 2012

   0 votes
   3 answers
5. Как растянуть блок на весь viewport?

   Решено как сделать так, что бы родительский блок имел ширину не меньшую чем дочерний к нему, в случае, когда ширина viewport'а меньше чем ширина этого дочернего блока? Пример тут Откройте его в окне шириной меньше 1000px и получите это: Вопрос продублирован на хабре, надеюсь это не противоречит правилам.

   Asked by titulus, September 2, 2012

   0 votes
   1 answer
6. Красиво или кроссбраузерно

   Как по вашему-лучше создавать кроссбраузерные сайты на старых версиях html и css или красивые на html5 и css3

   Asked by max2012, September 2, 2012

   0 votes
   8 answers
7. Растягивание страницы по всему экрану

   Здраствуйте! Помогите мне пожайлуста растянуть страницу сайта ( на картинке) по всему экрану(то есть по ширине) а не как на картинке ( по середине). Заранее вам огромное спасибо)

   Asked by sasha8085, September 2, 2012

   0 votes
   2 answers
8. текст под картинкой.

   Здравствуйте! нужно сделать вот так: (текст по картинкой) У меня сейчас вот так: Вот Html: Вот Css: Помогите реализовать, то что на первой картинке (сам текст, который под картинкой).

   Asked by Simpsons, September 2, 2012

   0 votes
   5 answers
9. от позиционировать элемент в динамическом блоке

   есть блок который увеличивается при определенном событие в нем картинка <div class="little_point" style="left: 427px; top: 356px;"> <img src="http://www.google.com/mapfiles/marker.png" /> </div> как сделать так что бы картинка всегда была по центру прижатая к низу вот стили блока .little_point { position:absolute; width:20px; height:34px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; background-repeat:no-repeat; background-color:#000; } высота и ширина меняются через js динамически пробывал через vertical-align но элемент даже не сдвинулся

   Asked by cyber_ua, September 1, 2012

   0 votes
   9 answers
10. Таблица

    Здравствуйте Подскажите как сделать таблицу такого вида. Пытаюсь сделать в html но безуспешно, такая не получается. Буду благодарен если кто нибудь подскажет другой способ сделать такую схему, так на всякий случай)))

    Asked by gadjet, September 1, 2012

    0 votes
    4 answers
11. Куда делась полоса прокрутки?

    Вопрос в названии темы, подробности ниже. Что это может быть? IeTester хоть как то реагирует, а IE8 вообще зависает. Видео заранее спасибо за ответы.

    Asked by fragilewelldone, September 1, 2012

    0 votes
    3 answers
12. HTML5. Кроссбраузерное Оформление Placeholder...

    Здравствуйте. HTML5 изучаю недавно и на днях решил применить атрибут 'placeholder'. (с соответствующим плагином для кроссбраузерности.) В результате столкнулся со следующими трудностями: 1) Opera не поддерживает регуляцию цвета для текста. 2) В Safary невозможно отцентрировать текст по горизонтали. Буду благодарен, если кто подскажет обходные пути. (Возможно требуется прописать что-нибудь в скрипте? Я в этом не силён.) P.S. Также было бы неплохо понять, каким образом можно найти аналог св-ва ':focus' для инпутов в ie-7? (необходимо поменять цвет бордерам.) Пример страницы с проблемами находиться здесь: http://webmaster.ayrveda.ru/Placeholder/index.html Буду признателен за…

    Asked by Yamaradg, September 1, 2012

    0 votes
    0 answers
13. Прелоад изображений

    Наткнулся на статью, о проблеме с подгрузкой изображений для элементов, которые по умолчанию display: none; http://www.xiper.net/collect/html-and-css-tricks/css-tricks/preload-images.html Статья эта датирована 2009 годом (хотя, почти 2010), но технологии то, на месте не стоят. В связи с этим, вопрос: эта проблема актуальна на сегодняшний день? И если да - то может вы знаете какие-нибудь более изящные/легкие способы решения этой проблемы, чем те, которые приведены в статье?

    Asked by Evkaky, September 1, 2012

    0 votes
    1 answer
14. Автоуменьшение горизонтального меню

    Здравствуйте, есть горизонтальное меню оформленное через 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
15. Проверка кроссбраузерности

    Есть какой-нибудь аналог IETester, но для старых хрома, лисы и сафари? Нашел только сайты, но там можно проверить только url, а хотелось бы по быстрому, не загружая на хост... И еще вопрос, касающийся градиентов. background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0ECF4), to(#D0ECF4), color-stop(0.5, #5BC9E1) color-stop(0.6, #5BC9E5)); Значения позиции в color-stop 0.5, 0.6. откуда берут отсчет? От начальной точки градиента начинается 1 и дальше по убыванию? Т.е. в данном случае с обычным градиентом сверху вниз, наверху 1 а внизу 0.0. Но если бы градиент был по диагонали(0 100%, 100% 0) , то отсчет будет как я указал на картинке?

    Asked by ВикторТрошка, September 1, 2012

    0 votes
    0 answers
16. доктайп блочит скрипт?

    вобщем сделал какую то страничку, на ней - скрипт,но не работает сволочь убрал <!DOCTYPE html> - заработало. больше ничего не менял,у тега скрипт не было атрибутов. Но без доктайпа не хорошо.как доктайп влияет на скрипты?

    Asked by Мелкий, September 1, 2012

    0 votes
    0 answers
17. Горизонтальная прокрутка

    Добрый день. У меня следующая проблема. Есть разметка <div class="carousel"> <a href="#"> <img src="some_src"> </a> <a href="#"> <img src="some_src"> </a> <a href="#"> <img src="some_src"> </a> .... </div> и стили к ней .carousel { overflow-x: auto; width: 300px; height: 90px; } .carousel a { display: block; float: left; margin: 3px; } и вместо горизонталсной прокрутки получаю вертикальную прокрутку пробовал также вместо float: left; display: inline-block, не помогло. что дел…

    Asked by tiko-svyazist, September 1, 2012

    0 votes
    3 answers
18. Атрибут lang

    Стал чаще встречать атрибут lang в теге html. W3C говорит по этому поводу: "Этот атрибут определяет базовый язык значения атрибутов элементов и текстового содержимого" И что нужен он для: "Оказание помощи поисковых систем Помощь агент пользователя выбрать символ варианты для высокого качества типографии Помощь агент пользователя выбрать набор кавычек Помощь агентам пользователей принимать решения о переносов, лигатур и расстояния" И тут у меня вопросы: 1) Разве не для этих же целе <meta http-equiv="Content-Language" content="ru"> 2) А если у меня значения атрибутов на англ, а сам контент сайта на русском? Что мне тогда писать в <html lang="">? 3) Действительно…

    Asked by Evkaky, September 1, 2012

    0 votes
    4 answers
19. Как в фотошопе опредилить позицыю слоя ?

    Здравствуйте. Подскажите пожалуйста, как узнать в фотошопе позицыю текста от левого края и от верхнего ? как в фотошопе опредилить еденицу измерения не pt а px ? у меня CS 4

    Asked by oggy3010, September 1, 2012

    0 votes
    1 answer
20. Неправильные ссылки 456 штук!

    Здравствуйте! Одномоменнтно на сайте появилось 456 штук неправильных ссылок. Редактирование не помогает, откат сайта тоже ничего не дал. Не могу найти информацию по этой проблеме. Подскажите, плиз, что могло случится? Ссылки перечёркнуты, но работают и все на старых публикациях в основном. Благодарю всех откликнувшихся!

    Asked by bond312, September 1, 2012

    0 votes
    4 answers
21. Div ссылка и Z-index

    Такой вопрос:есть 5 ссылок и 6 картинок 1 статичная находится в контейнере рядом другие нужно подключить к этому контейнеру так чтобы они заменаяли статичную если наводишь на ссылки тоесть к каждой ссылке приписываем по 1 изображению. Я разобрался как работает это с java :вот код a href="#" onmouseover="document.getElementById('kartinka').src='../Images/smena2.jpg';" onmouseout="document.getElementById('kartinka').src='../Images/smena1.jpg';">пункт 1</a> <UL> <li><a href="#">пункт 1.1</a></li> <li><a href="#"> пункт 1.2</a></li> <li><a href="#"> пункт…

    Asked by Stripped, August 31, 2012

    0 votes
    0 answers
22. Кроссбраузерная вёрстка(Ios safari...)

    Имеется сайт http://epicforever.ru/ Вверху 2 дива, собственно новости и новые песни. При открытии их на айфоне\айпэде, в левом диве некоторые строки переносятся на 2 строки, высота дива увеличивается... Как сделать, чтобы такого не происходило? nowrap не предлагать) c min-width экспериментировать пробовал, тоже не помогло.. мб что то не так делал. Зарнее спасибо)

    Asked by Briss, August 31, 2012

    0 votes
    6 answers
23. Изображение в нижний правый угол окна браузера

    Как поставить изображение в нижний правый угол окна браузера?

    Asked by Naverjas, August 31, 2012

    0 votes
    3 answers
24. Margin:0 auto для блока с абсолютным позиционированием

    Приветствую. Возник вот такой вот вопрос. Есть блок со следующими стилями: .block {position:absolute; right:0; bottom:0; left:0; height:6em; max-width:1200px; margin:0 auto;} Верстка «резиновая». При достижении ширины блока в 1200 пикселей все хорошие браузеры выравнивают его по центру. И лишь обожаемый и неповторимый IE имел все в виду в порядке строгой очереди. Стандартные фиксы не спасают (из-за абсолютного позиционирования): .outer {text-align:center;} .outer * {text-align:left;} Есть ли разумное решение проблемы или же имеет смысл не выносить мозг и вложить в .block другой блочный элемент и прописать стили к нему?

    Asked by solovets-denis, August 31, 2012

    0 votes
    1 answer
25. Safari (проблемы с SVG)

    Столкнулся с интересной ситуацией, я конечно понимаю, что Safari поддерживает нативные градиенты через старый или новый стиль задания градиента, но мне стало интересно как он ведет себя с SVG градиентом генерируемым Colorzilla генератором. Вот пример где все наглядно(открывать в Сафари): ПРИМЕР Как это объяснить я не знаю, помогите пожалуйста)

    Asked by Svatov, August 31, 2012

    0 votes
    2 answers