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
-
Responsive верстка
Добрый вечер, при ширине экране 480px внизу отображается скролл, справа большой отступ, помоги найти причину появления этого отступа, пробовал background-size - не помогло. Вот ссылка http://sport.teslalight.com.ua/ Спасибо.
0 votes10 answers -
background поверх содержимого дива в ie6
Добрый день! Вот какая история приключилась: Сначала, когда я закончил верстку, сайт отображался корректно во всех браузерах кроме ie6. В нем фоновый цвет тега <div class='rightcol'> заслонял содержимое тега! Т.е фоновый цвет располагался поверх содержимого. Поэтому на месте правой колонки располагался просто белый прямоугольник. Долго не мог понять, что не так. Стал экспериментировать. Макет в ie6 стал отображаться корректно после того, как я убрал все комментарии вида <!-- --> из кода. На этом я и успокоился , хотя связь комментарием с фоновым цветом мне до сих пор не понятна. Сегодня пошел к заказчику показывать сайт. Заказчик - кафедра, у них понятно…
0 votes2 answers -
Выпадающее индексированное поисковыми роботами
Подскажите, на чём нужно делать и как сделать выпадающее меню, чтоб оно индексировалось поисковыми роботами? Если кто делал,напишите пример реализации. Заранее благодарю.
0 votes6 answers -
Зазоры в Internet Explorer 6
Здравствуйте. Обнаружил при верстке одну неприятность, наблюдается в IE 6, в других не замечал. Google Chrome, Opera, Mozilla Firefox, Internet Explorer 8. Internet Explorer 6. По бокам у оранжевого блока видны небольшие зазоры. CSS. body { font-family: Arial, Helvetica, sans-serif; color: #333; background: #fe6; } * { margin: 0; padding: 0; } p { padding: 10px 30px; } #container, #left-col, #right-col { height: 300px; } #container { background: #F63; margin: 0 100px 0; } #left-col { float: left; width: 100px; background: #ffe; } #right-col { float: right; width: 100px; background: #aa5; } В чем причина?
0 votes6 answers -
Центрирование блока посередине экрана
Всем, привет! Сегодня у меня возникла проблема центрирование блока с фиксированными размера в окне браузера. Я воспользовался следующим решением: #block{ position:relative; width:600px; height:600px; top:50%; left:50%; margin:-300px 0 0 -300px background: #FF9933; } Но мне необходимо чтобы появлялись правильные полосы прокрутки при очень маленьком экране. А при этом решении прокрутка появляется, но обрезается блок, нельзя посмотреть его полностью. Да и еще очень желательно чтобы блок был поднят на несколько пикселей от центра экрана. Есть идеи?
0 votes1 answer -
Тег в оформительских целях?
Скажите пожалуйста какой тег лучше всего использовать в оформительских целях? (тени, уголки и прочее). Я использовала пустые дивы, теперь же хочется сделать всё грамотнее. Какой тег, как бы это сказать, не несёт в себе смысловой нагрузки? span? i?
0 votes7 answers -
Не отображается картинка тега <img>
Здравствуйте. Не отображается картинка: <img class="picture" alt="" src="/images/heart.png"> Название картинки и путь правильные. Почему?
0 votes2 answers -
градиент
скажите пожалуйста,как верстать градиент Часто в макете есть сложный градиент,он бывает даже фоном страницы,Как его верстать(связывать слои в фотошопе,делать картинку и натягивать на фон блока),или всё делать средствами css?
0 votes9 answers -
Неправильно работает Math.random()
Как и любой новичок, шарясь по сайтам с ответами на всевозможные мои вопросы я нашёл код, который должен выводить две картинки в рандомном местоположении(написан здешним Sensei вроде), но он почему-то не работает. Подскажите ошибку. <html> <head> <style type="text/css"> html, body { height: 100%; } img { position: absolute; } </style> </head> <body> <script> var img = document.querySelectorAll('img'), i = 0, max = img.length, left, top; for (; i < max; i += 1) { left = Math.round(Math.random() * (document.body.o…
0 votes2 answers -
При наведении на ссылка подсвечивается по содержимому
Здравствуйте! Имеется вот такая вот структура - https://jsfiddle.net/oxuefw63/ При наведении ссылка подсвечивается на всю ширину блока. Подскажите, пожалуйста, как сделать, что бы подсвечивалось только слово (содержимое ссылки)?
0 votes6 answers -
цвет фона
Добрый день. Начала изучать html самостоятельно. Не могу понять, какой код использовать, например, для установки цвета фона - только с атрибутами html или с использованием css? то есть, какой варик верный и актуальный: 1 или 2?
0 votes2 answers -
Приоритеты для идентификаторов и классов
если у меня есть такое объявление стилей: body a { color: purple; } #link { color: black; } .red a { color: red; } .blue { color: blue; } то при использовании в тэге р link ссылка будет черного цвета. Если я уберу id="link", то по идее ссылка должна быть синего цвета (явно указываю ее класс, т.е. class="blue"), а она красного цвета, т.е. применяется стиль .red a. Почему ?
0 votes2 answers -
вопрос по форме
а как сделать, чтоб форма отображалась без батона, и при нажатии кнопки enter отправлялиьс на сервер заполненные в форму данные?
0 votes7 answers -
позиционирование картинки от правого края
Всем здрасте. Задача: Есть двуколонный шаблон. Слева контент, справа - sideBar. Необходимо разместить картинку отсчитывая справа на 250px влево, т.е. расположить на границе контента и сайдБар, потому как картинка уходить по градиетну влево и будет являть собой границу между левой и провой частью шаблона. Ширина сайвБар - фиксированная. Ширина блока для контента - не фиксированная. <div id="box"> <div id="head"> <h1>The header is gonna be here</h1> </div><!--HEAD--> <div id="wrapper"> <div id="content"><div id="content_box"> The content to be here </div></div><!--CONTENT--&g…
0 votes2 answers -
Подскажите начинающему
Добрый день, извените за нюбский вопрос но всеже, никак не могу решить вопрос: есть див с ширеной 90% надо его отцентрировать и растянуть на всю высоту страницы, чтото у меня не получается( Вот код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>TEST</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <center> <div style="display:block; width:100%;"> <div class="main">bla bla bla</div> </div> </center> </body> </html> Вот CSS: body, html{background-color…
0 votes8 answers -
Как сверстать оглавление как в книге?
Вот что нужно сверстать: http://rghost.net/4477368/image.png Если словами то имеем три колонки, на каждом ряду первая и третья не фиксированного размера, а та, что по центру должна быть заставлена точками (я так понимаю это может быть border-bottom: 1px dotted black). Правая колонка выровнена по правому краю Типа вот такого: Ширина.........150 мм Высота..........200 мм Глубина.......3500 мм Подсткажите пжл как такое можно такое сверстать? Спасибо За примеры отдельное спасибо
0 votes3 answers -
Кнопки для смены шрифта
Для того, чтобы был понятен мой вопрос сразу приведу пример. http://special.kremlin.ru/ Слева сверху есть кнопки изменения размера шрифта. Как сделать такие кнопочки? В исходном коде нашел: <dl class="a-fontsize"> <dt>Размер шрифта:</dt> <dd><a href="#" rel="fontsize-small" class="a-fontsize-small"></a></dd> <dd><a rel="fontsize-normal" href="#" class="a-fontsize-normal"></a></dd> <dd><a href="#" rel="fontsize-big" class="a-fontsize-big"></a></dd> </dl> Но не нашел css для этого класса, как такое организовать?
0 votes5 answers -
Сначала создаём PSD в Фш., а потом это верстаем в Дв.?
Подскажите, каков самый распространённый, самый часто встречающийся алгоритм работы над созданием сайта (статичного, про программирование, про ПХП и Яваскрипт не говорим) с нуля? Реально какой. Сначала создаём в Фотошопе файл PSD, который соответствует нашей задумке, а потом с помощью этого файла в Дримвивере уже верстаем? Или этап с созданием файла PSD можно опустить и начинать сразу с нуля вёрстку в Дримвивере? Просто многие тут эти файлы вспоминают PSD, а я хочу спросить - они обязательны перед вёрсткой, или можно начинать верстать и без этого файла? Если эти файлы PSD обязательны, то тогда мне нужно искать книжку с названием наподобие "Вёрстка сайта в Фотошопе", или "…
0 votes16 answers -
Как сделать, чтобы фон сайта (картинка бэкграунд) не обрезалась при разных расширениях экранов?
Вот здесь или вот здесь Обрезает на 1366X768, а на 1280Х1024 показывает полностью. Подскажите, как сделать, что бы, если картинка не умещалась в экран, то она не обрезалась, а либо появлялась прокрутка, либо она умещалась? А вот сама картинка И как правильнее сделать фоном картинку? У меня есть (другая) картинка: 3500 Х 2625 и мне нужно её фоном поставить. Подскажите пож-ста?
0 votes2 answers -
Конструкция if else в html
Здравствуйте. У меня такой вопрос - как в html применить конструкцию if else? Есть html страница, на которой идет трансляция с 16 камер (4х4) одновременно через плагин vlc. Нужно сделать, чтобы в режиме маленьких окон шла одна трансляция (live2), а когда одно любое окошко раскрывается в полноэкранном режиме, шла уже другая трансляция (live1). Может кто-нибудь подскажет, как это сделать? <!DOCTYPE html> <html> <body> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta http-equiv="refresh" content="600" /> </head> <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" code…
0 votes1 answer -
Не получается правильно написать transition
Доброго времени суток. Есть 2 свойства transition: top: 0 transform: rotate(45deg) transition-property: top, transform transition-duration: 0.5s, 0.5s Объединяю их вот таким образом: top: 0 transform: rotate(45deg) transition: top .5s, transform .5s В итоге, свойство top выполняется одновременно с transform. В чем может быть ошибка?
0 votes4 answers -
Аналог flexbox верстки на grid
Здравствуйте. Есть такой пример на флексах https://jsfiddle.net/dtns7L2v/ При уменьшении размера окна когда контент не помещается в одну строку он переносится на вторую. Но между элементами не плохо было бы добавить отступ. К примеру, с помощью внутренних полей и отрицательного отступа в родителя, как это сделано в бутстрапе. Гриды нам предлагают отличное свойство grid-gap, которое может сделать подобное одной строкой кода. Проблема в том, что я не могу добиться подобного поведения элементов, из-за отсутствия опыта работы с этой новой технологией. Мои попытки: - элементы имеют ширину по контенту, но не переносятся https://jsfiddle.net/dtns7L2v/1/. - эл…
0 votes1 answer -
Вопрос про вывод данных в alert
Всем привет! Подскажите, пожалуйста, почему alert выводит 'you are under 18!', затем 'you are more than 18!', а 'you are 18!' пропускает. Имею в виду, если вводить 18, то ок, но если просто нажимать "ок", то как раз 'you are 18!' пропадает. https://jsfiddle.net/4murgp2c/6/ И вот здесь https://jsfiddle.net/4murgp2c/10/ при выборе "ok" alert не должен был предотвратить вывод следующего значения (bad), который по идее должен выводиться только при нажатии на отмену? https://jsfiddle.net/4murgp2c/12/ Здесь какая-то простая ошибка, но моему глазу не видна. Вписываю "you" good не появляется. Заранее спасибо. Такие, возможно, очевидны…
0 votes3 answers -
Шапка
Добрый вечер, возможно кому то покажется вопрос глупым, но все же, как тут сделать шапку профиля? Пытался использовать знания пройденного урока, но особо ничего не выходит, всё криво, пробовал выравнивать с помощью "float"...
0 votes1 answer -
Проблема с кодировкой
помогите, пожалуйста... что-то не пойму, что надо прописать на этом сайте в http://www.takoy-teatr.ru/afis.html в эксплорере без галочки "автокодировка" кракозябры неоткодированные =( жду ответа, заранее спасибо... зы на остальное на этом "сайте" внимания прошу не обращать =)))
0 votes4 answers