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
-
Ссылки и бордеры
здравствуйте, подскажите пожалуйста. Есть задача сверстать меню списком. У меню есть фон (красный), высота его 50пх. При наведении мышкой у ссылки должен меняться фон (черный). Вопросы: 1. Как мне выровнить ссылки по высоте блока? Т.е. на эти 50пх, чтобы ссылки не были сверху или снизу, по середине. 2. Когда задаю a:hover другой фон, то фон меняется только непосредственно у текста (т.е. не на все 50пх меняется фон) 3. У каждого li списка должен быть border с права, полоска, вытянутая на все 50пх. Но она вытягивается только на высоту ссылок (текста). как увеличить ее? помогите пожалуйста, в каком направлении мне двигаться? спасибо!
0 votes6 answers -
Блоки вразнобой и фон по наведению
Здравствуйте! Сверстал свою первую страницу. Результатом доволен, однако, есть пара проблем. Вот так выглядит макет: Проблема №1: Не могу допереть, как сделать оранжевый фон с картинкой READ MORE по наведению мыши? Проблема№2: Я запихнул блоки постов в отдельные вертикальные контейнеры, коих получается 3 штуки. Но потом я задумался, как же cms будет распределять куда их пихать? Правильней сделать чтобы в одном большом контейнере все эти блоки постов клались друг за другом, но при этом не зависели от высоты друг друга. Как это можно реализовать? Или как правильно реализовывать вот такие блоки?
0 votes3 answers -
Плавное появление при наведении
При наведении на блок необходимо чтобы блок внутри него плавно появлялся. Как это сделать? http://codepen.io/anon/pen/bdrYmZ
0 votes1 answer -
Кто может посоветовать?
как в textaria сделать отступ текста с верху? отступ от края строки сделал чудесным свойством "text-indent", а вот с верху отступ сделать не знаю как! есть вариант сделать padding-top: 10px; но может быть есть ещё какой не будь способ?
0 votes4 answers -
проблема с выводом изобрвжения
в файле ЦСС пишу #header { background: url(/images/header00.jpg) no-repeat; width: 760px; height: 158px; } картинка не выводится. Хотя в Дримвивере показывает картинку. А пишу так #header { background: url(header00.jpg) no-repeat; width: 760px; height: 158px; } то выводится! Нужно чтоб картинки были в папке images. В чем может быть проблема?
0 votes2 answers -
Полосы прокрутки
Здравствуйте уважаемые форумчане. Помогите пожалуйста с таким вопросом-проблемой если это конечно возможно. При изиенении атрибутов тега DIV параметра overflow в scroll появились так называемые полосы прокпутки, с права и снизу. Возможно ли как-то нижнюю переместить вверх "top". Зарание спасибо!
0 votes1 answer -
Реализация формы заказа
Всем привет За пару дней нарисовал и сверстал сайт с помощью гугла и этого сайта... Хочу сделать вместо простого прайса хорошую форму заказа с отправкой на емей. Цель : Клиент выбирает нужные пункты по типу <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> далее форма для комментария и контактов... с последующей отправкой этих данных на указанный емей. и тут смотрел и в гугле искал ничего полезного не нашел мб не так задаю параметры поиска не понятно. нашел пример http://www.gameshelper.net/prokachka-personazha-world-warcraft внизу находится html css и.т.п изучаю пару дней сильно не пинать
0 votes4 answers -
Проблема с FireFox
В общем проблема в следующем. Сделал меню сайта во вкладках (взял код с шаблона wordpress). Во всех браузерах работает замечательно кроме FireFox. Вот на скрине пример того как должно выглядить меню в ФФ _http://savepic.org/2278978.jpg, а показывает она сейчас вот так _http://savepic.ru/3101406.jpg. Не могу понять в чем может быть проблема. В javascript'е нет проблем, потому как я удалил вообще всю яву, а проблема осталась той же. Скорее всего проблема в CSS HTML код меню <ul id="tabs" class="tabs"> <li><a href="#" rel="tab1" class="selected">Меню 1</a></li> <li><a href="#" rel="tab2" >Меню 2</a></li> <div id="t…
0 votes1 answer -
Выравнивание по центру нескольких div
Добрый день, мастера. Решение своей проблемы я не смог найти поиском. Есть каталог в виде картинок. Каждая картинка обрамлена своим div, который имеет float: left. В результате имеем вывод картинок в виде матрицы с переменным количеством столбцов, зависящим от ширины браузера. Проблема в том, что выводимая матрица получается прижата к левому краю. Очень хочется, чтобы она была по середине. Все находимые в сети приемы выравнивают по середине только один div, в результате матрица превращается в одинокий столбец, но по центру. Нужно же, чтобы по центру была вся матрица. Спасибо.
0 votes3 answers -
Версия для печати
При верстке версии для печати столкнулся со следующей проблемой: Каждый браузер ставит свои отступы для страницы ( не внутри html а при предварительном просмотре страницы перед печатью ). Есть ли способ обнулить эти отступы? margin: 0; padding: 0; не подходят, т. к. они влияют только на html документ, а не настройки браузера.
0 votes6 answers -
Помогите к кодом
Вот начал создавать сайт. Хочу что бы он был ПОЛНОСТЬЮ резиновый по высоте и ширине! Мне нужно что бы блоки (шапка, новости, меню, и подвал) были определенных размеров в %. Помогите плиз.... Вот HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Delesive Game - игровые сервера Counter Strike 1.6</title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="container"> <div class="header"> <b><i>Delesive Game</i&g…
0 votes2 answers -
Проблема с закругленными углами
Доброго времени суток. Пытаюсь по уроку сделать градиент в CSS для изображения. Возникла проблема с закругленными углами. Вот HTML <!DOCTYPE html> <title>Градиенты</title> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <div class="container"> <img src="http://lorempixel.com/400/300/city"> </div> Вот CSS body { backgrounnd: url(http://subtlepatterns.com/patterns/subtlenet2.png); } .container { width: 400px; height: 300px; float: left; margin: 40px; background: #999; overflow: hidden; cursor: pointer; position: relative; border-radius: 5px; box-shadow: 0 8px 15px rgba(0,0,0,.6); } .contai…
0 votes2 answers -
Помогите с ccs
Добрый день, есть сайт на джумле, установлен модуль языков, но отображается он не так как надо на шаблоне я так понял что присутсвует класс lang-inliner которого нет в описании, что добавить и куда чтобы отображалось все нормально. Сайт http://rus-ino.ru . помогите пожалуйста
0 votes4 answers -
maybe i see you tonight)
на главной странице шапка сайта оформлена так: (с картинкой!) .header {height:60px; background-color:#717dc9; background-image: url(images/header.jpg); padding:20px; text-align:center} перехожу на другую страницу, картинки в шапке нет! Что делать?? код тот же .header {height:60px; background-color:#717dc9; background-image: url(images/header.jpg); padding:20px; text-align:center}
0 votes4 answers -
Проблемы с размерами div
Здравствуйте. Имеется макет страницы в фотошопе, и в процессе верстки возникли проблемы. Опыта верстки и программирования не много... Сайт у меня с фиксированной центральной областью, и боковыми div-ами, которые должны увеличиваться при более высоком разрешении. Нут тут в принципе обычная ситуация, такое я много где видел. Сначала, пока я делал центральную область, я просто сделал заливку основного слоя main, и разместил центральную область с margin: 0 auto; Нужная область расположилась по центру, и все нормально масштабируется при изменении разрешения. Теперь у меня задача такая - нужно заполнить незанятые боковые div. Чисто на пальцах я это представляю как-то так... Зап…
0 votes3 answers -
Поясните следующее поведение при позиционировании и выравнивании
Приветствую. Изучаю горизонтальное позиционирование и столкнулся с непонятным мне поведением элемента, поясните пожалуйста ситуацию. Собственно ссылка на пример. С 1-м и 2-м элементом все понятно, но как высчитывается отрицательный margin у 3-го элемента, относительно чего от высчитывается? Спасибо!
0 votes1 answer -
Несколько ul в nav
Вопрос: футере сайта, сложное меню в несколько строк и столбцов. Можно ли все обернуть тегом nav и туда поместить несколько ul и их расположить столбиками, или нет. Вроде в спецификации не написано, что нельзя, но я все равно мучаюсь выбором - то ли в один nav все ul, то ли несколько nav создавать. А вы бы как сделали?
0 votes2 answers -
Менюшка на css
<ul id="menu"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li></ul>Есть меню стандартного вида. Подскажите можно ли сделать без использовнаия javascript чтобы при нав…
0 votes3 answers -
<content> не работает без block при прочих равных
Собственно, наглядно здесь: http://jsfiddle.net/E5rSK/ Если создать div, то ему нет необходимости указывать display, но при таких же условиях не работает content, которому для отображения оказывается необходимым указывать display. Интересует, почему так? Кстати, footer этой проблемой не страдает, header, вроде тоже.
0 votes2 answers -
Объясните ошибку в коде
Добрый день! Никак не пойму почему у меня в хедаре следующая ерунда: http://clip2net.com/s/ioDzH2 <header> <div class="contener"> <div class="logo"> <img src="img/logo.png" alt=""> <h2>Professional oral care</h2> </div> <div class="english"> <a href="">In English</a></div> <nav> <ul> <li><a href="#">О компании</a></li> <li><a href="#">Продукты</a></li> <li><a href="#">Выбери себе</a></li> <li><a href="#">Общение</a></li> </ul> <ul> <li>…
0 votes3 answers -
Как сделать Border как в инстаграмме?
Чтобы эффект такой красивый был?
0 votes2 answers -
Событие для кнопки "Отправить"
Может тут мне помогут. Есть форма на странице http://kursy05.ru/landing/obratnaya-svyaz.phpдля кнопки "Отправить" добавил в самой же форме событие onclick реализующее цель "Событие" в метрике. onclick="yaCounter27097874.reachGoal('clickBtnSendKursy05Landing'); return true;"Получилось так: <input type="submit" name="web_form_submit" value="Отправить" onclick="yaCounter27097874.reachGoal('clickBtnSendKursy05Landing'); return true;">Везде написано что нужно добавить код. Делаю, но в метрике ничего не отображается ничего. Может что-то не так я делаю?
0 votes3 answers -
Запуск шаблона в сеть без движка?
Доброго времени суток! Есть простой шаблон html, есть хостинг, есть домен, движка нет. Подскажите, как сделать, чтобы моя страница отображалась в сети. На сколько понимаю необходимы команды php. Подскажите какие!? Заранее благодарен за ответ!
0 votes2 answers -
Отключить показ маркеров начала и конца маршрута GMap
При построении маршрута Google Map API, добавляются маркеры начала и конца пути. Вот как бы их скрыть?? Накладываются на метку companyMarker и портят вид заразы... http://joxi.ru/12M16N3UZ6e02J
0 votes1 answer -
Проблема с событием убирания мышки
Здравствуйте. Есть некая разметка с множеством одинаковых элементов. При наведении мышки на элемент вызывается скрипт который присваивает элементу CSS класс и перемещает его положение в DOM через appendChild (т. к. речь я веду об SVG, это перемещает его на передний план; в SVG это единственная замена z-index; при том элемент не меняет x и y координат). Когда пользователь убирает мышку с этого элемента, должен вызываться скрипт, удаляющий CSS класс. Этого не происходит. Методом проб и ошибок я понял, что, возможно, проблема в том, что, так как элемент переместился в DOM, браузер забывает о том, что на этом элементе было событие наведения курсора, и, как следствие, не вызыв…
0 votes1 answer