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
-
Не могу включить border-radius for IE<9
При чём не первый раз сталкиваюсь перед этим тоже то получалось то фиг Вот сайт Вот скрин:элементы с border-radius
0 votes19 answers -
Всплывающая подсказка выходит за пределы экрана
Имеется стилизованная кнопка со встроенной в неё всплывающей подсказкой : http://codepen.io/Kristinita/pen/EKxZQO . Как видно, всплывающая подсказка выходит за верхнюю границу экрана, а на экранах c другим разрешением ещё и за правую. Что нужно сделать, чтобы она оставалась в рамках экрана, желательно без полос прокрутки? Спасибо.
0 votes2 answers -
PHP copy https
Привет, пытаюсь скачать картинку при помощи PHP и функции copy с сайта на компьютер, но не получается там где соединение https, где http всё замечательно. Что делать? Спасибо!
0 votes3 answers -
Прелоадер не закрывается.
При верстке сайта на Bootstrap 4.3.1 хотел сделать прелоадер на основе стандартного элемента Bootstrap - спиннера, который бы закрывался после загрузки страницы. Проблема в том, что спиннер не закрывается после загрузки страницы, очевидно заданные в скрипте стили к нему не применяются. Подскажите, пожалуйста, в каком месте я ошибся? Ссылка на ошибку (Гитхаб)
0 votes4 answers -
таблицу по центру экрана
Добрый день! Как записать с помощью CSS параметр таблицы Ширина страницы 650, мне надо, чтобы она располагалась по центру экрана... Спасибо!
0 votes4 answers -
Помогите с hover!
У мну такая проблема: Есть ссылка -кнопка 1 при наведении курсора должно быть следующее-кнопка 2. Какие стили нужно прописать для hover, подскажите плз....
0 votes9 answers -
Не могу подключить сторонний шрифт
Не могу подключить сторонний шрифт, помогите разобраться: body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;} a {text-decoration: none;} a:hover, a:focus { text-decoration: none; border: none; } h1,h2,h3,h4,h5, @font-face { font-family: "ProximaNovaExCn-Bold"; src: url("ProximaNovaExCn-Bold.otf"); } h6 { font-family: "ProximaNovaExCn-Bold"; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;} h1,h2 {line-height: 1.4; letter-spacing: 1px;} h1 {font-size: 40px;} h2 {font-size: 32px;} h3 {font-size: 24px; letter-spacing: 2px;} h4 {font-size: 18px; letter-spacing: 1px;} h5 {font-size: 14px; …
0 votes22 answers -
Помогите советом по верстке
Привет всем. Делаю проект в котором на главной странице необходимо выводить блоки как на скриншоте - http://i056.radikal.ru/1007/6d/5b4c2226a6ba.gif Сейчас сделал такой вывод с помощью mooMasonry(mootools в проекте используется), но он у меня как-то не корректно работает в IE 6 и 7(сам где-то с версткой напорол немного). Не критично, конечно, но IE бывает еще вешает скрипт и пишет, что скрипт долго выполняется, а это уже проблема. Не могу найти решения для вывода таких колонок без JS, а на чистом CSS, да и опыта маловато. Может кто сталкивался с таким выводом? Был бы признателен за помощь! Заранее спасибо.
0 votes23 answers -
WebSocket
Здравствуйте! Технология WebSocket относительно новая и по этому информации даже в интернете по ней не много. Есть конечно официальные документации, но на английском. Даже прочитав в Википедии не все понятно. Единственное что понял, это то, что браузер и сервер должны вначале "пожать руки". Руки пожимают отправлением друг другу заголовков: Заголовок браузера: GET /demo HTTP/1.1 Upgrade: WebSocket Connection: Upgrade Host: example.com Origin: http://example.com WebSocket-Protocol: sample Заголовок сервера: HTTP/1.1 101 Web Socket Protocol Handshake Upgrade: WebSocket Connection: Upgrade WebSocket-Origin: http://example.com WebSocket-Location: ws://example.com/demo Web…
0 votes0 answers -
fullWindow при старте
добрый день помогите пожалуйста. надо сделать чтобы при заходе на сайт vasyapupkin.ru он открывался сразу в fullWindow как сделать это чтобы открыл он поп-ап могу как сделать чтобы открывало фул виндов при нажатии на ссылку - могу. как сделать чтобы страница сразу была fullwindow заранее благодарен за ответы
0 votes20 answers -
Input URL
Люди добрые, подскажите пожалуйста как сделать через инпут УРЛ. Перепробовал все что знал, не работает... Вот сайтец, если что. Нужно изменить кнопки, которые слева находятся.
0 votes9 answers -
Png и джава в меню
При попытке сделать меню у меня возникли некоторые затруднения. Меню-навигация достаточна простоя: Шесть пунктов-кнопок-эьл текстовые картинки-в формате png. Не для кого не секрет что pnp некорректно отображается в Интернет Эксплорере. Я так вставляю pnp в html: ЭТОТ КОД В ЦСС .png { //background-image: none ! important; behavior: url('pngfix.htc'); } ЭТО КОД В HTML style="background-image: url('picture/01_nac.png');width:206;height:13;" onmouseover="'picture/about_ac.png'" onmouseout="'picture//about_ac.png'"> about_nac.png'- это не наведенная кнопка about_ac.png'- это наведенная кнопка В результате ненаведенная кнопка отображается нормально,а событие навед…
0 votes7 answers -
Как переносить шрифты из фотошопа и css?
В макете фотошоповском текст следующего вида: Arial Narrow 14px жесткое сглаживание псевдополужирный узкий ариал почему-то не работает. погуглил и более менее похожее нашел можно сделать следующим образом font-family:'Arial Narrow', Arial, sans-serif; font-stretch: condensed; но вот как сделать жесткое сглаживание и псевдополужирность? Или подобное лучше в виде картинок оставить?
0 votes1 answer -
Помогите!Верстка разрезанной картинки
Итак, мне нужно сверстать сайт, где шапка - это одна большая картинка. Почерпнув множество рекомендаций, я решила разрезать ее на маленькие, потому что они быстрее грузятся. Но - у меня не получается их сверстать! Между маленькими картинками - пробел, и все тут! Div'ами пробовала, тот же эффект. В гугле ничего путного по этому вопросу найти не могу (во всех найденных статьях про это либо вскользь, либо предполагается, что это такая элементарщина, что и писать не стоит) Вот html: <table> <tr> <td><img src="1.jpg" width="100" height="200" alt="" border="0"></td> <td><img src="2.jpg" width="100" height="200" alt="" border="0"><…
0 votes9 answers -
Бен, это Данила! Ай нид ХЭЛП!
Попробую объяснить что мне нужно: Нужен макет в 3 колонки. Левая - навигашка, правая - новости, середина - контент. Сверху хедер, снизу футер. Резиновый. Фишка в следующем. Все три колонки всегда(!!!) должны быть дотянуты до футера (important! вне зависимости от размеров контента колонок, хоть 5 строчек там будет), а футер всегда внизу. Очень прошу помочь. Если расскажите как сюда картинку не URL вставить - кину жипег. Просьба не пинать. Чайнег
0 votes14 answers -
input, text-decoration: underline
Есть input type="submit", для него в css прописано text-decoration: underline Так вот не во всех браузерах этот underline срабатывает, в опере не работает точно Пробовал ставить padding-bottom и margin-bottom, ситуация не изменилась Как можно исправить?
0 votes1 answer -
Мобильные браузеры, body, overflow:hidden
Есть длинная страница и всплывающая форма, по высоте тоже большая (1500px) c position:fixed, overflow-y:scroll, height:100% у ее контейнера. Нужно чтобы форма прокручивалась, а сама страница нет. С десктопами проблем нет, но в мобильных браузерах (например, ipad safari) не получается реализовать. Пробовал даже такое: html, body { position:relative; height:100%; overflow:hidden}
0 votes4 answers -
Как сверстать такоя?
Как сверстать такоя? Без js, только css. https://prnt.sc/tuhp95 Требования к результату: - нужна возможность крутить схему, надписи должны оставаться горизонтальными; - должен тянутся на 80% от вьюпорта; - нужна возможность масштабировать весь блок изменяя один параметр; - без использования js
0 votes9 answers -
свойство height, IE и ширина блока..
Приветствую, уважаемые! Не могли бы вы просвятить меня, неразумного, каким образом IE считает ширину ДИВа? И каким образом ширина у него зависит от высоты? почему в этом случае, если не указывать высоту, вс? отображается правильно: <div style="display:block; position:absolute; left:200px; top:400px; border:1px solid black; width:auto;"> <div style="display:block; line-height:15px; vertical-align:middle; width:auto;"> #111 </div> <div style="display:block; line-height:15px; vertical-align:middle; width:auto;"> #222 </div> </div> а в этом, строчки растягиваются: <div style="display:block; position:absolute; left:200px; top:200…
0 votes7 answers -
Проблема с IE
Можете посмотреть http://pashkes24.narod.ru/ почему у меня в IE блок с заголовком Business Solutions съезжает вниз. И еще почему высота верхнего повторяющегося градиента в два раза больше в этом же самом IE?
0 votes21 answers -
Сайт из нескольких сраниц?
Кто может скинуть или показать сверстанный сайт состоящий из 3, 4 страниц, чтоб посмотреть, как связываются между собой страницы, а в том числе и общий файл css. Чтобы шаблон был кросбраузерный, валидный, очень надо, помогите пожайлуста?
0 votes24 answers -
Помогите убрать косяки
Всем привет я в верстке новичок. Шаблон для joomla нашел интересный но там есть пару косяков, а как их исправить ума не приложу. Есть знающие люди? Помогите плиз. Код блоков
0 votes19 answers -
повороты в canvas
помогите пожалуйста повернуть каждую цифру на 90 градусов. результат должен выглядеть так. у меня пока получается только так вообще я пытаюсь нарисовать систему координат. с вертикальной осью проблем нет
0 votes1 answer -
Резиновые шрифты при inline-block и *font-size: 0
Здравствуйте! Помогите пожалуйста, разобраться. Известно, чтобы убрать пробелы между элементами - display: inline-block; Достаточно обнулить у всех элементов *font-size: 0; Но возникает вопрос - как в этом случае задать относительный шрифт (em, rem, %) внутри элементов inline-block, если font-size обнулен на глобальном уровне? Получается верстка с помощью свойства display не подходит для резиновых шрифтов или всё-таки есть какие-то способы?
0 votes5 answers -
Полоса не растягивается
Здравствуйте! Мучаю свой первый макет, делаю для мужа , все никак не могу его "добить" (макет, а не мужа конечно же). Надо было с чего попроще начать, но сейчас уже не отступлю! Делаю верстку для макета, посмотреть можно то, что есть тут: http://stepalex.mamayana.ru/ Там все пока еще совсем страшненькое, но суть не в этом. Проблема такая: слева есть серая полоса, на которой слово ПОРТФОЛИО. По задумке дизайнера она должна "прилипать" к левой стороне экрана, при этом быть от верха до низа экрана (при любом масштабе). Слово портфолио должно быть примерно посередине экрана. Но у меня получается, что она идет от границы таблицы (центральная, в которой весь остальной контен…
0 votes16 answers