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
-
Наложение.
В общем,нужно так,чтобы картинка была в левом нижнем углу слайдера. Изображение: http://imgdepo.ru/id/i2190672 Слайдер: Код: <table style="border:none; width:100%"><tr><td> <link type="text/css" href="dbtech/vbslider/actions/dbtech_vbslider_forum1.css" rel="stylesheet" /> <div class="slider_widget" style="position: relative;width:712px; height:260px; margin-right:auto; margin-left:auto; "> <div class="block"> {$output[text]} </div> </div> </div> </td></tr></table>
0 votes4 answers -
Как грамотно прекратить отсечку изображений?
Здравствуйте. На сайте внизу у самой последней программы обрезается нижний кончик изображения коробки программного продукта: Как правильно убрать отсечку изображения?
0 votes3 answers -
Сьезжет поиск
Здравствуйте, есть сайт (covebunnies.net) на ВордПрессе, с responsive темой. Проблема в поле поиска, в ИЕ9 оно отображается практически под хедером, а в Хроме и остальных нормальных браузерах все в порядке, хотя при ресайзинге окна тоже вылетает за границы. Не подскажете в чем может быть проблема, и как это можно исправить. Заранее спасибо
0 votes1 answer -
Не могу разобраться с divами. Нужна помощь!
Здравствуйте. Извените что так со старта с такими вопросами, но нужен совет. При создании сайта столкнулся с такой проблемой: Есть div обновляемый при нажатии на кнопки без перезагрузки всей страницы. В нём таблица с картинками. К каждой картинке привязан toolTip с описанием. На главной всё путём, а после перехода на 2-ю страницу diva, границы toolTipа остаются в его пределах. При наведении на крайние картинки половины подсказки невидно. Не пойму в чем дело((( Вот код: <div id="okno"> - окно которое обновляется <table> <tr> <td> <CENTER><a href="#">Элизиум</a></CENTER> <CENTER><a href="#" class="tooltip" title=…
0 votes1 answer -
Верстка scroll
Здравствуйте, такая вот проблемка.. Не могу понять и найти как верстать scroll И как его можно сверстать для <select name=""> <option>1993</option> <option>1994</option> <option>и тд..</option></select>так же как и для чата какого нибудь, хотелось бы узнать... Заранее спасибо
0 votes3 answers -
Как сверстать необчный блок с вкладками?
Здравствуйте! Есть макет блока с вкладками (табы), но сами элементы переключения влкадок имеют необычную форму. Как сверстать этот макет?
0 votes3 answers -
Проблема с css сайта
Здравствуйте! Подскажите подалуйста как решить проблему сайта! разрабатывал макета при разрешении 1366х768. При смене разрешения на 1024х768 шапка сайта начинает наезжать друг на друга - вернее на две строки вниз переносится(не вмещается). Можно ли как то, исправить данную проблему? Заранее спасибо! Адрес проблемного сайта kinoiserial.ucoz.ru
0 votes2 answers -
Сайт сканвордов
Хотелось бы мне открыть сайт сканвордов. Но только они будут графическими, т.е. в виде какого-нибудь рисунка, извилистые, т.е. слова-ответы будут идти не строго по горизонтали или вертикали, а под углом. Какие средства, знания для этого потребуются? Пока что изучил html и css в самоучителях на htmlbook.ru. Обязательно ли для этого ещё javascript изучать? И как быть со специальными графическими редакторами для создания веб-страниц? Я слышал про тег <canvas>. Но там по-моему надо по пикселям угадывать, где какая линия рисунка будет проходить... Можно ли было бы сразу из Corel Draw экспортировать рисунок в веб-страничку. Или существуют другие графические редакторы?
0 votes5 answers -
Загрузка background-image и @media screen
Подскажите, пожалуйста, как загружаются background-image, если для мобильников и десктопов делать разные фоны.. В зависмости от @media screen или все сразу грузятся?
0 votes1 answer -
Помогите поднять div
Помогите пжст, не могу поднять блок sidebar widget-area-22 он должен быть сразу под верхним меню, справа. Скрытый текст адрес
0 votes0 answers -
При добавлении в сборку js файла перестал работать слайдер
Доброго времени суток! Сразу к сути. Делаю учебный проект в шторме, конечный результат которого собирается при помощи сборки проекта. все библиотеки и зависимости установлены. с подключением slick-carousel разобрался, начал делать выпадающее меню в шапке, создал файл head.js, пописал в main.js такую строчку import 'head.js' в результате сломался слайдер, а в консоли ошибка "файл не найден" увидеть воочию можно тут https://rimidbit.github.io/shopia-S/ исходники тут https://github.com/rimidbit/source_code.git Что еще добавить не знаю. Готов предоставить все вводные, только б разобраться
0 votes0 answers -
Вопрос про вложенность
в css прописано #content td { padding: 10px 20px 10px 10px; } table.table_price tr, td, th { padding: 3px; } В html страницы: <div id="container"> <table class="table_price"> <tbody> <tr> <td> <h2>Текст</h2> </td> </tr> </tbody> </table> </div> При этом на ячейки таблицы устанавливается padding прписанный для идентификатора #content. Почему здесь не работает вложенность? Или работает как то не так как я понимаю. Ведь стиль таблицы должен быть приоритетнее стиля содержащего таблицу блока? Как правильно установить стиль для ячеек таблиц класса "table_…
0 votes2 answers -
Полоса прокрутки к определённому div'у
Здравствуйте, у меня возник такой вопрос: пишу чат и в списке онлайн размещяю пользователей, вёрстку делаю в таблице и чтоб ячейка не растягивалась от большого количества народу нужно применить к div'у находящемуся в этой ячейке полосу прокрутки. Подскажите как это организовать.
0 votes2 answers -
Вопрос к гуру дивовой верстки
Говорят на дивах можно сверстать все.. А как сделать трехколоночный макет но чтобы колонки были не слева направо а снизу вверх? Какие теги надо туда прописать?
0 votes2 answers -
Чтобы не уезжало
Поправил можно удалять...
0 votes3 answers -
почему это работает - сайдбар
почему это работает? почему #sidebar так втискивается в ту область, которая вроде как принадлежит #main ? какое значение имеет right-margin: -250px у #main? при чем в контенте можно использовать и clear:both и float:left, float:right - и всё нормально будет и на сайдбар не повлияет! это лучший вариант верстки сайдбаров, из тех, что я знаю. но _почему он работает_ ? ? ? <html> <head> <style type="text/css"> body { width: 800px; } #main { width: 100%; margin: 0 -250px 0 0; float: left; } #content { margin: 0 250px 0 20px; } #sidebar …
0 votes1 answer -
Кросброузерное отображение управляющих символов
В создаваемом тексте присутствуют символы, которые отображаются только в Akelpad при создании кода или в готовом варианте - в браузере "Opera v11.50". Пример (символы с 1-го по 32-й): Коды символов Вопрос: Как добавить возможность отображения данных символов в других браузерах?
0 votes6 answers -
Обращение к элементу
Здравсвуйте. Подскажите пожалуйста. Есть следующая вложенность. <div id="main"> <div> <div> <a href="#"> <img alt="image" src="#" /> </a> </div> </div> </div> Нужно обратиться к 3-ему диву. Обращение типа : #main div div { } не подходит, так как картинок на странице куча, которые в свою очередь обворачиваются в такую же иерархию дивов. А мне нужно задать стили только одному диву, а не всем. Написать id нужному диву, так же не получится, див создается и генерируется джаваскриптом и я не пишу этот скрипт. Подскажите пожалуйста, кто знает...
0 votes4 answers -
Помогите с "подвалом" на сайте.
Намучился уже... ничего не выходит, перепробывал все варианты из ТОП 10 Гугла Надо просто поместить подвал внизу страницы. Помогите! Могу отблагодарить за рабочий вариант <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ведение бухгалтерского и налогового учета белорусских и российских предприятий</title> <link href="http://tutbuch.by/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="site"&…
0 votes2 answers -
Помогите расставить дивы
Уважаемые мастера, прошу ваших наставлений по размещению блоков: имеем Моя ссылка а необходимо следующее: Моя ссылка подскажите как правильно это организовать.
0 votes5 answers -
выравнивание
http://clip2net.unet.by/page/m0/100228 как сделать так,чтобы все элементы формы были по центру страницы как в образце
0 votes2 answers -
помогите,пожалуйста с добавлением видео!
Вот html: <video id="video1" width="270" height="205" controls> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.mp4"><!-- опускаем type для android--> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.webm" type='video/webm; codecs="vp8, vorbis"'> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6(1).ogv" type='video/ogg; codecs="theora, vorbis"'> </video> Вот css: #video1 { border:4px solid #FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } google отображает во так: панель управления,вместе с видео куда-то съехала! в IE 9 не отображаются элементы управления видео.Только плей по середи…
0 votes4 answers -
Условие отображение блока
Здравствуйте. Интересует такой вопрос, вот есть условие для фиксов багов разных браузеров <!--[if lte IE 7]><style type="text/css"> .iefix {display: inline-block;width: 0;overflow: hidden;}</style><![endif]--> Отлично, а есть ли допустим возможность сделать условие, посредством HTML, на определение ширины экрана. Как я это вижу <!--[if content="width=device-width"]> <ul> <li><a href="#">Яблоки</a></li> <li><a href="#">Груши</a></li> <li><a href="#">Арбузы</a></li> </ul> <![endif]--> Что я хочу реализовать: допустим я захожу на сайт с мобильного, и в…
0 votes1 answer -
Помогите разобраться с header и footer
Прошу, пожалуйста помогите разобраться как сделать чтобы header и footer оставались на своих местах а вот их фон был на всю ширину окна. http://yadi.sk/d/CXQwWWiXGawfY В архиве лежат картинки на них отоброжено примерно чего хочу добиться. Картинка1-Как должно оставаться меню Картинка2- Как должен быть фон Картинка3- Как в итоге должен быть сайт
0 votes5 answers -
Неучтённые бордеры в хроме
Люди, возникло желание нарисовать типа "граф" вот такой http://rossita-travel.com/shared/temp/1.html потом добавил в <table> border-collapse: collapse; ушли разрывы в бордерах (логично)... но появились нежелаемые линии в соседних ячейках, линии горизонтальные, возникают на стыке "соседней" (объединенной colspan-ом) и нужной вот так http://rossita-travel.com/shared/temp/2.html смотрите хромом в лисе и ие - всё ок что это - косяк гугли? Спасибо! PS может эту задачу правильно решать вообще другими средствами?
0 votes0 answers