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
29542 questions in this forum
-
воброс насчет background'a
имеется графический файл 1024x768, задаю в качестве фонофого рисунка при смены разрешения экрана, изображение в броузере отображается некорректно, как верно задать размеры фонового изображения для любого разрешения экрана?
0 votes6 answers -
Анимация градиента
Всем привет. Подскажите, как сделать плавное изменение градиента? Есть код: #change { border-top: 1px solid silver; background-color: #555; color: #ccc; width: 300px; height: 200px; background: -webkit-linear-gradient(top, white, black); -webkit-animation: 'grad' 3s infinite ease; } @-webkit-keyframes 'grad' { from {background: linear-gradient(top, white, black);} to {background: linear-gradient(top, black, white);} } Но он не работает. Пробовал указывать ключевые кадры - работает, но слишком громоздко получается. Может быть есть вариант по лучше? А то раздувать код не хочется, ведь слишком толсто будет..
0 votes6 answers -
Опасности удаления DOCTYPE
Доброго времени суток.. да и просто доброй жизни! Есть вопрос : Хочу удалить доктайп: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - из-за него у меня фиксированный блок в IE не работает. Уже пробовал разные варианты-хаки с фикс. блоком. Результатом был недоволен Хочу его удалить. Но не знаю какие проблемы могут из-за этого возникнуть, как поисковики могут отреагировать не такую "штуку". Всем откликнувшимся большущие спасибо!
0 votes16 answers -
Цена по правому краю
Как ни крутил, никак не придумаю, как сделать. Есть список услуг, нужно прицепить цены к правому краю, и промежуток заполнить чем-либо. если прибить цену к правому краю, то размер блока (или спан) с ценой ограничивается собственно текстом, внутри него содержащимся. Как добиться такого эффекта: Возможно ли вообще?
0 votes21 answers -
Где взять шаблон сайта?
Дорогие, форумачане! Скажите где можно взять шаблон для сайта, с уже нарезанными картинками, просто в Photoshop не очень хорошо работаю....
0 votes16 answers -
Из PSD в HTML,CSS
Ребята,объясните мне начинающему верстальщику,как сделать из PSD сделать сайт в HTML,CSS . Я понятия не имею как с фотошопа вырезать картики,иконки,текст,и как всё воплотить в HTML. Теоретически понимаю,а вот с чего начать не знаю. http://www.picshare.ru/view/3341745/
0 votes21 answers -
О фоне ссылок, всяких разных.
Вот так и бывает: показываю новичку, как надо правильно код менюшки писать, и попадаю в абсолютно глупую ситуацию, когда этот самый мой образец работает не совсем так, как ожидается. Вот образец. Суть в чём: у ссылки в различных состояниях (:link, :hover, :active, :visited) должен быть разный фон. Казалось бы, чего проще? Фоном картинку, содержащую три варианта, а для псевдоклассов меняем background-position. В общем случае всё работает как ожидалось, но: В Safari и Chrome игнорируется background для :visited. Используется тот же, что и для :link или вообще без псевдоклассов; В Firefox под Windows 7 фон для :visited работает, но при нажатии на ранее посещённые ссылки не …
0 votes26 answers -
Список внутри параграфа
Если я в html пишу: <p> <ul> <li>text</li> <li>text</li> </ul> </p> то когда открываю страницу в браузере получается: <p></p> <ul> <li>text</li> <li>text</li> </ul> <p></p> т.е. параграфы сами закрываются где не надо. Как сделать что бы работало нормально?
0 votes18 answers -
Как выделить активную ссылку меню на сайте?
Здравствуйте. Уже второй день ломаю голову. Нужно чтобы активная ссылка была выделена другим цветом. Напр. переходим по ссылке "Мыло ручной работы" и на странице где информация о продукте, фон ссылки выделить другим цветом. Ссылка на сайт (http://floris-m.com.ua/) Пробовал использовать JavaScript, но ничего не меняется: <script> $(function() {$(«li»).click(function(e) {e.preventDefault();$(«li»).removeClass(«active»);$(this).addClass(«active»);});});</script>HTML: <div class="akkordeon"> <ul class="vmenu"> <li class="home"><a href="/shop/mylo-ruchnoj-raboty">Мыло ручной работы</a></li> <li class="parent"><a href…
0 votes7 answers -
рамка во круг сайта
Приветствую! Подскажите пожалуйста, что-то никак не пойму... Нужна рамка для сайта во всю ширину и высоту страницы, с 5px отступом со всех сторон от тела документа, делаю margin:5; но сайт растягивается больше чем 100% и к тому же рамка прилипает к правой части и низу. <!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=utf-8" /> <title>Untitled Document</title> <style> html,body { margin:5; padding:0; width: 100%; height: 100%; color: #FFF; backgroun…
0 votes35 answers -
Стандартные шрифты
Не подскажите ли список шрифтов, которые можно безбоязненно использовать? Чтоб отображалось одинаково у всех пользователей во всех браузерах.
0 votes1 answer -
алфавитный указатель?
такой вопрос. есть список фильмов от А до Я, на каждый из которых дано однострочное описание. надо сделать алфавитный указатель. самое простое - сделать 30 страниц по одной на каждую букву, однако хочется сделать по-умному ) например разместить все записи на одной странице, и сделать так, чтобы при нажатии определенной буквы скрывались все строчки, начинающиеся с других букв )) примерно как авто-фильтр в экселе. есть варианты решения?
0 votes2 answers -
заливка div с картинкой- цветом
У меня есть div с картинкой,нужно чтобы по верх этой картинки был полупрозрачный серый цвет,как это сделать? Должно быть так,картинка серым цветом,навожу,серый цвет пропал. Подскажите,как это лучше сделать?
0 votes13 answers -
background или background-color в чем разница?
Возможно глупый вопрос, но интересует терминология. Часто подобное вижу в бутстрапе. Пример css код: background: url("/img/background.jpg") repeat-x;background-color: #ffffffПочему используются две переменные, разве не проще использовать одну? background: #fff url("/img/background.jpg") repeat-x;
0 votes4 answers -
Подгрузка контента
Ситуация такая: нужно в какой то контейнер (предположительно div) подгружать контент. Например: на странице есть блок с новостью. под ней ссылка: Читать следующую новость, при нажатии на которую без перезагрузки страницы грузится следующая новость. Браться они могут откуда угодна txt или другой хтмл. Знаю что реализовать это можно с помощью аякса, но можно ли как то обоитись без серверных языков? чистым js или еше как-то? самому в голову пришло две вещи,но они обе не нравятся: 1. создать к примеру 5 слоев, один видимый, а ссылкой управлять видимостью слоев. Проблема: не сделаешь много слоев-увеличивается размер страницы. 2. реализовать на флеш. Проблема: у юзера должен ст…
0 votes8 answers -
Как хранить большие объёмы информации?
Собственно, для меня является очевидным, что, к примеру, если на сайте будут большие объёмы информации, то их надо как-то хранить. Например, статьи. БД для этого не подойдёт. Следует использовать xml? Если не затруднит, напишите вкратце теорию и практику, хотя бы схематично, хранения и использования информации. Заранее большое спасибо. P.S. с этим вопросом яндекс мне не помог. спорить не буду, может мои запросы были кривые.
0 votes14 answers -
позиционирование формы
Ребят подскажите как отпозоционировать input и option что бы они были на одном уровне и одинакового размера,кучу видосов посмотрел на ютубе но там никто не объясняет толком как и почему <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <form action="#" method="post"> <p><label for="name">Name: <input type="text"></label></p> <p><label for="passvord">Passvord: <input type="text"></label></p> <p><label for="forza">Forza:</label> <select name="nav" id…
0 votes6 answers -
проблема со слоями в IE6+
Буду очень признателен в оказании мне помощи, т.к. я только начинаю осваивать азы верстки... Пробую настроить шаблон VM на Jooml`e. Увеличил шаблон мини изображения, картинка увеличилась но текст справа наезжает на нее. Поправил красные поля, в Firefox все выглидит так как надо, а в эксплорере текст поверх картинки и в высоту длина не увеличивается. float: left пробовал добавлять к картинке... #product_list>div { /*Оформление "квадрата" с информацией о товаре */ border-right:1px #E5E5E5 solid; background-image:url("../images/t1_bottom.gif"); background-repeat:no-repeat; background-position:0 100%; margin-top:1em; margin-bottom:2em; margin-left:10px; margin-r…
0 votes6 answers -
точные размеры трехколоночного макета, чтоб не разъезжался
нашел я всё-таки макет подходящий, он почти идеален единственная проблема, никак не могу подогнать точные размеры, блоки периодически уплывают... <!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" xml:lang="en"> <head> <title>Three column CSS layout: 100% height with footer | Savio.no</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <style type="text/css"> /* CSS-file for three column layout 2006 Developed by Eivind Savio */ * /*Set's border, padding and margin to 0 for all v…
0 votes27 answers -
bootstrap для новичка ?
Доброго времени суток, обитатели этого замечательного ресурса. Я начинающий верстальщик. Меня интересует такой вопрос: Стоил ли учится работать с css frameworkами начинающему верстальщику или же лучше все писать самому без какой либо помощи ? Не хочу что бы это как то отобразилось на моем обучении в худшую сторону...
0 votes4 answers -
Где-то ошибка в сценарии.
Здравствуйте. Этот кусок кода взят из книги JavaScript.Просто как 2х2. Люди подскажите что здесь не так, почему не работает (Отрывок из книги: "..Когда пользователь подводит указатель мыши к заголовку категории, открывается вложенный список гиперссылок, относящийся к этой категоии...Если пользователь перемещает указатель на другой заголовок категории, список ссылок предыдущей категории сворачивается, а под заголовком категории возникает новый список...". Только начал изучать JavaScript как попал в ступор блин. Спасибо. <html> <head> <title>Index</title> </head> <BODY> <FORM><DIV STYLE='color: blue; text-decoration: underline'&…
0 votes9 answers -
как закрепить меню
Здравствуйте! как закрепить меню, чтобы при свертывании окна internet explorer меню не смещалось вот ссылка на сайт это не реклама http://www.play-on.ru/ . И как сделать, что бы при разных разрушениях монитора меню не было сверху таблицы с текстом. и что бы сайт нормально отображался в разных интернет браузерах
0 votes6 answers -
Вертикальное выравнивание
Всем доброй ночи, а ситуация следующая: Есть вот такое вот меню: http://psywalker.ru/Forum/vert.png Сделано оно таким образом: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none;} ul { text-align: center;} ul li { width: 110px;} ul li { display: inline-table; vertical-align: middle;} </style> </head> <body> <ul> <…
0 votes9 answers -
Выравнивание абсолютно позиционированного (резинового) дива по центру
Подскажите как выравнить абсолютно позиционированный (резиновый с неизвестной шириной) div по центру?
0 votes2 answers -
Ссылка на елемент сайта
В прошлой теме мне помогли создать спойлер: <a href="javascript:;" class="videoA">klick</a><div class="videoJS">скрытый текст</div><script>$(".videoA").click(function () {$(this).next(".videoJS").toggle();$(this).toggleClass("active");return false; });</script>который отлично работает,которого на странице у меня более 20 штук,но вот я увидел что не все так хорошо как хотелось бы... Когда по спойлеру нажимаешь ПКМ и копировать адрес страницы,то оно копирует javascript:; а не адрес самого спойлера на этой странице.Аналогичное я видел с постами,ну когда на форумах нажимаешь пкм на номер поста,копировать адрес ссылки и копируется адрес те…
0 votes33 answers