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
-
Форма подачи заявление
Здраствуйте, помогите сделать такую простую форму подачи заявление для сайта продажи спецтехники. http://ru.turbo.az/site/autos/form Выше указал пример, Весь гугл перерыл не могу найти. реально ли такое сделать ? Я хочу поставить на своем сайте где все собрал с html. Снести сайт и поставить движок сильно не хочется. Буду блогадарен.
0 votes2 answers -
Вставить видео
Доброго времени суток! Учусь искусству верстания, тренируясь на макетах, представленных в рубрике "Макеты для начинающих". Столкнулась с такой проблемой. В одном из последних шаблонов есть видео, которое проигрывается через плеер Кинопоиска. Подскажите, как такое же сверстать? Так как я только учусь, объясните плиз как для чайника. Заранее спасибо!
0 votes1 answer -
Кнопка background
Доброго времени господа! Помогите пожалуйста решить проблему: мне нужно сделать кнопки меню одинаковой ширины, сейчас при задании background картинки - кнопки получаются такой же длины как и текст меню, от этого все меню получается разной ширины,смотрится ужасно. Подскажите как сделать так, чтобы кнопки были определенной заданной ширины??? .sidebar { color: #333333; margin-bottom: 10px; margin-left: 0; margin-right: 0 !important; } .sidebar-right { } .sidebar-left { margin-left: 7px; } .sidebar-left h2 { } .sidebar-right h2 { } .sidebar a { background: url("images/h2bg2.png") repeat-x scroll 0 0 transparent; background-size: 100% 100%; …
0 votes4 answers -
class
Здравствуйте! а можно однному блоку присвоить 2 класа? типа <div class="class1,class2"> и какая кросбраузерность у этого метода?
0 votes1 answer -
Почему вкривь и вкось?
Здравствуйте. Использую сторонний компонент и никак не могу понять, отчего изображения в рамках сдвигаются вправо и вниз? Здесь пример Благодарю.
0 votes4 answers -
Есть ли смысл писать семейство шрифтов?
Мы часто пишем font-family: Arial, Georgia , Tahoma; Есть ли в этом смысл? Не достаточно ли оставить только Arial?
0 votes4 answers -
Margin внутреннего блока не отталкивается от отцовского
Подскажите п-ста по каким причинам блок делает отступ с помощью margin не от внутренней стенки своего родителя а от наружного элемента? (как показано на рисунке) Т.е. не так как указано здесь изображение
0 votes1 answer -
Не могу прижать подвал к полу
Здравствуйте, уважаемые профессора! Нужна ваша помощь! Не могу растянуть макет на всю страницу, хоть ты тресни! Хочется застрелиться :dash: Код html Код css Скачать архив (для вашего удобства ): _http://smokednuts.narod.ru/smokednuts.zip файл pokupatel.html Очень прошу помочь! Может я не тот доктайп юзаю?
0 votes8 answers -
Три div'а в ряд
Здравствуйте.Имеется три div'a , которые нужно расположить так , чтобы два блока , которые по бокам растягивались по мере уменьшения масштаба , а центральный оставался по середине и не тянулся , возможно такое дело осуществить? Вот пример , только здесь width указан точно в пикселях ; пробовал ставить width:100% не помогло ;( Заранее спасибо
0 votes2 answers -
Контент на всю высоту
Нужно сделать контент на всю высоту <div id="main"> <div id="content"> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor sit amet consectetuer eros odio vestibulum ipsum Aenean. Odio iaculis ut enim nulla tortor vitae mauris sed a velit. Eu Donec Cras non Phasellus lorem magna sem turpis commodo Donec. Urna augue odio tincidunt lacinia nulla Nam Curabitur Aliquam Nulla Donec. Condimentum urna pellentesque congue ridiculus condimentum Integer tortor quis hac nec. Turpis in congue risus.</p> </div> <div id="sidebar"> <div class="widget"> <ul> <li><a href="/">CSS</a></li> <li…
0 votes3 answers -
Прокрутка в блоке div
Возник такой вопрос, например, в каком-то месте сайта, у меня имеется div-ka <div id="con_event">тут очень много данных, текста, таблички, картинки, без разницы что, скажем так на пикселей 1500 высотой</div> стиль div-ки: #con_event { border: 0 solid white; height: 440px; overflow: scroll; } Всё отлично, моя div-ка имеет высоту 440пикселей, появилась полоса прокрутки, всё как задумывалось. Теперь вопрос: данные в div-ке прокручиваются, как только я подвожу мышку на дивку, и начинаю прокручивать колёсико мышки, есть ли возможность сделать так, чтоб, для "активации" прокрутки необходимо было кликнуть по div-ке, ну или ещё какой-то вариант? Суть вот в…
0 votes8 answers -
Фиолетовая граница картинки и при зажатии красная
Верстаю страничку и в слайдере картинок возникла проблема кода на фиолетовую границу картинки или на красную вообще и впомине нету к картинкам только один код у меня стоит width:100%;border:4px solid #fff;-webkit-box-shadow:0 1px 5px 0 #4a4a4a;-moz-box-shadow:0 1px 5px 0 #4a4a4a;box-shadow:0 1px 5px 0 #4a4a4a вот картинка
0 votes4 answers -
Li в строку и проблемы с AdBlock
Собственно проблема. Есть один макет: В данный момент решается проблема с баннерами, расположенными под шапкой. Собственно сейчас они выглядят таким вот образом: И это при display:inline-block !(display:inline ничего хорошего не делает в данном случае) Собственно данная проблема решается установкой списку float:right, но в таком случае возникает довольно специфичная проблема в браузере Google Chrome. При включённом AdBlock Все баннеры сползают подобным вот образом: Вопрос: Как выровнять li в одну строку не применяя параметр float. Где я ошибся? Сайт ironrussia.ru Код элемента: <div class="banners"> <ul> <li></li> <li><a href="http://k…
0 votes1 answer -
Doctype и слои
Вот такая проблема. Когда я подключаю doctype к документу, то слойность перестает работать (в частности мне необходимо с использованием position:relative). Без него же (т.е. просто <html> <head></head> <body></body> </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>Документ без названия</title> </head> <body> Слой 1 наверху <div style="position:relative; font-size:50px; z-index:2…
0 votes4 answers -
Визуальные теги
Всем привет. Ребята, обрыскал инет, но так и не нашёл объяснения этому термину. Растолкуйте,пожалуйста, что такое визуальные теги?
0 votes1 answer -
Проблемы анимации при использовании CSS Transition и display: none/block
Делал анимацию с появляющимися и исчезающими блоками через CSS Transition. Но наткнулся на проблемы. Проблему локализовал в таком коде: <style> #animated { -webkit-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; padding: 1em; border: 1px solid black; } </style> <script> function fadeIn() { document.getElementById('animated').style.display = 'block'; document.getElementById('animated').style.opacity = '1'; } function fadeOut() { document.getElementById('animated').style.display = 'none'; document.getElementById('animated').style.opacity = '0'; } <…
0 votes10 answers -
элементы DIV в ряд
Нужно расположить элементы DIV в ряд, и чтобы они вели себя, как обычные элементы - если div-ы не влезают по ширине в окно браузера, то чтобы они сами переносились на новую строку. Как это можно сделать?
0 votes1 answer -
Не работает hover в chrome
Здравствуйте! Помогите, разобраться, почему не работает код CSS для наведения на ссылку в Хроме и Сафари. Никогда с таким не сталкивался. Как должно работать в Хроме можно посмотреть тут: http://itk.budennovsk.ru/ CSS ul.nav_top2 { list-style: none; z-index: 999999999; } ul.nav_top2 li { float: left; height: 19px; margin-right: 20px; cursor: pointer; position: relative; z-index: 1; } ul.nav_top2 li a.one{ color: #005ece; padding: 5px 0 6px 10px; } ul.nav_top2 li a.one:hover{ background: #005ece url(i/top_menu_fonleft.gif) no-repeat left; padding: 5px 0 6px 10px; color: white; } ul.nav_top2 li strong{ font-weight: normal; paddin…
0 votes0 answers -
как сохранить background после css-position
Проблема следующая - есть header в нем на всю площадь нужно не симметрично расположить 4 div'a. Если верстать таблицей - получается уж больно громоздкий код. Я сделал через css (position: relative у header'a и absolute у div'ов). Но header'у был назначен background, a после position div'ы его перекрывают, как их оставить прозрачными???
0 votes2 answers -
Уезжает колонка(табличная верстка)
Проблема решена.
0 votes2 answers -
масштабирование под размер div
Здравствуйте Подскажите как реализовать так, чтобы изображение сжималось под размер div-а (у которого размер строго задан)? Ну тоесть если размер div меньше размера изображения, то оно не "отсекалось" бы а масштабировалось
0 votes2 answers -
Информация о ссылке
Вопрос такой - При наведении на ссылку в левом нижнем или правом нижнем углу браузера появляется адрес, куда ведёт эта ссылка. Есть ли способ скрыть эту информацию?
0 votes2 answers -
li в строку
В общем сайт http://design-wow.at.ua Пытаюсь сделать меню в одну строку, да и впринцыпе сделал, но IE решил что так не пойдет и отображает как список. Как можно исправить?Пробывал и display:inline; , display:inline-block; и float:left; для li, IE всеравно отображает как список..
0 votes2 answers -
CSS, растягивание блока в высоту
Суть следующая: есть один большой блок, содержащий два других: один слева, другой справа. большой блок содержит ТОЛЬКО другие блоки и больше ничего. а вот левый и правый внутренние блоки содержат текст. причём, на каждой странице сайта - кол-во текста разное. задача: сделать так, чтобы высота большого блока равнялась высоте самого большого из двух внутренних блоков, а самое главное: чтобы другой внутренний блок имел такую же высоту! проще говоря: высота ВСЕХ трёх блоков должна быть РАВНА и зависеть от высоты самого большого из внутренних! Проблема в том, что если большому блоку задать фиксированную высоту в пикселях, то внутренним можно поставить по 100% и всё работает. а…
0 votes4 answers -
Кнопку поиска вставить внутрь формы
Как сделать чтоб лупа была внутри формы? <form action="/" method="post" class="search"> <input type="text" value="Ваш поисковый запрос..." class="searchfield"> <input title="Найти" alt="Найти" type="image" src="i/search_button.png"> </form>
0 votes1 answer