HTML Coding

29542 questions in this forum

1. Ссылки с фоновым изображением

   Всем привет, вот такой вопрос: есть блок допустим шириной и высотой 100px. В блоке необходимо реализовать ссылку по нижнему краю по центру, над ссылкой имеется картинка-фон(фоновая картинка обязательно). Как сделать чтобы при наведении на ссылку и на картинку-фон менялась сама картинка-фон. Причем кликая по картинке-фон тоже мог бы осуществляться переход на другую страницу т. е она была бы тоже ссылкой

   Asked by rusaxxx, September 12, 2012

   0 votes
   1 answer
2. Скорость отображения

   Передо мной стоит задача сверстать страницу так, чтобы скорость отображения её была максимальна. Я использую Yslow для анализа страницы. Но существует ли другой инструмент? Можно ли проверить будет ли быстрее работать, например, float или position:absolute? Одно и то же можно сверстать разными способами, даже при одинаковом количестве элементов DOM. Как-то можно узнать, что отображается быстрее?

   Asked by sktemp, September 12, 2012

   0 votes
   9 answers
3. Открытый пункт меню, при переходе со страницы

   Приветствую, Есть обычная менюшка на главной странице, допустим "пункт1" "пункт2" "пункт3" "пункт4" переходим в "пункт2" там у меня еще одно меню. Вопрос, как сделать так чтобы при переходе в "пункт2" уже был открыт первый пункт следующего меню?

   Asked by Maxi, September 12, 2012

   0 votes
   1 answer
4. less стили видит только мозила

   Добрый день! Осваиваю сейчас less и столкнулась с проблемой - только мозила корректно отображает страничку, остальные браузеры отображают без стилей. Они вообще не видят стилевые файлы с расширением .less Проверила настройки js в браузерах -включены. Да и другие скрипты нормально работают. Хром выдает ошибку: XMLHttpRequest cannot load file:///Web/TEST/test_style.less. Cross origin requests are only supported for HTTP. less.js:8Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101 Как можно решить эту проблему?

   Asked by F315, September 12, 2012

   0 votes
   7 answers
5. Обтекание изображением

   Необходимо выполнить такую задачу: Причём, чтобы при загрузке картинки (когда её нет) текст не передвигался в левую часть, а оставался неподвижным справа. А дополнительные данные были внизу правого блока. Подскажите, куда копать? На данный момент, стабильно работающее решение (кривое и без блока доп. данных): #test { background-color: grey; margin: 15px 0; } #test .image { float: left; margin-right: 15px; width: 300px; /*чтобы текст не передвигался*/ height: 150px; } #test .image img { width: 300px; /*уменьшение изображения*/ height: 150px; } #test .wrapper { padding: 10p…

   Asked by Joseph Jevelin, September 12, 2012

   0 votes
   4 answers
6. Проблема с футером

   как сделать так чтобы футер обтекал див с абсолютным позиционированием с низу?

   Asked by daggi, September 12, 2012

   0 votes
   3 answers
7. Уникальная ширина первой ячейкм таблицы

   У меня есть таблица. Ширина каждой ячейки, кроме первой, равна 151px. А у первой должна быть 14px. Таблица имеет id="apa". Я пишу свойство CSS #apa td{ padding: 0; width: 151px; } Первой ячейке я пишу class="first" .first{ width:14px; } Почему ширина не применяется? В FireBug пишется, что браузер его видит, но даёт приоритет ширине 151px. Как сделать так, чтобы ширина применялась корректно? Можно ли сделать без класса?

   Asked by sktemp, September 12, 2012

   0 votes
   12 answers
8. IE неверно отображает список

   Почему-то Интернет эксплорер отображает маркированный список на странице без маркеров и без интервалов между пунктами списка. А вот Опера отображает его почти правильно. Только вот в стиле указан маркер disk, а браузер отображает маркеры как square. Вот код списка: <ul> <li><a href="http://ansaldovei.ru/rus/18/">Статические тиристорные компенсаторы реактивной мощности - СТК (Фильтро-компенсирующие устройства - ФКУ, Тиристорные компенсаторы реактивной мощности - ТКРМ)</a> <br/> </li> <li><a href="http://www.ansaldovei.ru/rus/25/">Управляемый шунтирующий реактор трансформаторного типа - УШРТ</a> </li&g…

   Asked by andrystepa, September 12, 2012

   0 votes
   9 answers
9. Плавное изменение цвета

   Всем привет! Такой вопрос: необходимо, чтобы цвет ссылки плавно менялся на другой, как, например, здесь, как это сделать?

   Asked by dvijok, September 11, 2012

   0 votes
   6 answers
10. Обвертки в HTML

    Есть такая проблема в знаниях. Просьба помоч без издевок и с пониманием так как ответа в гугле я не нашел. Вобщем не могу понять зачем необходимо использовать обвертки для некоторых элементов страницы(а именно где надо а где не надо). Особенно меня интересует причина которая связана хезлейаутом.

    Asked by IevgenNov, September 11, 2012

    0 votes
    1 answer
11. font squirrel и кириллица

    привет всем. вобщем все таки пришлось мне свзываться с кастомными шрифтами. решил использовать font squirrel. шрифт junegull. закинул, конвертировал, скачал. но вот беда работает только с латинскими. то есть в демке подставляю русский текст - а фиг! хотя шрифт кириллицу поддерживает. во всяком случае в фотошопе работает. вобщем видимо я туплю - тыкните носом плиз. заранее благодарен всем отзвавшимся шрифт брал тут

    Asked by Dioni$$, September 11, 2012

    0 votes
    4 answers
12. Прочтение строки document.cookies.

    Подскажите, кто знает. Задаю сначала строку для куки: document.cookie="name=Ivan; secondName=abcd;"; , а потом хочу ее вывести при помощи document.write(document.cookie);. Выводит только первую пару - name=Ivan и больше ничего. Должно ли так быть и если нет, то где может быть ошибка?

    Asked by webmos, September 11, 2012

    0 votes
    0 answers
13. Тег <br/> Как убрать?

    Здравствуйте, подскажите, пожалуйста, почему у меня в конечном варианте виден тег <br/> и как его убрать? Выкладываю слова песни. Если делаю как обычное стихотворение с тегом <br>, то всё получается нормально. Если же добавляю скролл через textarea , то в конце каждой строчки при просмотре на сайте пропечатывается <br/>. Привожу здесь пример без <br/> в конце строчек, т.к. что с ним, что без него, что сплошным текстом с этим тегом, всё получается одинаково – он пропечатывается сам. <textarea rows="5" cols="30" name= I don't wanna talk About the things we've gone through Though it's hurting me Now it's history I've played all my cards And th…

    Asked by SimSim77, September 11, 2012

    0 votes
    3 answers
14. Не растягивает DIV на всю высоту контента

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

    Asked by dmitry_d, September 11, 2012

    0 votes
    5 answers
15. Кастомные шрифты

    Добрый день друзья, вставляю кастомный шрифт с помощью следующего кода @font-face { font-family: 'sss'; src: url('fonts/sss.eot'); src: url('fonts/sss.eot?#iefix') format('embedded-opentype'), url('fonts/sss.woff') format('woff'), url('fonts/sss.ttf') format('truetype'), url('fonts/sss.svg#TerminalDosisMedium') format('svg'); } шрифт формата .ttf скачивал с fontzone.net, а конвертировал через сервис http://onlinefontconverter.com/ ну шрифт правильно отображается только в opere, а еще бы хотелось бы в мозиле с 3.6 и в гугл хроме, что не так? Или оставить один ttf ну в мозиле все равно не работает..... даже в самой новой, для мозилы…

    Asked by Hol1killer, September 11, 2012

    0 votes
    3 answers
16. верстка бэкграунда на высоту потребности макета

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

    Asked by VictorioIP, September 11, 2012

    0 votes
    1 answer
17. Помогите разобраться с меню

    Ребята, помогите поправить меню. Сайт aboba.ru Хочу кнопки-картинки в меню шапки поменять на картинки+текст...Шаблон на табличной верстке. Пробовала делать так <tr><td colspan=2><a class="k1" href=$urlmyaccountlogo>МОЙ АККАУНТ</a></td></tr> в css прописываю класс .k1{ display: block; background: url(images/нужная мне кнопка без текста.gif); color: #FFF; background-repeat:no-repeat; outline: none; text-decoration: none; font-size:14px; } Уже справилась, так и не дождавшись ответа))) пробовала и размер картинки задавать, и как стиль прописывать...Получается что надпись видна, а кнопка либо частично либо вообще никак... Я новичок, не суди…

    Asked by nosovamg, September 11, 2012

    0 votes
    0 answers
18. Выравнивание текста в блоке по ширине и по левому краю

    День добрый форумчане. Суть вопроса. Есть блок с текстом, блок резиновый. Задача: если ширина блока меньше определённого количества пикселей, то выравнивать текст по левому краю блока, если же больше — по ширине блока. Можно ли это реализовать на голом html5 + css3 или, только js Если с js то желательно примерчик или ссылку на мануал. Спасибо.

    Asked by bigperson, September 11, 2012

    0 votes
    5 answers
19. как сделать пробел между ячейками в таблице?

    как сделать пробел между ячейками в таблице? вот сайт http://new-site.16mb.com/ нужно сделать пробел между шабкой и контентом, контентом и подвалом. а пробел был цветом фона.

    Asked by flatron, September 10, 2012

    0 votes
    3 answers
20. Проблема с div (наверное). Помогите!

    Вот такой вот код: #prodbtn a { font-family: Century Gothic; font-size: 14px; text-decoration: none; background: #e5e5e5; padding: 5px; border: solid 1px black; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px } #prodbtn a:hover { text-decoration: underline; background: #c1c1c1; } <a href = "http://link"><div id = "prodbtn">Оборудование</div></a> <a href = "http://link"><div id = "prodbtn">Программное обеспечение</div></a> Я в верстке шарю чуть лучше, чем никак. Хочу сделать 2 кнопки простенькие, на которых написано слово, а по клику пер…

    Asked by Shimmy, September 10, 2012

    0 votes
    3 answers
21. Насчет картинки на заднем фоне

    Всем привет. Вот у меня к вам вопрос по оптимальности решения. Значит имеем примерно следующее: Обратившись к наглядной иллюстрации мы можем заметить, что главная страница сайта сделана по центру, и две картинки по бокам. При чем центральная страница, как бы перекрывает картинки по бокам. Простите если мои художества выгрызают у вас хрусталики глаз. Собственно вопрос. Как правильнее поместить две картиночки по бокам, на задний фон? Мои варианты. Первый(bad) - Это сделать три колонки.Но тогда задавать придется в процентах все. А очень хочется, что бы центральна колонка была фиксированный ширины. Второй(not bad, but what about сross-browser compatibility.. thx to ggl-trnsl…

    Asked by boooze, September 10, 2012

    0 votes
    2 answers
22. Переход по внешней ссылке

    Здравствуйте! Нужно сделать так чтобы при переходе по ссылке (внешней) Сначала вылазила страница с подтверждением. Пример: Желательно без php. В Гугле находил несколько решений, но почему-то они не работали. Логотип ЯПлакалъ - не реклама)

    Asked by Simpsons, September 10, 2012

    0 votes
    2 answers
23. Скрипт в шапке

    Скажите пожалуйста,как поставить скрипт в шапку сайта,чтобы он стал справа? Пробовала так [right.]скрипт Ничего не выходит. Эти теги видны в шапке, а скрипт стоит по центру Спасибо. и так [/r.]скрипт[r] Без точек, естественно

    Asked by fefa4ka, September 10, 2012

    0 votes
    2 answers
24. 2 тени

    как можно задать 2 тени? использую такой css код box-shadow: 0px 0px 10px #999, 0px 0px 50px inset #ddd; -moz-box-shadow: 0px 0px 10px #999, 0px 0px 50px inset #ddd; -webkit-box-shadow: 0px 0px 10px #999, 0px 0px 50px inset #ddd; Opera отображает все нормально, а хром и мазила не отображают тень вообще

    Asked by Avalon4eg, September 10, 2012

    0 votes
    2 answers
25. проблема с высотой ячейки

    если у меня <td width="25px" height="25px"> и я вставляю картинку <img src="img/img.jpg" width="25px" height="25px"> то фактически <td> имеет размеры высота 28 ширина 25 как это исправить чтобы были размера <td> - 25/25 и у нее влезала картинка 25/25 спасибо.

    Asked by Ravlik, September 10, 2012

    0 votes
    2 answers