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://netpeak.ua Получилась непонятная лажа На МакБуках Кто что может подсказать для решения проблемы?
0 votes2 answers -
Лайтбокс и видео ролик
Здравствуйте. Кто сталкивался с такой проблемой. Есть видео ролик и использоваться лайтбокс. При нажатии на лайтбокс его окно залазит за сам ролик почему так происходит непонятно( так как div с боксом имеет position:absolute, а ролик не имеет вообще никаких css стилей, только параметры. Берется прямо с ютуба. Вот пример Вот сss lightbox display:block; height:auto; left:408px; outline:0 none; overflow:hidden; position:absolute; top:575px; width:600px; z-index:1002; что может быть такое перелопатив горы интернета чето не пойму в чем может быть проблема
0 votes2 answers -
Лайтбокс не закрывает встроенные в страницк объекты
Установил на страницу этот лайтбокс на javascript. http://reghellin.com/milkbox/ Считаю, что вопрос более по вёрстке, чем по javascript. В этом лайтбоксе есть тёмное поле, закрывающее страницу. Вот его стили: #mbOverlay { position: absolute; left: 0; width:100%; background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */ z-index:100; cursor: pointer; } К сожалению это поле не скрывает встроенные в страницу объекты, как например, объект с youtube.com. Видеоплеер все равно располагается сверху. Есть ли способ скрыть его? Вот код примерного объекта с youtube.com, который я не могу скрыть <object width="640" height="385"><param…
0 votes0 answers -
Лапочка
Самый странный или интригующий сайт который вы видели.
0 votes2 answers -
левая гиперссылка в опере
В опере при наведении курсора на некоторые области сайта(бекграунды, заданные в СSS) курсор ведёт себя как при наведению на ссылку, которая отсылает по следующему адресу: <site_root>/= другими словами - посылает в равно Посмотреть на это чудо можно здесь www.catalpa.com.ua. (серые элементы дизайна) В других браузерах все нормально. Если кто-то знает в чем проблема - подскажите плиз ________________________________________________________________________________ _____ Вопрос закрыт, открыт другой. Если из файла куда-то изчезает несоклько букв(в данном случае закрывающий тег гиперссылки) єто вирусы, или возможны варианты?
0 votes2 answers -
левая колонка вылазит по вертикали за div-контейнер
Здравствуйте, не могу избавиться от проблемы -- в верстке есть див-контейнер, две колонки, левая и правая. Высота контейнера определяется почему-то по правой колонке, соответственно, если левая колонка оказывается больше по высоте, то она тупо вылазит за контейнер и наезжает на футер. А если правая колонка больше -- то и сам контейнер нормально растягивается по высоте. Надеюсь на помощь :-) Выглядит это так примерно -- http://alataru.narod.ru/
0 votes4 answers -
Левая колонка скрывается без скролла
При увеличении масштаба или изменении разрешения (например, 1024 х 768) наблюдаю удручающую картинку во всех браузерах: левая колонка "уходит" за край окна браузера без скролла. Возможно это вызвано комбинацией резиновой и фиксированной составляющей верстки (звучит наверно глупо, но больше мыслей по этому поводу нет ) Тестовый адрес пациента: _http://alex.hhos.ru/test/ Помогите решить задачку P.S. Заказчик страдает seo - паранойей, поэтому не удивляйтесь что блоки расположены, мягко говоря, не на своих местах P.S.S. Буду благодарен за любую обоснованную критику стиля верстки Спасибо!
0 votes29 answers -
Левая фиксированная колонка наезжает на резиновый центр
Не получается сделать резиновый шаблон, на примере - http://www.medtechnika.com.ua/ Когда все колонки резиновые, при увеличении, левая и правая растягиваются сужаясь. Когда устанавливаю левую колонку фиксировано, тогда при увеличении, левая колонка наезжает на центр. В шаблоне, который выше указан, используется CSS expression. Однако когда я отключил в браузере javaScript, шаблон растягивался точно также, как и с javaScript. Может, кто-то подскажет как такое сделать или где почитать? /* Центр */ div#wrapper { float: left; width: 100%; } div#content { margin: 0 20%; /* отступ центра от боковых колонок */ } /* /Центр */ /* Левая колонка */ div#left …
0 votes4 answers -
Левые графические маркеры в IE6
Проблема - страннее некуда. Сделал графические маркеры для элементов списка, но в ИЕ6 и ниже, как-то неправильно отображается маркер верхнего элемента списка - он съезжает вниз зачем-то. http://www.korben.biz/nukerus/modules.php?name=Products - неправильное отображение только в ИЕ6, ИЕ5 тоже - ниже не пробовал, но видимо также. В FF, IE 7 и Опере работает правильно. Подскажите, пожалуйста, в ч?м может быть заскок? уже вс? перепробовал! Вот код CSS: .nav { margin-left: -20px; padding-top: 10px; } .nav li { float: none; } .nav ul li a:hover, .nav ul li:hover { list-style-image: url(images/arrcur.gif); } .nav a.current, .nav a.current:visited { color:#ff0000; list-…
0 votes1 answer -
Левые отступы в IE6
Признаюсь: верстальщик из меня никудышний, про css имею смутное представление, я обычно рисую, а верстает кто-то другой. НО... Попросили меня причесать Джумловый шаблон. Решила попробовать, что, думаю (наивная!), по готовому-то... Уже скоро сутки воюю с некоей конструкцией из div-ов. В Опере всё красиво и без дырок. А в IE - вся моя красота разваливается из-за непонятно откуда берущихся отступов по бокам div-ов. Они перестают помещаться в строку, перескакивають на следующую и т.п. Вот так: И больше всего озадачивает знаете что? Если страницу обновить (F5), то отступы исчезают (ну, почти...): А если зайти по ссылке - все эти долбаные дырки тут как тут. Понимаю, что пробл…
0 votes4 answers -
Левый DIV фикс.ширины, правый - резина. Как сделать?
Задача следующая. Надо сделать два слоя рядом. В левом DIV'е будет меню, в правом - весь контент. Левый DIV должен быть фиксированной ширины: 224px, а правый - растягиваться до конца экрана по ширине. При этом чтоб не было горизонтальной полосы прокрутки. Пытался сделать с "границей", но работает не совсем так как надо. Почему-то доходя до определенной ширины DIV с контентом перестает расширяться дальше. При этом получается, что в больших расширениях экрана меню уедет в край, а контент остается чуть более чем до середины экрана. Вот скриншоты: 1024x768 1280x1024 Делал я следующим образом: <html> <head> <title>test</title> <style type="text/cs…
0 votes3 answers -
Левый блок
Сообщение удалено пользователем
0 votes2 answers -
Левый блок ширина в пикселях, а правый резиновый
Здравствуйте. Такой вопрос. Есть резиновый блок в нём ещё два (один из них не резиновый). Нужно чтоб эти два блока стояли рядом и полностью заполняли основной блок. Дело в том что первый блок имеет постоянную ширину например 100px, второй резиновый. <!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=windows-1251"> <title>Документ без названия</title> <style type="text/css"> #main{ border:3px solid #000; position:relative; width:80%; height:150px; margin:…
0 votes4 answers -
Легенький макет поверстать для "зеленого" новичка
Подскажите где найти или скиньке кто-то легенькие макеты для "зеленого" новичка поверстать. Я только начал изучать верстку и еще не чего толкового не верстал. Очень уж хочется все это осилить)))
0 votes25 answers -
Лейбл не прижимается к тексту, когда текст в 2 строки
Есть лейбл. По задумке дизайнера этот лейбл должен прижиматься к тексту и расстояние между лейблом и текстом должно быть 10 пикселей. Но вот когда текст переноситься это не срабатывает: лейбл прижимается к правому краю. Вот так http://skrinshoter.ru/s/121218/eVuL33Lz Понятно что дизайнеру не хотелось бы чтоб было так. Но как сделать это чтоб соответствовало его задумке - хз. https://codepen.io/anon/pen/OrVBKN
0 votes3 answers -
Лендинг и секции
Здравствуйте. Подскажите правильным ли путем иду. Делаю лендинг в котором несколько секций, допустим 4. Задача: нужно чтобы каждая секция была высотой 100% экрана. То есть я как понимаю: Задаю высоту <body> (или правильнее все таки обертку сделать?) высотой: 400%.Делаю высоту каждой секции по 100%. Так ли это? Если да, то вопрос следующий: Допустим у меня фиксированная навигация высотой в 100 px. Естественно первая секция увеличится и будет: 100%+100px. Что лучше в данном случае: Задать position: absolute; у навигации.(к чему склоняюсь) Сделать у секций top: -100px; Заранее спасибо!
0 votes8 answers -
Лендинг и типовая верстка
Лендинги сейчас набирают популярность. Также набирает популярность и грамотная верстка. И в связи с этим у меня вопрос - как совместить эти две вещи? Типовая верстка подразумевает примерно вот такой код: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body><header> ...</header><main role="content"> ...</main><footer> ...</footer></body></html>Однако, у лендингов нет ни "хедеров", ни "футеров", ни мейн-контента. То есть я бы верстал так: <!DOCTYPE html><html lang…
0 votes5 answers -
Лендинг и формы
Привет всем. Такой вопрос. Есть лендинг допустим. Лендинг-интернет магазин. Где на одно странице расположены куча товаров и при клике заказать под товаром, появляется pop-up в котором пользователь вводит свои данные. Такой вопрос. Для каждого товара делать свою форму? или сделать одну, которая будет генерироваться автоматически?
0 votes2 answers -
Лента новостей
доброго времени суток. /* carucel */ .infiniteCarousel {width: 1040px;position: relative;margin:0px 0 0 20px;} .infiniteCarousel .wrapper2 {width: 910px;overflow: auto;min-height: 10em;margin: 0 45px;position: absolute;left:17px;top: 0;} .infiniteCarousel .wrapper2 ul {width: 9999px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:-4px;padding:0;position: absolute;top: 3px;} .infiniteCarousel ul li {display:block;float:left;padding: 16px 0 40px;height: 100px;width: 131px;} .infiniteCarousel ul li a img {display:block;} .infiniteCarousel .arrow {display:block; height:48px; width:58px; background:url("../images/arrow.png") no-repeat 0 0; text-i…
0 votes0 answers -
Лента новостей RSS
Есть задумка наладить у себя на сайте ленту новостей про спорт.Но как получить саму ссылку на источник? СПС)
0 votes2 answers -
Летит фигура на картинке
.vid_mat { width: 228px; border: 1.3px solid #d0d0d0; background: #ececec; padding-bottom: 2px; padding-left: 6px; padding-right: 0; padding-top: 3.7px; display: inline-block; } .vid_name { padding-left: 0.9px; padding-top: 3px; } a.vid_name { text-shadow: #ffffff 0 1px 0; color: #127ad0; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-transform: uppercase; text-decoration: none; } a.vid_name:hover { text-decoration: underline } .vid_prew { width: 222px; height: 138px; position: relative; padding: 1.4px 0 0 0; } .vid_time { background: #000; border-top-right-radius: 2px; border-bottom-right-radius: 2px; height: 12px; width: 34px; position: abs…
0 votes13 answers -
либо footer не сдвигается, либо правый сайдбар сдвигается
Здравствуйте, помогите пожалуйста найти ошибку, не могу разобраться. В общем, я не могу сделать так, чтобы footer сдвигался если я добавляю больше текста в main, он (футер) либо на месте остаётся, либо если я в стилях main'у делаю абсолютную позицию, то сдвигается правый сайдбар. Вот мой html и css: http://jsfiddle.net/rwczq667/
0 votes7 answers -
Либо я туплю либо ИЕ ;)
<!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=windows-1251" /> <title>test</title> <style type="text/css"> body {padding: 0; margin: 0; border: none; border: 0;} .test {width:100%; height: 11px; background: red; text-align: center;} </style> </head> <body> <div class="test"></div> </body> </html> вроде бы простой не замысловатый код.. но в ИЕ6 устонавливается двойная высота %) мож я чё пропустил, или де лишнее …
0 votes2 answers -
лимит плееров
Добрый вечер. Использую на сайте библиотеку MediaElement.js. Когда я размещаю более 5 плееров на странице, Chrome просто не подогружает страницу ( в основном стиля ), если четко 5 все работает http://omega24v.esy.es/ <div class="audio-player p1"> <h5><span>Darom Dabro</span> Darom Dabro </h2> <audio class="audio-player2" src="libs/html5-audio-player/media/DaromDabro-BL.mp3" type="audio/mp3" controls="controls"></audio> </div> $('.audio-player2').mediaelementplayer({ alwaysShowControls: true, features: ['playpause','progress','volume'], audioVolume: 'horizontal', audioWidth: 660, audioHeigh…
0 votes0 answers -
Линейка
Я знаю, что есть линейка которой можно мерить расстояние между элементами прямо в браузере, подскажите откуда взять данную вещь.
0 votes4 answers