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
-
Верстка слайдера
Такая вот проблема у меня. нужно что бы был такой слайдер особенности 1, При наведении на маленькие превью - они перемещаются в левое окно уже в большом размере. 2, По клику на фото в левом окне - открывается поп-ап, в нем картинка оригинальной ширины. То есть нужен слайдер с функционалом 1, делать сам 3 разных размеров картинок из одной. (загрузил например 1920*1080, а он и в превью, и в левом окне, и при клике стал полноразмерным) 2, Все вышеперечисленное. Если кто то поможет создать такой, ну или скачать откуда то и редактировать его до вышенаписанного состояния - с меня огромные благодарности и пиво на вебмани) В js пока не сильно разбираюсь, что бы сам писать …
0 votes8 answers -
Как сделать 2-колоночный резиновый контент?
Здравствуйте! хочу сделать div content резиновым, а сайдбар фиксированным, но в этом div content в две колонки помещаю div'ы, но при сильном сжатии (явно больше указанных 200px) эти дивы уезжают друг под друга. Чтобы они ровно вставали сделал div'ы SubContent1,2. Вроде зафиксировал все координаты, но не получается... Что можете посоветовать? Или это надо делать таблицами =( ? CSS: #Content{ float:left; width:100%; min-width: 200px; margin-right: -250px; /*сайдбар там*/ } #SubContent1 { float:left; width: 96%; padding: 20px 1% 20px 0; max-height: 400px; } #SubContent2 { float:left; width: 96%; padding: 20px 1% 20px 0; max-height: 400px; } #DIV1 { float: …
0 votes1 answer -
"плавают" ячейки таблицы, если она внутри fieldset
Помещаю в fieldset таблицу. Для fieldset задано "float:left" В Firefox 2 все ячейки таблицы при этом начинают "плавать" независимо друг от друга. Как избавиться от этого глюка? Если вместо fieldset ставлю div или span, то все ок. Но в нашем портале я уже не могу заменять везде fieldset на другие теги. Вот упрощенный пример кода: <fieldset style="float:left;"> <table border="1"> <tr> <td>jgff</td> <td class="number"> 543 </td> </tr> <tr> <td>drgfddf</td> <td class="number"> 543 </td> </tr> </table> </fieldset> Вот как это выглядит в и…
0 votes2 answers -
Помогите разобраться с динамическим меню на CSS!
Помогите разобраться с горизонтальным меню на CSS?! Вот то что используется в шаблоне main.tpl : <!-- Топ-меню начало --> <div class=""> <ul class="topmenu"> <li><a href="/"><font color="#fff">Как выбрать</font></a></li> <li><a href="/zakaz.html">Как заказать</a></li> <li><a href="/">Как оплатить</a></li> <li><a href="/">Как получить</a></li> <li><a href="/">Акции</a></li> </ul> </div> <!-- Топ-меню конец --> Вот стиль CSS : */ html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;} bod…
0 votes4 answers -
Видео в изображении
Помогите сделать чтоб видео ( стрим канал) был в картинке (телевизор)?! Срочно нужно
0 votes14 answers -
Нужен совет бывалых. Посоветуйте матчасть пожалуйста.
Всем доброго времени суток. Суть дела в том, что я намерен обучиться html-верстке. Есть тестовое задание и мне нужны Ваши советы по поводу того, что мне необходимо изучить и почитать для того, чтобы я был способен это задание выполнить. Заранее всем спасибо за содействие. Вот ссылка: https://docs.google.com/file/d/0B6sGLd4R5HYAUkNXRG96Z1prRjA/edit?usp=sharing
0 votes11 answers -
min-width body и overflow-x: hidden
http://zverushka.zz.mu/test/ Если поставить боди min-width и overflow-x: hidden, то боди будет сворачиваться хоть до нуля ... Дело в том, что я второй блок action сделала шириной 120%, чтобы внутренняя тень была только сверху и снизу. В итоге я теперь не могу сделать ширину экрана нормальной. К тому же Overflow-x у формы action обрезает по вертикали выступающий край формы - почему?....
0 votes11 answers -
Структура form
Всем привет. Подскажите пожалуйста какую сделать лучше структуру для этих форм что на скрине ? Также еще вопрос, как делаются этот выпадающий список валют и инпуты такие ? http://pixs.ru/showimage/Lichniykab_9600987_19951905.jpg
0 votes6 answers -
Как сделать, чтобы Окрашивался выбранный пункт меню, в который перешёл
Есть готовое меню. Как сделать, чтобы при переходе по Выбранному пункту меню, он был окрашен. Т.е. чтобы цвет на нём зафиксировался, и не пропадал, пока не переду в другой пункт. Вот ссылка сразу для онлайн правки: https://jsfiddle.net/zzvewxhw/ Там и html и css стили. Буду благодарен за помощь!
0 votes5 answers -
hover эффект
Вобщем есть код <div class="number"> <a href='#'><img src='images/Call.png' class="call"></a> <b>8-905-282-60-55</b> </div> изначально тег <b> скрыт display:none; хочу что бы при наведении на ссылку тег <b> снова становился видимым. насписал стили: .number b{ display:none; } .number a:hover b{ display:block; } Но нечего не работает в чем проблема подскажите.
0 votes2 answers -
Крытые pdf файлы
Добрый при добрый день! Требуется реализовать такое: есть несколько файлов PDF, я их закинул в div none, и после нажатия они открываются, но проблема в том что страница долго грузится из за того что грузятся файлы в скрытом div. Как мне это обойти???помогите плиз ребят) Как то нужно сделать что бы только после нажатия на кнопку файлы подгружались
0 votes9 answers -
Полосы в psd макете & вопросы
Здравствуйте. При верстке по psd макету столкнулся с проблемой разметки одного из элементов, а именно полосы над и под основным содержимым главной страницы. Собственно вопрос: эти полосы реализовывать как изображение? Если да, то тегом img или div? И еще вопросик по шаблону: можно ли обрезать изображения с помощью css? К примеру левое изображение людей при нарезке изображений из макета в фотошопе у меня немного более полное, а на картинке снизу оно несколько обрезанное(немного приближено). Как реализовать эту серую разделяющую линию в основном контенте? border-left/right немного не так ее изображает(по высоте блока, а на картинке она ниже) или это не столь важн…
0 votes5 answers -
База данных phpMyAdmin не хочет открыватся!?
База данных phpMyAdmin не хочет открыватся!? При этом выдает ошибку: '); document.writeln(' Для работы phpMyAdmin нужен браузер с поддержкой фреймов. '); document.writeln(' '); document.writeln(' '); document.writeln(''); //--> Как исправить? что надо зделать? помагите !!!!!
0 votes12 answers -
Равномерно расставленные слова
Вобщем. Есть линия. Длинною в 100% от экрана юзера. Есть меню. Оно занимает... примерно 15% ширины экрана. Меню состоит примерно из 10ти пунктов. Вопрос: Как сделать так чтобы меню равномерно распределило все пункты на всю ширину экрана. А не стояло где-то скраюшку как бедный родественник. Заранее спасибо
0 votes5 answers -
Ломается див, если убрать border: 1px;
В общем прошу прощения - но примера привести конкретного не могу( Несколько раз в процессе верстке встречал (у Оперы и 1 раз у ИЕ), что при каких-то обстоятельствах, если убрать бордер у блока - то он теряет свое текущее местоположение (например может опуститься вниз на 20 пикселей) или т.п., может внутри него контент сдвинуться тоже непонятным образом( Может кто-то знает такой баг и почему так происходит?
0 votes5 answers -
не работает позиционирование в Firefox
есть проблема. в контенте внизу справа должна быть картинка. Opera и IE отображают нормально. в Firefox картинка выравнивается по краю окна браузера, а не по краю ячейки контента. html: <TD class="content"> <div class="content_bottom"></div> </TD> css: .content { position: relative; } .content_bottom { position: absolute; right: 0px; bottom: 0px; }
0 votes2 answers -
отступ картини и текста
Здравствуйте. Помогите пожалуйста. Как сделать чтоб в ячейке таблицы рисунок и текст под ним были в одной линии (с отступом от края таблицы).
0 votes9 answers -
Chrome: проблема с временным отображением hidden слоев
Есть одно выпадающее меню CSS+jQuery. (И сразу: в остальных браузерах различных версий все ок.) Позиционирование смешанное (релатив, абсолют), z-index'ы везде верные (и думаю, причина даже не в этом). В Хроме, после очередного обновления, возникли проблемы в отображением этих слоев: при наведении курсора на пункт, появляется слой, а если курсор убрать, часть слоя остается видимой (но не активной, есс-но). Письмо в саппорт Хрома как в Лету кануло. Картинка релейд: Как лечиться?
0 votes9 answers -
Как писать в файл?
Стал вопрос как записать в JSON файл информацию!? вот такая структура: window.dataStore = [{ title: "Гвардиола: «Немногие ставят на нас»", date: "25/04/2011", description: "Мадридский «Реал» подходит к первому полуфинальному матчу Лиги чемпионов против каталонской «Барселоны» в статусе фаворита, считает главный тренер каталонцев Хосеп Гвардиола, передает AP.", url: "http://i.eurosport.ru/2011/04/12/710370-8475905-317-238.jpg" }, { title: "Нойер: «Рауль обязательно забьет «МЮ»", date: "25/04/2011", description: "Перед первым полуфинальным матчем Лиги чемпионов между «Шальке» и «Манчестер Юнайтед» голкипер немецкой команды Мануэль Нойер вспомнил о том, как подавал мя…
0 votes1 answer -
Как сделать такой head ?
Как сделать такой header на сайте ?
0 votes9 answers -
Удаление подсказки из ссылки после нажатия
Как прописать полное удаление описания .removeAttr('original-title') jQuery(document).ready(function($) { $('#amoney').on('click', '.south', function(){ $('#amoney .south').removeClass('active').removeAttr('original-title'); $(this).addClass('active'); }); });
0 votes13 answers -
Меню - выпадающее меню html и сss
Здравствуйте! Не буду долго говорить нужно реализовать выпадающее меню такого плана (скрин-1). html и сss не подскажите пример кода?
0 votes6 answers -
Реализация с помощью CSS
Доброго времени суток форумчане, хотел узнать можно ли реализовать данную функцию с помощью css?Если да, то как?
0 votes5 answers -
Постоянное изменение left в jquery
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .text-jquery { margin: 0 0 0 30px; transition: 4s; } h1 { position: relative; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button id="as">Посчитать!</button> <button id="lol">Сместить!</button> <button id="lik"></bu…
0 votes4 answers -
fixpng и background-position
Проблема старая как мир, но для меня так и не решенная. Кто как борется с этой напастью? Очень не хочется двигать блоки, только потому что 6-ка не может выровнить png'шный background по нужному краю.
0 votes2 answers