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
-
Виртуальная(?) ссылка
Адреса на сайтах blizzard имеют такой вид: http://eu.battle.net/wow/ru/blog/18539917/обновление-62-для-ptr-16-04-2015 "обновление-62-для-ptr-16-04-2015" не является каким-либо файлом, то есть на эту страницу можно попасть, введя что угодно (или вообще ничего) после /18539917/ . Как это делается? Надеюсь на конструктивный ответ, на других форумах тока только попусту треплются.
0 votes3 answers -
clip-path не работает в FireFox
Здравствуйте, Я пытаюсь отсекать края div-а по rectangle-у. Для этого использую clip-path. Делаю следующее: На странице: <svg height="0"> <clipPath id="c1" clipPathUnits="objectBoundingBox"> <rect x="0.148" y="0.0" width="0.705" height="1.0"/> </clipPath> </svg>в css: .scroll-bar-wrapper {position: absolute;z-index: 100;}.scroll-bar { clip-path: url(#c1); -webkit-clip-path: inset(0px 200px 0px 200px); overflow: hidden; height: 64px; width: 1360px; } сам div с классом scroll_bar создается на странице динамически - т.е. на страницу добавляется html код: <div style="top: 650px; left: -200px; width: 1160px; height: 64px;" c…
0 votes4 answers -
С тегом <!DOCTYPE> страница сползает влево.
Здравствуйте, на днях начал осваивать html, css. Всё бы хорошо, но узнал, что без <!DOCTYPE> сайт считается яндексом некорректным. Добавил <!DOCTYPE> в самое начало страницы и вместо центра блоки прилипли к левому краю (см фото). Текст сайта думаю тут нет смысла выкладывать ? Вот - велосвет.рф, там же можно посмотреть ? Подскажите, что можно с этим сделать. Спасибо.
0 votes7 answers -
Растянуть ячейку с фоновой картинкой
Доброго дня всем форумчанам. Возник такой вопрос: как растянуть ячейку с фоновой картинкой? В ячейке нет текста, поэтому она остается изначальной формы, хотя заданы ее ширина и высота.
0 votes1 answer -
Чтобы фоновая картинка страницы растягивалась по вертикали на весь экран
Может кто сможет ответить на вопрос: как сделать, чтобы фоновая картинка сайта растягивалась вертикально? Я нашла стиль для горизонтального растягивания фоновой картинки: body { background-image: url(images/1.jpg); background-repeat: no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } Существует ли что-то подобное для вертикального растягивания фоновой картинки сайта?
0 votes8 answers -
второй <select> "подкатегории"
Есть задача сделать вот такую штуку http://joxi.ru/Drlalp9fEZPQmP при выборе марки, внизу подгружаются модели этой марки. Буду делать на вордпресс, хотя список меняться не будет, так что и плагин какой-нибудь подойдет, и любой другой статичный подход. Помогите советом пожалуйста или помогите сформулировать правильный запрос в гугл))
0 votes1 answer -
Помогите подключить Bootstrap
Скачал Bootstrap пробую подключить но не как не выходить пишет вот такую ошибку - https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970752 Вот сам код в шаблона header `<?php /** * Шаблон шапки (header.php) * @package WordPress * @subpackage your-clean-template */ ?> <!DOCTYPE html> <html <?php language_attributes(); // вывод атрибутов языка ?>> <head> <meta charset="<?php bloginfo( 'charset' ); // кодировка ?>"> <?php /* RSS и всякое */ ?> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="alternate" type="app…
0 votes1 answer -
Нестандартная карта
http://prntscr.com/6x5abq Не делал еще такого, может есть примеры реализации? Буду благодарен за любые подсказки.
0 votes5 answers -
Проблемы с адаптацией эффекта анимации текста
Здравствуйте! Возникли проблемы с адаптацией данного эффекта http://codepen.io/Sonick/pen/HthaI Пытаюсь прикрепить этот эффект к отдельной section лендинга, а никак не получается. Похоже, что он работает только когда есть position:fixed. А мне нужно применить его по сути только к одному отдельному диву...Вот и вышла задача которую я никак не могу решить. Подскажите, пожалуйста, возможно кто-то сталкивался с подобной проблемой)))
0 votes2 answers -
Посоветуйте библиотеку/плагин для реализации этих элементов
1. Горизонтальный скролл 2. Эффект ластика 3. Еще один горизонтальный скролл. При скролле число 59 будет идти по линии и будет меняться число
0 votes3 answers -
Отступ...
Помогите пожалуйста! Вот ссылка на страницу. Там между слайд-шоу и текстом большой пробел и снизу отступ. Ничего понять не могу. Как убрать эти пробелы? Вот html: <!--Это слайдер--><!--We will make a slider with stylized thumbnails using CSS3The markup is very simple:Radio InputsLabels with thumbnails to detect click eventMain Image--><div class="slider"><input id="id1" name="slide_switch" type="radio" /> <label for="id1"> <img src="/karikaturi/images.jpg" style="position: absolute; left: 0px; top: 0px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; transform: scale(1.1); line-height: 20.7999992370605px;" /><img src…
0 votes3 answers -
Склеивание сайтов
Добрый день, нужна помощь умных людей. Имеется сайт на хостинге (неивесный мне) и имеется сайт (html) на компьютере который я делал. Вопрос. Как мне заменить сайт на хостинге тем который у меня на компьютере, чтобы он не потерял свои позиции в поисковых системах. Тупо заменил в файловом менеджере хостинга, но все равно в поиске старый сайт и при переходе по ссылке ошибка о том что страница не существует, что делать, тема горит.
0 votes10 answers -
Проблема с nth-child
Коллеги, загвоздка, помогите разобраться. Проблема Суть: идут блоки, у каждого border-top. Задача: первым двум его убрать. Делал через nth-child(1) и nth-child(2), но не вышло.
0 votes2 answers -
Выровнять изображение по центру Bootstrap
Если экран сужается все блоки складываются один под другим, в двух у меня текст и я ему задаю значение выравнивание по центру ! А вот фото в первой колонке тулица по левому краю даже в том случаи если с права все колонки ушли под низ ! Пробывал дать значение margin 0 auto - все одно с лева ( https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970932
0 votes16 answers -
Выравнивание блока по центру
Добрый день, у меня есть блок шириной 100% от минимальной ширины сайта 960px в этом блоке еще два блока шириной например по 400px. float у них по левому краю. Если уменьшать ширину окна браузера до минимальной то правый блок смещается вниз. Все так и должно быть но как мне выравнить эти два блока по центру когда блок не помещается в минимальную ширину и смещается вниз?
0 votes5 answers -
White-space и лишние пробелы
Доброе время суток. Пациент. Это вывод некоторого кода, изменять который у меня нет привилегий (только изменение CSS). Вы, наверное, заметили, что между таблицей и второй рамкой есть промежуток в виде лишних пробелов, которые выдает код. Возможно ли как-то их убрать?
0 votes9 answers -
Почему правила не работают в мозиле и немного ркриво в Safari?
Всем привет. Столкнулись с проблемой, что правила не работают именно в мозиле и немного криво в сафари. http://jsfiddle.net/nf6vpg8n/224/ При растягивании окна не сохранаются пропорции таблицы на DIVах Как можно решить вопрос, чтобы данная таблица заработала в мозиле, сафари и была такой же резиновой как в Хроме или IE или Опере?
0 votes1 answer -
Помогите раскрутить
Помогите и посоветуйте как привлечь больше посетителей на сайт http://for-droid.ru/ Заранее спасибо !
0 votes6 answers -
padding для IE
Добрый день, имеется код: <div> <ul> <li>текст</li> </ul> </div> Во всех браузерах для li назначено padding 5px, а для всех ie 10px. Создал отдельный фаил ie.css, прописал там стиль, в шаблоне между head прописал: <!--[if IE]> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/syte/css/ie.css" type="text/css" /><![endif]-->но стиль не применяется. Тестирую в 11 версии ИЕ.
0 votes2 answers -
Header пропадает, если в нём просто фон или картинка
Делаю свой первый сайт. http://cssdeck.com/labs/fxuxxevq При любом из !DOCTYPE тег header не показывает содержимое (фон или картинка), но может показывать заголовок - тогда и фон отображается. Как сделать, чтобы только фон или картинка отображалась без употребления заголовка?
0 votes3 answers -
Как установить картинку в нужное мне место
Всем привет появилась проблема с версткой дизайна для файлообменника вот как выглядит сейчас тут картинка с Лениным стоит не так как задумывалось Вот как задумывалось (набросал в фотошопе)
0 votes7 answers -
Высота столбцов в табличной верстке.
Доброго времени суток! Подскажите пожалуйста, имеется табличная верстка, три колонки: aside, main, sitebar. Когда добавляю свойство display: table-cell в aside и sitebar, они вытягиваются на всю длину main, а мне бы хотелось самому назначить им длину, но свойство height не работает. В чем может быть проблема?
0 votes5 answers -
Оптимизация ширины шапки под разные разрешения
Друзья, подскажите, недавно начал изучать html+css и сейчас столкнулся с такой проблемой. Сам обладатель экрана 1600х900. В сверстанном макете шапкой является изображение размера 1026х224, Если порезать его максимально без утраты смысла, получится - 912х203. Нужен способ запилить шапку таким образом, чтобы на меньшем разрешении корректно отображалось, т.к. в данный момент на мониторе 1280х1024 появляется скроллинг по ширине. Интересует также - есть ли возможность сделать некие пропорции каждой части в css, чтобы при любом разрешении отображалось корректно? А то подозреваю, что такая же проблема может появиться и с другими частями кроме шапки.
0 votes0 answers -
Как сделать прямоугольник с рамкой?
Нужно сделать рамку в 2 пикселя со стороны гипотенузы. Столкнулся с разными значениями рамки при масштабировании: http://cssdeck.com/labs/4ct3z0gy Да и вообще какая то кривая рамка получается. Может я что-то не так делаю? Это можно как то решить без канваса или там изображений чисто на css?
0 votes6 answers -
Помогите настроить вертикальное меню!
Здравствуйте! Помогите пожалуйста настроить вертикальное раздвижное меню. Не корректно отображается сайт, когда я ставлю меню. Все дело в этом: * {margin: 0px;padding: 0px;}.wrapper {width: 230px;margin: 50px auto;} Само меню: https://jsfiddle.net/cgzq6nba/
0 votes0 answers