HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Ссылки с фоновым изображением
Всем привет, вот такой вопрос: есть блок допустим шириной и высотой 100px. В блоке необходимо реализовать ссылку по нижнему краю по центру, над ссылкой имеется картинка-фон(фоновая картинка обязательно). Как сделать чтобы при наведении на ссылку и на картинку-фон менялась сама картинка-фон. Причем кликая по картинке-фон тоже мог бы осуществляться переход на другую страницу т. е она была бы тоже ссылкой
0 votes1 answer -
Скорость отображения
Передо мной стоит задача сверстать страницу так, чтобы скорость отображения её была максимальна. Я использую Yslow для анализа страницы. Но существует ли другой инструмент? Можно ли проверить будет ли быстрее работать, например, float или position:absolute? Одно и то же можно сверстать разными способами, даже при одинаковом количестве элементов DOM. Как-то можно узнать, что отображается быстрее?
0 votes9 answers -
Открытый пункт меню, при переходе со страницы
Приветствую, Есть обычная менюшка на главной странице, допустим "пункт1" "пункт2" "пункт3" "пункт4" переходим в "пункт2" там у меня еще одно меню. Вопрос, как сделать так чтобы при переходе в "пункт2" уже был открыт первый пункт следующего меню?
0 votes1 answer -
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 Как можно решить эту проблему?
0 votes7 answers -
Обтекание изображением
Необходимо выполнить такую задачу: Причём, чтобы при загрузке картинки (когда её нет) текст не передвигался в левую часть, а оставался неподвижным справа. А дополнительные данные были внизу правого блока. Подскажите, куда копать? На данный момент, стабильно работающее решение (кривое и без блока доп. данных): #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…
0 votes4 answers -
Проблема с футером
как сделать так чтобы футер обтекал див с абсолютным позиционированием с низу?
0 votes3 answers -
Уникальная ширина первой ячейкм таблицы
У меня есть таблица. Ширина каждой ячейки, кроме первой, равна 151px. А у первой должна быть 14px. Таблица имеет id="apa". Я пишу свойство CSS #apa td{ padding: 0; width: 151px; } Первой ячейке я пишу class="first" .first{ width:14px; } Почему ширина не применяется? В FireBug пишется, что браузер его видит, но даёт приоритет ширине 151px. Как сделать так, чтобы ширина применялась корректно? Можно ли сделать без класса?
0 votes12 answers -
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…
0 votes9 answers -
Плавное изменение цвета
Всем привет! Такой вопрос: необходимо, чтобы цвет ссылки плавно менялся на другой, как, например, здесь, как это сделать?
0 votes6 answers -
Обвертки в HTML
Есть такая проблема в знаниях. Просьба помоч без издевок и с пониманием так как ответа в гугле я не нашел. Вобщем не могу понять зачем необходимо использовать обвертки для некоторых элементов страницы(а именно где надо а где не надо). Особенно меня интересует причина которая связана хезлейаутом.
0 votes1 answer -
font squirrel и кириллица
привет всем. вобщем все таки пришлось мне свзываться с кастомными шрифтами. решил использовать font squirrel. шрифт junegull. закинул, конвертировал, скачал. но вот беда работает только с латинскими. то есть в демке подставляю русский текст - а фиг! хотя шрифт кириллицу поддерживает. во всяком случае в фотошопе работает. вобщем видимо я туплю - тыкните носом плиз. заранее благодарен всем отзвавшимся шрифт брал тут
0 votes4 answers -
Прочтение строки document.cookies.
Подскажите, кто знает. Задаю сначала строку для куки: document.cookie="name=Ivan; secondName=abcd;"; , а потом хочу ее вывести при помощи document.write(document.cookie);. Выводит только первую пару - name=Ivan и больше ничего. Должно ли так быть и если нет, то где может быть ошибка?
0 votes0 answers -
Тег <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…
0 votes3 answers -
Не растягивает DIV на всю высоту контента
Вот код и макет Ни в какую не хочет растягивать два разделителя слева и справа (красного цвета) по всей высоте текста.
0 votes5 answers -
Кастомные шрифты
Добрый день друзья, вставляю кастомный шрифт с помощью следующего кода @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 ну в мозиле все равно не работает..... даже в самой новой, для мозилы…
0 votes3 answers -
верстка бэкграунда на высоту потребности макета
Подскажите пожалуйста, как сделать так чтобы для определенного элемента, который охватывает все элементы макета, сделать так, чтобы определенная картинка, которая должна репититься через весь элемент, репитилась и за вертикальной прокруткой.
0 votes1 answer -
Помогите разобраться с меню
Ребята, помогите поправить меню. Сайт 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; } Уже справилась, так и не дождавшись ответа))) пробовала и размер картинки задавать, и как стиль прописывать...Получается что надпись видна, а кнопка либо частично либо вообще никак... Я новичок, не суди…
0 votes0 answers -
Выравнивание текста в блоке по ширине и по левому краю
День добрый форумчане. Суть вопроса. Есть блок с текстом, блок резиновый. Задача: если ширина блока меньше определённого количества пикселей, то выравнивать текст по левому краю блока, если же больше — по ширине блока. Можно ли это реализовать на голом html5 + css3 или, только js Если с js то желательно примерчик или ссылку на мануал. Спасибо.
0 votes5 answers -
как сделать пробел между ячейками в таблице?
как сделать пробел между ячейками в таблице? вот сайт http://new-site.16mb.com/ нужно сделать пробел между шабкой и контентом, контентом и подвалом. а пробел был цветом фона.
0 votes3 answers -
Проблема с 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 кнопки простенькие, на которых написано слово, а по клику пер…
0 votes3 answers -
Насчет картинки на заднем фоне
Всем привет. Вот у меня к вам вопрос по оптимальности решения. Значит имеем примерно следующее: Обратившись к наглядной иллюстрации мы можем заметить, что главная страница сайта сделана по центру, и две картинки по бокам. При чем центральная страница, как бы перекрывает картинки по бокам. Простите если мои художества выгрызают у вас хрусталики глаз. Собственно вопрос. Как правильнее поместить две картиночки по бокам, на задний фон? Мои варианты. Первый(bad) - Это сделать три колонки.Но тогда задавать придется в процентах все. А очень хочется, что бы центральна колонка была фиксированный ширины. Второй(not bad, but what about сross-browser compatibility.. thx to ggl-trnsl…
0 votes2 answers -
Переход по внешней ссылке
Здравствуйте! Нужно сделать так чтобы при переходе по ссылке (внешней) Сначала вылазила страница с подтверждением. Пример: Желательно без php. В Гугле находил несколько решений, но почему-то они не работали. Логотип ЯПлакалъ - не реклама)
0 votes2 answers -
Скрипт в шапке
Скажите пожалуйста,как поставить скрипт в шапку сайта,чтобы он стал справа? Пробовала так [right.]скрипт Ничего не выходит. Эти теги видны в шапке, а скрипт стоит по центру Спасибо. и так [/r.]скрипт[r] Без точек, естественно
0 votes2 answers -
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 отображает все нормально, а хром и мазила не отображают тень вообще
0 votes2 answers -
проблема с высотой ячейки
если у меня <td width="25px" height="25px"> и я вставляю картинку <img src="img/img.jpg" width="25px" height="25px"> то фактически <td> имеет размеры высота 28 ширина 25 как это исправить чтобы были размера <td> - 25/25 и у нее влезала картинка 25/25 спасибо.
0 votes2 answers