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
-
Резиновый фон
Доброго времени суток. Прошу помочь с реализацией резинового фона. Просмотрел все варианты, попробовал сделать через div+img, но возникла одна проблема. Суть ее в том, что при сужении окна браузера появляются скролллбары, которые как бы обрезают фон (см. изображение).
0 votes4 answers -
Валидатор ругается
Валидатор ругается: В результате работы функции php в текст вставляется тег <br /> при чём без слеша этот тег катит а вот со слешем ругается. Что делать?
0 votes6 answers -
IE7 и всплывающие подсказки
Доброго времени суток! Есть страничка http://cath.in.ua/portfolio/curebit/new.htm На данный момент не могу исправить баг в IE7. При наведении на инпуты формы ввода выводится всплывающая подсказка, но в ie7 подсказка прячется под инпут, а надо, чтобы отображалась поверх блока. В остальных браузерах и версиях IE выше 7 отображается как надо. Подскажите, как можно решить данную задачу?
0 votes1 answer -
оценить степень оптимизации страницы
объясните пожалуйста как можно проверить степень оптимизации страницы? возможно, существуют специальные инструменты, которые парсят страницу и выявляют слабые места думаю, существуют сервисы, которые имитируют загрузку страницы при очень медленном соединении. было бы тоже интересно попробовать применить вообще по поводу оптимизации страниц я читал материал, сейчас меня интересуют конкретные инструменты. в гугле искать информацию по вопросу неудобно так как находится в основном сеошная информация
0 votes3 answers -
Как сделать элементы в одну строчку
Всем привет! Как сделать, чтобы эти кнопки были в одну строчку. main.tpl <div class="lb_soc_icons"> <ul class="lb_si_menu"> <li><a href="#">В</a></li> <li><a href="#">F</a></li> <li><a href="#">t</a></li> </ul> </div> style.css .lb_soc_icons { position:absolute; left: 15px; top: 5px; } ul.lb_si_menu li { margin-bottom: 3px; } ul.lb_si_menu li a { display: block; height: 30px; padding: 1px; width: 30px; font-size:16px; font-weight:bold; line-height: 30px; text-align:center; color:#3bb0ea; …
0 votes5 answers -
Прикручиваю слайдер - не отображется
Добрый день. Как сторонний слайдер прикрутить? Вроде код слайдера(в шаблоне) работает - в теги А, IMG яваскрипт добавляет свое. А где я ниже подключил никак не кушает настройки яваскрипта. Вот 178.95.185.177/real/alfasi.html?view=property&id=1:alfasi-15-rekhaviya Фаербагер даже другой подстветкой показывает, начиная с тега UL там где только черная полоска.
0 votes3 answers -
выравнивание
http://clip2net.unet.by/page/m0/100228 как сделать так,чтобы все элементы формы были по центру страницы как в образце
0 votes2 answers -
0 votes4 answers
-
Прокрутка клавиатурой
Здравствуйте. Имею сайт с прокруткой, заданой свойством {overflow: auto;} для тега <body>. Мышью сайт прокручивается, клавой - нет. ЧЯДНТ?
0 votes3 answers -
Визуальные закладки Яндекса поставить на сайт, можно ли?
Хочу поставить Визуальные закладки Яндекса на сайт, можно где то скачать код их? Или может есть уже готовое решение( Может быть есть их макет готовый)? Или как их вытащить из браузера? Через firebug долго заморачиваться, может кто нибудь дать дельный совет? Или может кто нибуть их сделать...
0 votes5 answers -
Проблема с плавной сменой картинки
Дорогие форумчане! Пытаюсь сделать плавную смену одной картинки другой. Использую JQuery. Всё вроде ничего, но почему-то вторая картинка "не понимает", что находится в ячейке. Подозреваю, что это из-за position:absolute;. Подскажите, как обойти этот момент. http://jsfiddle.net/LBRSg/ .image.first,.image.second {margin:0;padding:0;}.image.first {opacity:1px;display:block;position:absolute;/z-index:100;transition-duration:0.96s;-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}.image.first:hover {opacity:0.00;} div.ImgField {display:inline-block;background-position:center center;background-repe…
0 votes4 answers -
фон для меню в виде стрелочки
здравствуйте! модераторы форума скоро внесут меня в черный список )). Суть. Есть меню, у него есть определенный фон и стрелочка на конце. вот оно: http://savepic.net/4148855.htm вопрос: как реализовать эту самую стрелочку через ксс? макет фиксированной ширины, можно было конечно весь этот фон запихнуть в див, это конечно проще и быстрее, но может есть какой нибудь более граммотный способ реализовать это? спасибо)
0 votes2 answers -
Как создать такой бекграунд
Скачал для тренировке макет PSD-шки, но озадачился бекграундом. В нем кроме фоновых заливок присутствует по всему макету слой с мелкими буквами. Пришло на ум что cделать это можно задав фон с буквами для body, а всем иным блокам установить прозрачность, для текста же использовать before:. Энтузиазма это правда у меня не вызвало. Кто подскажет правильное решение? Вот ссылка на psd: http://aleks-lv.ucoz.ua/UnderSoft.psd Вот ссылка на jpg: http://aleks-lv.ucoz.ua/UnderSoft.jpg
0 votes7 answers -
Соответствие верстки и содержимого WYSIWYG редактора контента
Здравствуйте! Часто контентщики сайта жалуются, что содержимое контента страницы в WYSIWYG редакторе в админке (например TinyMCE) отображается не так как на фронтэнде (например, отступы между абзацами в WYSIWYG редакторе отображаются, а на сайте это в стилях может быть не прописано). В связи с этим вопрос: затачивают ли верстальщики верстку под WYSIWIG редактор контента и существует ли некий набор общих правил и стандартов для WYSIWYG редакторов или же надо для каждого сайта настраивать редактор контента под верстку этого сайта, но тогда тут тоже должен быть некий набор правил?
0 votes3 answers -
Слэш в конце
Всем доброе утро! Меня интересует вопрос. Допустим, взяв к примеру код: <link rel="stylesheet" href="/styles/style.min.css" />Объясните, для чего нужен этот слэш в самом конце? И в каких случаях он вставляется?
0 votes3 answers -
li + li выбирает два элемента
Подскажите, пожалуйста, почему буду красным выделены 2 элемента li после первого? Ведь по определению, насколько я понял, данный селектор выбирает первый соседний элемент, а тут выбраны, почему так? <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Пример страницы</title> <style> li + li { color: red; } </style> </head> <body> <ul> <li>text 1 <li>text 1 <li>text 1 </ul> </body></html>
0 votes4 answers -
Блок вылазит за пределы области
Блок со 100% шириной и отступом вылазит за пределы экрана. Как можно сделать что бы он помещался? Вот пример - http://jsfiddle.net/333vwb3k/
0 votes2 answers -
Помогите с canvas
Добрый день, помогите пожалуйста, сама задача, для приложения вконтакте надо сделать, canvas + картинка которая ложится сверху, допустим у нас есть есть две папки, в одной фон, во второй картинки, картинки выбираются рандомно...и еще должна быть возможность позиционировать картинку...помогите пожалуйста...
0 votes1 answer -
Как сделать кнопку с рисунком
У меня примерно вот такой код : <button> <img src="image/4.jpg" alt=""> </button> но когда я его запускаю появляется обычная кнопка без рисунка.
0 votes5 answers -
Вопрос по анимированной галерее на css
Добрый день! Изучаю верстку, сверстал небольшою анимированную галерею. Вот: https://jsfiddle.net/30g214ru/ И столкнулся с такой проблемой - когда я focus-ом открываю изображение - анимация открытия идет поверх общей галереи картинок, но когда я focus снимаю, происходит анимация закрытия открытого изображения.Но происходит она под галереей картинок. Как исправить подобную проблему? И возможно ли это? Я разные варианты с z-index-ом пробовал, ничего не получилось. Проблема в контексте наложения? Но вроде он один в моем коде.
0 votes1 answer -
не работает тег Font
Ребят помогите какой то косяк у меня не могу врубиться из записи font: 25px bold Tahoma sans-serif; работает только размер текста, а если писать развернуто все работает отлично,может я неправильно что то пишу,уже и на сам сайт htmlbook залазил курил мануал по font там такая запись допустима ;
0 votes2 answers -
Рамка
Подскажите пожалуйста, как сделать такую рамку? , я пробовала box-shadow, , но результат не тот, что нужен box-shadow: 0 0 10px 1px grey;
0 votes2 answers -
Grid проблема с текстом
display: grid grid: "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto / auto auto Когда в regStep появляется текст, сетка исчезает, то есть весь текст растягивается на всю ширину текста, как исправить этот баг и заставить текст оставаться по середине экрана? Набросал такой вариант grid "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto/ minmax(20px, 20%) minmax(60%, 1fr) minmax(20px, 20%) Но мне кажется этот код попахивает 😃
0 votes0 answers -
Проблема с вложенными дивами
Проблема в том, что родительский div (class="content") не расстягивается по высоте, соответсвтенно цвет его фона тоже. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Контент</title> <link rel="stylesheet" type="text/css" href="../css/style.css" /> </head> <body> <div class="content"> <div class="blockbox"> <div class="block16"> Контент Контент Контент Контент Контент Контент Контент Конт…
0 votes1 answer -
Проблема с центрированием
Подскажите пожалуйста как избавиться от скрола на этой странице? http://www.dev.discotune.ru/404.html Видимо проблема с кривым расположением нижнего элемента. Буду рад любым предположениям как все сделать грамотно.
0 votes2 answers