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
-
Проблемы верстки =D
Уважаемые знатоки, я просто уверен, что многие из вас могли сталкиваться с такой проблемой. Нужно разместить блок с абсолютном позиционированием по середине дочернего блока, но вот дочерний блок резиновый как быть? Точнее хотелось бы узнать интересные решения... У кнопочти хочу сделать треугольничек с закругленным краем использую after/before. А нормальный способ держаться середины не могу найти ~_~
0 votes1 answer -
Сверстать, чтобы занимало меньше места
В дизайне есть следующие фоны. Как их лучше сверстать, чтобы они занимали меньше места. Не хочется делать фон одной большой картинкой. Если присмотреться к фоном, то можно увидеть, что там есть наклонные полупрозрачные линии по всей картинке. http://s2.ipicture.ru/uploads/20130220/PH8eiXDT.jpg http://s2.ipicture.ru/uploads/20130220/1dk7iaCN.jpg http://s2.ipicture.ru/uploads/20130220/TH8CATcY.jpg
0 votes1 answer -
Как сверстать такие блоки?
Добрый день. Помогите, плз, сделать такую верстку, как на картинке во вложении. Таблицей большая часть делается за 10 минут, но, как мне сказали, таблицы - это фуфло, и надо дивами. В общем долго маялся через эти дивы - ничего не выходит. Либо приходится какие-то извращения придумывать, например, сделать контайнет, в нем сделать левый паддинг на 400 пикселей, и в эту область разместить абсолютный элемент, а в нормальную область все остальное, чтобы в строку было, либо еще что-то. Делать продвинутыми средствами как псевдо-таблицы (так это называется?) пока не хочу, т.к. эта верстка нужна для интернет-магазина, а он должен показываться правильно везде. И также, как я понял,…
0 votes5 answers -
Проблема наложения фонов
Верстка здесь : http://portfolio.imatte.us/kitos/ Проблема в следующем. Необходимо поменять фон таким образом, чтобы полосы по бокам на широких экранах (скрин : http://i.imgur.com/eBWgQ9h.jpg ) были не #000, а #2a2a2a. Я задаю фон для body #2a2a2a, но в таком случае и для контента фон становится #2a2a2a, а мне нужен #000. Тогда я ставлю для .site-body background: url('../images/content-bg.png') top center repeat-x !important #000;Но тогда получается так: http://i.imgur.com/M7XQosz.png Если ставлю для #wrap background: url('../images/bg-top.jpg') top center #000;то нижняя часть фона пропадает, и все просто черное. Подскажите, как исправить?
0 votes2 answers -
Скачут <img> в <table> в Mozilla
Добрый день, почему скачут изображения в таблице (раздел портфолио) в Mozilla при наведении на них мышкой? И еще - если нажать на изображение, всплывающее окно их перекроет (обязательно полностью) - при закрытии этого окна, маленькие изображения на долю секунды исчезают, почему? Сайт - gobanner.ru Спасибо всем гуру, которые откликнуться.
0 votes0 answers -
Вставить видео с онлайн камеры
Доброй ночи. Подскажите, пожалуйста, как можно вставить видео в формате mjpg на сайт? Есть онлайн камера http://87.228.103.93:8080/mjpg/video.mjpg, нужно видео вставить на другой сайт. Пробовал при помощи тегов <video><source>, но, как я понял, формат не поддерживается, в описании атрибута type к тегу source не нужного mime типа.
0 votes0 answers -
Проблема перекрывания выпадающим меню основного
В попытках украсить меню анимацией столкнулся с проблемой: выезжающий сверху вниз блок подменю в момент появления перекрывает основное. Пример этого явления привожу в коде: <style> .menu>li{ display:inline-block; width:120px; top:0; background:yellow; z-index:9; } .menu>li>ul { position:absolute; display:block; top:-200px; transition: top .4s ease 0s; background:green; width:80px; z-index:1; } .menu>li:hover>ul { top:30px; } </style> <ul class="menu"> <li>menu1 <ul> <li>podmenu</li> <li>podmenu</li> <li>podmenu</li> <li>podmenu</li> <li>pod…
0 votes4 answers -
Получение погоды с сайта.
Как введя на своей странице название города получить погоду с другого сайта? Искал по API, ничего не нашел. http://openweathermap.org/ не получаться.
0 votes1 answer -
Подскажите как сделать
Подскажите, как сделать чтобы выпадающий список выпадал только после нажатия на подраздел, а не сразу после наведения, как в моём случае. Код : http://codepen.io/Anatoliy667986584/pen/NbjEPP
0 votes0 answers -
Как разделить шаблон?
Как разделить шаблон в DLE, что бы при заходе в другие разделы загружался другой tpl? Для галереи нашел решение: if( $do == 'photo' ) $tpl->load_template ( 'main_photo.tpl' ); else $tpl->load_template ( 'main.tpl' ); Для статичных страниц не могу найти, точнее не помогает предыдущий прием. if( $do == 'opisanie.html' ) $tpl->load_template ( 'main_photo.tpl' ); else $tpl->load_template ( 'main.tpl' );
0 votes0 answers -
Битрикс + Верстка проблемы
Добрый день. Происходит проблема при индексации сайта ПС Яндекса, в сохраненной копии сайта тег <h1> становится ссылкой сама на себя, это проблема верстки или битрикс?
0 votes3 answers -
Вопрос по DIV верстке ...
Вот часть кода... #container { margin-top: 30px; display: block; border: 1px solid #CFCFCF; background-color: #FFFFFF; } #sidebar { width: 250px; float: right; background: #FF00FF; height: 500px; } #content { width: 648px; float: left; background: #0000FF; height: 400px; sidebar and content вложены в container. container отказывается расширятся по высоте этих блоков, на картинке он черного цвета... Чего подскажите?
0 votes2 answers -
Подлый СSS не потдается
Помогите разобраться плз почему при следующем коде: HTML: <body> <p class="footer_one"> </p> <div class="menu"> <ul> <li ><a href="#">All Clients</a></li> <li ><a href="#">Regions</a></li> <li ><a href="#">Board</a></li> <li ><a href="#">Working</a></li> <li ><a href="#">New Client</a></li> <li ><a href="#">Search</a></li> </ul> </div> </body> СSS body { margin:0; padding:0; } .footer_one { display: table; width: 809px; line-…
0 votes4 answers -
:hover в блочном меню. Что не так?
Я новичок. Пытаюсь создать сайт пока на локалке и столкнулся с такой проблемой. Не меняется фон в меню при наведении на него мышью. Путь к картинке правильный. Проверял несколько раз. Последний раз, для верности, указал путь к картинке через контекстное меню Dreamweaver, так что с этим ошибок быть не может. Вот код: <div id="menu"> <p><a href="#">Главная</a></p> <p><a href="#">Классификация</a></p> <p><a href="#">Инструменты</a></p> <p><a href="#">Установка</a></p> <p><a href="#">Полезные советы</a></p> <p><a href="#">Работы</a>…
0 votes3 answers -
Рамка вокруг ссылки в меню
Когда я щелкаю по ссылке, а потом возвращаюсь "назад" через меню браузера (стрелочка), то остаются вот такие рамки: их как-то можно убрать?
0 votes2 answers -
Манипуляция с псевдоэлементами
Собсно, сабж, можно ли на ::before и ::after как-то воздействовать в js (навесить обработчик, добавить стилей/класс)? Мне кажется, что нет, ибо в их DOM-дереве невидно даже.
0 votes1 answer -
"Адаптивные" квадраты
У меня такой вопрос. Как реализовать грамотно и адаптивно такое вот дело? Ну т.е. может уже есть готовые фреймворки или еще что-то, можно тыкнуть носом в статью или еще что-то.
0 votes1 answer -
Содежание <iframe> в соотв с регионом
Подскажите пожалуйста, решаема ли задача вывода разных баннеров в рекл блоке для разных регионов? Реклама Янд и Гуг не подходит, баннер должен быть кастомный. Можно ли задать параметры региона тегу iframe или подобрать иное решение?
0 votes2 answers -
Проблема с line-height в IE
Уважаемые форумчане, помогите решить небольшую проблему. Буду краток, в общем нужно сверстать блок последних записей. Особенность в том, что текст записи выводится сразу же после её заголовка вот так: картинка . Вроде бы ничего сложного, сверстал, вот ссылка если бы не одно но, во всех IE получается фигня какая-то вот смотрите скрин. Что я только не пробовал, решить эту проблему не могу! Может вы посоветуете что-то??? Заранее спасибо!!!
0 votes2 answers -
Заголовок с подложкой
Пытаюсь изобрести способ отображения заголовка, чтобы за ним была цветная линия, но она не была видна под текстом. Возможно ли это без использования дополнительного span внутри заголовка? Пока у меня получилось вот что, но линия получилась поверх текста. http://jsfiddle.net/4CBLC/
0 votes3 answers -
Блок выпадает при разных изображениях
Такая проблема: А должно быть вот так: т.е. верстка ломается при разных размерах изображения. Пробовал делать псевдораспорку - не помогает http://izhevskhit.ru/index.php?page=item&id=1143
0 votes1 answer -
Очень важно! Искал не нашел...
Ребят, помогите пожалуйста. Вроде находил похожие темы, но не находил нужного мне ответа. Сам сайт создать не могу - пока не хватает знаний, поэтому взял с uCoz вот этот готовый шаблон, т.к. он неплохой на вид и шапку легко заменить (единая-не поделенная на куски), вот только проблема в том, что ползунка прокрутки темы нету снизу и страница растянута, я понимаю что если ставить пробелы растягиваться страница не будет, но а как быть с большими рисунками? В общем как мне сделать, что бы тема была в своей ячейке и не вылазила за края, а края страницы оставались по краям браузера при увеличении страницы (ctrl+) и изменении разрешения экрана.
0 votes1 answer -
Уеъал левый блок и футер
Здравствуйте. Сам я от верстки значетельно далек, и вчера после того как в контент вставил таблицу со стилями. подвал и левый блок уехали, подвал поднялся, а левый блок совсем пропал. То, что в контенте, не могло наверно повлиять. Но прошу тех, кто знает помочь. Страница http://dvd.uswp.ru/personal/order/ логин пароль tester tester <div class="title">Мои заказы</div> <div id="top_links"><a href="#" class="active">активные</a><a href="#">все</a><a href="#">выполненные</a><a href="#">отмененные</a></div> <table class="zakazi"> <tr> …
0 votes2 answers -
нужна помощь друзья!
сайт: terra-clean.org css: body{ margin:0; padding:0; background-color:#E9EAEA; font-family:Segoe UI; } a{ color:#02364c; text-decoration:none; } a:hover{ color:#04668d; } a:active{ color:#04668d; } h3{ color: #02364C; font-size: 20pt; font-weight: lighter; letter-spacing: -1px; } #all{ margin:0 auto; width:1240px; background-image:url(../images/body_back.png); background-repeat:repeat-y; min-height: 700px; } /* HEADER */ #header{ position: relative; } #logo{ background-image:url(../images/header_blue.png); background-repeat:no-repeat; height:95px; z-index:999; position:relative } .logo{ background-image:url(../images/logo.png); background-repeat:no-repeat; height:31px…
0 votes1 answer -
Дублирование контента в iframe в IE6
Добрый день. Итак - суть вопроса: у меня на странице есть два айфрейма, сгенеренные в xslt-шаблоне. В ситуации, когда на странице два айфрейма, получаем одинаковое потоковое видео для обоих, в ие7+ и остальных браузерах все нормально. Здесь в сорце - страница с видеоплеером для видеокамеры, работающей в реальном времени. Любые ваши комментарии будут полезны. Заранее спасибо. Кусок xslt <xsl:element name="iframe"> <xsl:attribute name="class">videoIframe</xsl:attribute> <xsl:attribute name="name"><xsl:value-of select="CAMSID"/></xsl:attribute> <xsl:attribute name="frameborder"&g…
0 votes0 answers