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
-
опрос на сайте
Подскажите пожалуйста , где редактируется опрос на сайте. нужно изменить вопросы. Спасибо
0 votes1 answer -
Рейтинг с градиентом
Есть блок по выставлению рейтинга 1 - обычное состояние 3 - при ховере 2 - полная полоска Может кто вешал такой скрипт или видел живой работающий пример Все что знаю скрипты там обычно используют одну картинку и репитят её а тут надо что бы плавно градиент увеличивался
0 votes2 answers -
Тени - а как бы вы их сделали?
Известно что тени блоков с помощью фильтров в IE мало того что выглядят не так как хотелось бы (или во всяком случае не так как в большинстве нормальных браузеров) так еще и тормозят систему, хотя при сегодняшних возможностях компьютеров это полагаю не так важно. Учитывая желание что бы во всех (IE, Chrome, Mozilla) браузерах тени выглядели одинаково каким образом вы их делаете? На данный момент знаю два варианта, первый с помощью картинок на background и последующей игры с блоками и как то с большим колличеством встроенных дивов. Оба варианта не пробовал, вот пытаюсь определиться какой удобнее. А может существуют и другие идеи?
0 votes3 answers -
Бэкграунд
Всем привет! Вопрос по повду бекграунда: http://d76952.u43.allramhosting.com/. Бекгрунд сверху и соотвественно снизу, когда меняешь размер окна по вертикали, вылазит белый бекграунд (снизу). Соотвественно этого быть не должно, пытаюсь сделать другой рипитбл бекграунд абсолютом, пока безуспешно. Может у кого была подобная проблема, буду благодарен за совет
0 votes4 answers -
Съезжает колонка
Добрый день. Не могу разобраться, устанавливаю lightbox вот этот: http://www.huddletogether.com/projects/lightbox2/ Все устанавливается легко и просто, но при увеличении картинки практически все элементы съезжают: В оригинале должно быть всё ровно. Залез посмотрел в css: http://aquadom.info/templates/def/css/style.css В строке 552 конфликтующий код: div{ padding: 0 !important; } Если удалить этот код, то в lightbox все получается ровненько как и должно быть: Но вылазиет проблема с правой колонкой, некоторые элементы съезжают вправо: Уже все перепробывал, не знаю что делать. Спасайте.
0 votes4 answers -
Пример с этого сайта разваливается
Делаю сайт, макет сверстан по типу примера с вашего сайта http://htmlbook.ru/layout/fiksirovannaya-shirina-tri-kolonki Добавляю в блок content новые блоки через float:left, что-бы создать новую строку с блоками соответственно <div style="clear:both"></div>, но остальные блоки выравниваются по высоте левой и правой колнки макета. Как можно решить данную проблему? Вот полный код: <!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> <style type="text/css…
0 votes4 answers -
Ссылки.
Добрый вечер! Имеется: 3 ссылки, над каждой ссылкой картинка. Что нужно сделать: Допустим, первая ссылка «Деревянные дома» над ней картинка дома. Вторая ссылка «Бани» над ней картинка бани. и 3 ссылка «беседки» над ссылкой картинка беседки. Вот что теперь нужно сделать: Когда мы находимся в разделе сайта «Бани», то, фон ссылки становится другим по отношению к тем двум ссылкам, а картинки над теми двумя ссылками становятся размытыми. Как с помощью css/html такое сделать — если нельзя, то скажите, как с помощью JS сделать. Пример прикладываю:
0 votes2 answers -
float и background-image
Приветствую! Сегодня верстал страницу и был поражён таким эффектом: на странице блок с меню, к которому применено float: left. Текст справа от этого блока отображается нормально, все отступы учтены. Если использовать изображения внутри блоока, то тоже всё в порядке. Но когда я задал блоку справа background-image и потом увидел результат, то был сбит с толку. Фоновое изображение расположилось в самой левой части страницы. И наплевать оно хотело, что там блок меню с float: left. Наблюдается во всех браузерах. Это как-нибудь можно победить без помощи margin и background-position? Макет просто резиновый (отступ слева страницы резиновый, а ширина меню фиксированная, поэтому в …
0 votes3 answers -
Тег Select атрибут Size
Кто нибудь знает, что за баг с тегом атрибутом size тега select в Google Chrome? При значении size <=4 отображается 4 элемента списка. В других браузерах нормально. Поиск в гугл ничего не дал. Только какой-то старый топик, в котором говорят, что это такая особенность хрома. Когда фиксить будут неизвестно. Как перебороть может знает кто?
0 votes2 answers -
Фон элемента
Здравствуйте. Я пытаюсь реализовать модальное окно у себя на сайте. Скажите, пожалуйста, как можно сделать так, чтобы левый, правый, нижний и верхний края имели каждый своё изображение? Пытаюсь сделать что-то типо этого:Может у кого-то есть другие варианты???
0 votes10 answers -
Свойство Float
Помоги пожалуйста, застрял в такой простой проблеме - не знаю что придумать, вот ссылка: jsFiddle Пример маленький, проблема что, текст в div.b не выравнивается, а переходит сразу вниз, хотя выставил свойства float, дизайн на сайте резиновый, так что не получится просто выставить width в px. Как можно выйти из ситуации?
0 votes1 answer -
линия за словом
подскажите пожалуйста такой момент) как можно сделать такую штуку, чтобы за словом шла сразу линия, типа: слово ———————-- такая штука ещё используется в контакте, в анкете пользователя. например:
0 votes2 answers -
Прошу оценить и помочь решить проблему
http://sevtorart.cc.ua/portfolio/ink/ Тут моя верстка. Прошу дать оценку\совет по данной работе и помочь исправить следующую проблему,а именно: попробуйте изменить масштаб клавишами Ctrl+\Ctrl-. Периодически (по какой зависимости понять не могу) плывет желтый номер телефона в главном меню и свисающая кромка блока Recent News в сайдбаре. Задавал подобный вопрос здесь недавно по другому проекту - человек посоветовал не заморачиваться,т.к. все браузеры при таком уменьшении расчитывают все по-разному. Однако, меня эта ситуация все равно бесит ибо на других нормальных сайтах при таком уменьшении\увеличении все ок. Перепробовал способы вроде установки min-width контейнеру с пла…
0 votes5 answers -
Наложение тени
Есть вот такой код, создающий меню. При щелчке по плиткам открывается подменю, выделяется зелёным фоном. http://jsfiddle.net/zsNbf/ Пока не получается у меня, чтобы зелёный фон проходил слитно перед тенью. Если добавить z-index: -1, то пункты меню становятся недоступны. В общем, прошу подсказки, чтобы тень закрыть, сам что-то упускаю.
0 votes6 answers -
Прижимаем footer (js или css)
Уважаемые мастера, хотелось бы услышать ваше мнение про этот метод http://habrahabr.ru/post/116267/ , прижатия к полу страницы, блока <footer>. Насколько он адекватен (если был опыт его внедрения) и насколько этот вариант оправдан по сравнению с вариантами в CSS?
0 votes3 answers -
float:left
при изменений окна браузера в Firefox, #right флоат заезжает на #out, кто как решает проблему? оба элемеента обязательно должны быть float:left body{ margin: auto; } .container{ margin: auto; width: 400px; } #out{ float: left; width: 100%; margin-right: -30%; } #right{ float: left; width: 30%; background: silver; } #center{ margin: 0 30% 0 0; background: blue; } <div class="container"> <div id="out"> <div id="center">center center center center center center center center</div> </div> <div id="right">right right right right</div> </div>
0 votes2 answers -
Фон шалин в Мазилле.
Добрый день! Есть вопрос, решение для которого я не смог найти. Скилл маловат. Вот цитата " http://childsecret.ru/kurs/grudnoe/ В GoogleCrome, Opera отображается так как я создавалВ Firefox один фон back2.png повторяется много разВ Yandex brouser один фон back1.png вообще отсутствует В css прописано так body { background-image: url(../img/back2.png), url(../img/back1.png); background-repeat: no-repeat, space; background-position: center top; } Как сделать, чтобы во всех браузерах было одинаково?" У меня даже мыслей нет в чём тут может быть загвоздка. Помогите пожалуйста советом.
0 votes4 answers -
div'ы в цикле
Всем привет, ребят така проблемка, например: .descript{ padding: 5px; float: left; width: 55px; margin:3px;}.model{ padding: 5px; float: left; width: 55px; margin:3px;}<div class="descript">123</div><div class="model">456</div>Тут понятно, два дива будут рядом по горизонтали, но при прохождении цикла формируются еще div'ы, и при такой конструкции они естественно тоже цепляются по горизонтали, а задача сделать так чтобы несколько блоков были по горизонтали, а следующие из цикла были ниже но в таком же виде, надеюсь понятно описал или тут лучше использовать таблицу? Спасибо!
0 votes2 answers -
Css пара вопросов
Подскажите пожалуйста, начал изучать html и css, иногда смотрю через хром как сделаны некоторые элементы, и вот есть пара вопросов: Это дебагер хрома (или как он называется) так вот, 2 вопроса 1) почему некоторые строки справа в разделе css зачеркнуты? 2) название: .progress .bar что это значит? всмысле почему после первого названия .progress идет еше второе .bar?
0 votes4 answers -
Выделение элемента
Блок должен менять цвет при его наведении, но даже если навести на дочерний блок который находится за границами контейнера основной контейнер все равно красится. Получается любой вложенный элемент является частью родителя? <div> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; } p{ width:600px; height:300px; background:red; } div:hover{ background:black; }
0 votes1 answer -
Высоты video background-a не подстраивается под текст
Подскажите пожалуйста как сделать что бы был текст внутри Video DIV-a и высота Video DIV-a была в зависимость от текста внутри? Вот кот который я пытаюсь сделать. http://cssdeck.com/labs/fp6hr6q4 Спасибо!
0 votes1 answer -
Проблемы с WordPress
удалите пож, тему вот скрины скриныВП.docx
0 votes0 answers -
позиционирование элементов
ребят помогите пожалуйста ни как не пойму почему блок с тектом на (2 картинке ) налазит на блоки хотя при нормальном размере браузера все норм вот код HTML <div class="team-info-fon"> <div class="team-info"> <div class="team-info-1"> <h1>Meet our team</h1> <p>Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed dooing eiusmod tempor incididut labore Ui / Ux , print template.</p> <div class="line2"></div> </div> <div class="team-info-2"> <img src="#" alt=""> <h2>mark waugh</h2> <p>Lorem ipsum dolor …
0 votes2 answers -
Загрузка данных в поле 1-ого фрейма, при нажатии на ссылку 2-ого фрейма
Мне нужно, чтобы при нажатии ссылки во втором фрейме, происходила загрузка данных (input type="text" id="debug") в первом фрейме, но у меня вместо этого происходит ошибка. index.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> <script> view_frames(); </script> </head> <body> </body> </html> page1.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> </head> <body> <!-- поле куда надо загрузить данные --> <input type="text" id="debug'"> </body>…
0 votes0 answers -
Заменить стили во фрейме?
Привет. Есть некая форма в IFRAME, которая предоставляется для расчета неких параметров. Форма предоставялется сторонним сайтом. Стили в форме никак не соответствуют стилям сайта, на котором она рзмещена. Можно ли как-то заменить эти стили, а то жуть на странице творится?
0 votes2 answers