Форум программистов и сисадминов Киберфорум

КиберФорум - форум программистов и системных администраторов. Бесплатная помощь в решении задач по программированию, математике, физике и другим наукам, решение проблем с компьютером, операционными системами.

Войти

Регистрация
Восстановить пароль

Темы раздела HTML, CSS

Посоветуйте литературу, уроки по html, css, javascript
добрый день. хотел попробовать выучится на фронт-енд разработчика почти с нуля. посоветуйте какие-нибудь уроки или книги по html, css для начала, в соответсвующих темах в основном старые книги. что...

Не работает <picture> <source>
Добрый день! Прошу прощения за нубский вопрос. Есть такой код: <picture> <source media="(min-width: 769px)" type="image/png" srcset="assets/img/bi.png"> <source...

Самое короткое обращение к селектору элемента, чтобы только ему можно было задать свойства
Напишите самое короткое обращение к селектору второго (выделенного) элемента, чтобы только ему можно было задать свойства. Что под этим можно понимать? Я не специалист, только учусь и такой вопрос....

Анимация свойства display
Подскажите, допустим, добавляем класс к родителю. На дочернем элементе стоит display:none; width: 0px; Как только добавляем класс к родителю, на дочернем блоке свойство меняется...

Трапеция с закруглеными уголками
Подскажите как лучше исполнить вот такую штуку, clip-path к сожалению режет border-radius display: inline-block; background: #FFC700; clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);...

GitHub pages не видит путь до фотки
Уже все возможные варианты испробовал.. и относительный путь и абсолютный и всё всё.. В общем вот код. background: url("/src/pictures/background.jpg") no-repeat; Через vs code и life server всё...

Как в option добавить картинку?
Как в option добавить картинку? Стиль style="background-image:url(images/tg.png);" - не прокатывает. Есть еще варианты?

Как быстро добавлять изменения на сайт?
Привет, делаю сайт локально на своем пк, а потом уже загружаю на сервер Загрузка пару секунд, но я представляю какая она будет когда у меня будут большие проекты. Да и иногда надр что то быстро...

Не выводится иконка из спрайта
Здравствуйте! С новым годом! Есть спрайт с иконкой (пока с одной, добавится еще). Лежит в папке img/sprite.svg, которая в корне проекта. Извините, не знаю какими тегом обернуть тут этот код ...

Вёрстка градиента
коллеги, всем здравствуйте! В определённом разделе страницы с которой необходимо сделать аналог, как я понимаю применяется градиент. У меня получается несколько иное. Различие между оригинальной...

Проверка значения title и скрытие dev блока
Есть два div <div class="warning1" title = "Леопард"> <p>Beware of the leopard</p> </div> <div class="warning2"> <p>Beware of the leopard</p> </div> Можно ли с помощью css проверить...

Абзац. Для чего нужен тег <p>?
Добрый день друзья. Что значит абзац. <p> </p> То есть как в редакторе записан текст так и должен отображаться у меня с новой строки начинается весь текст. <!DOCTYPE html> <html> <head> ...

Как сделать границы кнопки градиентным?
Всем программистам привет!!! У меня такая задача: надо сделать кнопку границы которого градиентны. У меня стили кнопки получилось вот так : .header-btn { width: 158px; height: 45.26px;...

Ползунок в 2 цвета
<style> input { -webkit-appearance: none; margin: 10px 0; width: 100%; } input::-webkit-slider-runnable-track { width: 100%; height: 12px;

Как расположить друг под другом?
Здравствуйте. Подскажите, пожалуйста, как сделать, чтобы отображалось на странице блок span "как дела" под блоком span "привет"? <!DOCTYPE html> <html> <head> <title>Page Title</title> ...

Не меняя html код, сделать блоки адаптивными к контенту. Только за счет стилей
<style> div { font-size: 20px; font-weight: bold; } .gl { display: grid; grid-template-columns: 500px 200px; gap: 20px; }

Чем отличаются min-height и height
Добрый день. Изучаю CSS не понятно чем отличаются min-height и height - и тот и тот задает высоту. В чем между ними разница?

Как лучше хранить CSS - в отдельном файле либо в самом html?
Добрый день друзья, То есть css это лучше в отдельном файле стили хранить либо в самом html. или только в отдельном файле хранят?

docx в html
Существует ли способ сохранить docx в html нормального размера и без кошмарных таблиц CSS, которые создаёт ms word? Файл docx весит 245кб, конвертированный средствами ms word в html, получается...

Размещение на странице
Здравствуйте! Я тут новенький) не судите строго не могу додуматься как на главной странице разместить условно слайдер , и вообще какую либо информацию) он все пихает в боковое меню будь-то это...

Ограничить вывод списка datalist
Здравствуйте. Имеем, к примеру, такой список: <input list="name" id="myBrowser" name="myBrowser" /> <datalist id="name"> <option value="Авдей"></option> <option value="Авксентий"></option>...

Вообще не работают атрибуты font-size
Первый раз с таким сталкиваюсь за годы. Поиск по форуму не дал ответа. Раздел, вроде бы, «Форум web мастеров», хотя проблема возникла при работе с XSLT. Суть: вообще не работают атрибуты font-size....

Правильная адаптация блоков
Работаю с хедером и футором. Для меня, верстка оказалась сложной, вероятно нужны гриды, я их не знаю. Смысл в следующем. Есть футтор для десктопа, выглядит так: На планшете должен выглядеть...

Принудительное горизонтальное отображение для мобилок
Подкажите, возможно ли для мобильных устройств поставить для страницы на сайте принудительно горизонтальное отображение, ну т.е. как бы человек держит телефон ещё вертикально, но контент на странице...

Направление пользователей на главную страницу из формы
Сама форма выглядит так <section> <form> <div> <input type="text" name="" required=""> <label> Username or Email address</label> </div>

Как сделать чтобы DIV не сталкивался с другим
Здравствуйте! как сделать чтобы div не сталкивался с другим div <div class="divmenu"> <div class="table101-tr"> <div class="table101-td"><p>&nbsp</p> text text </div></div> <div...

Прозрачный текст на фоне
Всем привет, как реализовать следующее - есть фон (0.5), который находится на картинкой, в него нужно поместить текст (возможно он будет в виде бегущей строки), но сам текст должен быть полностью...

Установка сертификата SSL на Exchange 2019
Добрый день! С данной проблемой сталкиваюсь впервые, поэтому даже инструкции сложно понять. У меня на почте от Globalsign есть данные сертификата, корневого сертификата, промежуточного сертификата,...

Растянуть ссылки на весь блок
Думал получится сделать с помощью позиционирования, даёшь лево 0 право 0 и растягивается на всю ширину, с высотой думал так же будет, верх старт 30 пикселей и низ 0, но нет, не тянется. Как...

Крайний элемент при flex-grow + flex-wrap
Разбираюсь в адаптивной верстке при помощи flexbox. Сложил input и label в div.field их тоже в div.box

Видео не принимает высоту своего родителя
<style> .gl { width: 50%; } .pl { width: 100%; max-height: 50vh; background: red; } video {

Не получается убрать border у select
Здравствуйте! Непосредственно селекту через CSS задан класс с обнулением border и outline, но рамка не исчезает. DevTools показывает, что все стили подключены и работают, стили по умолчанию border...

Как сделать такой border-radius как на картинке?
у выбранного промежутка в календаре.

Занять остаточную высоту
<style> * { position: relative; padding: 0; margin: 0; outline: none; box-sizing: border-box; scrollbar-width:...

Встраивание отдельной страницы в текущий документ по нажатию на вкладку
Здравствуйте! Подскажите, пожалуйста, как по нажатию на вкладку открыть отдельную страницу в текущем окне. У меня в примере по нажатию на 2 вкладку-ссылку должен открыться файл 1, но пока...

Дочерний блок не придерживается максимально допустимой высоты родителя
Постараюсь как то так объяснить... <div class="player"> <video controlslist="nodownload" preload="auto" src=""></video> </div> <style> .player { background: rgb(0 0 0); width:...

Усовершенствовать алгоритм CSS
<html> <head> <title></title> <style> .my-wrap { position: relative; width: 250; height: 250;

Выезжающее меню - плавное раскрытие
Здравствуйте! Помогите, пожалуйста: нужно сделать, чтобы при нажатии на кнопку меню бургер, оно плавно выезжало вниз, либо плавно раскрывалось по высоте в мобильной версии. Не получается. Заранее...

Проблема с расположением блоков
Всем привет, недавно начать писать сайты, и во время написания сайта столкнулся с такой проблемой: мои блоки лезут вправо, как бы я не старался передвинуть их влево, какой то из 3 точно торчал....

Автообновление CSS для Chrome
Посоветуйте расишрение чтобы оно само перезагружало стили когда они изменяются. И делало это автоматически без нажатий кнопок.

Перелистывающая фотогалерея
Все доброго времени суток! Хочу сделать вот такую перелистывающую фотогалерею для своего сайта, как на этом сайте. (Это не в коем случае не реклама сайта, просто показываю, что хочу сделать). ...

Канбан на bootstrap (бесконечный горизонтальный скролл)
Никогда не заморачивался версткой на бутстрапе, но сейчас столкнулся с задачей. Надо сделать канбан. Пока без "динамики" в виде перетаскивания карточек между этапами. Мне надо чисто визуально...

Как это работает, скрытие меню
<body> <style> *{ position: relative; padding:0; margin:0; outline: none; letter-spacing: 1px; box-sizing:border-box; scrollbar-width: none;

Откуда такой вес пустой страницы?
Пустые страницы поисковиков Яндекс и Гугл весят 71 и 69 мб соответственно. Погромисты могут хоть как-то нормально оптимизировать сайты, учитывая, что у этих компаний миллиардные обороты, а зарплаты-...

Заменить текст через CSS
Здравствуйте На странице есть такой элемент: <span class="as-cmt-username"> <i class="fa fa-user mr-1"></i> user28120444 </span> Доступа к изменению HTML-разметки у меня нет, могу...

Не цепляется часть кода CSS в HTML (свойства Grid)
Добрый день, уважаемые участники форума. Я не могу понять, почему у меня не цепляется часть кода CSS в HTML. CMS: Modx 3.1.0 Тип страницы: статический ресурс. (Html подключен через файл, а CSS...

transition не работает или я его не замечаю
Посмотрите пожалуйста, мне кажется не работает переход от одного цвета в другой, добавлял времени, всё равно не замечаю. <body> <div class="btn">Puck</div> </body> * { margin: 0; ...

Создание сложного адаптивного Border для двух смежных фото
Доброго времени суток уважаемые эксперты, подскажите пожалуйста каким образом реализуется такой Border для двух смежных фотографий чтобы они были адаптивные и гибки. Картинку прилагаю ниже

Почему не работает height: 100% ?
Подскажите пожалуйста, почему когда указываешь height: 0-100%, то элемент пропадает со страницы? Если указывать в px, то всё ок, но когда в %, то не работает. width в этом плане нормально...

Как правильно позиционировать блоки при адаптации?
Точно, огромное спасибо! Все получилось. Есть еще вопрос, двигая и отключая не нужные блоки при уменьшении ширины экрана в мобильной версии не могу добиться более менее правильного позиционирования...

Картинка не умещается в блок с размерами в 100%
Есть размером 1920 на 1080 пикселей. но если ее вставить в блок как фоновое изображение она обрезается снизу .main { width: 100vw; margin-left: calc(50% - 50vw); height:...

Адаптивная картинка
Если кто знает, подскажите пожалуйста. Как сделать, чтобы текст справа от картинки - "наличные", при уменьшении размера экрана уходил вниз. Показал на скриншотах.

Создание ссылок в прямоугольниках со скругленными краями
Добрый день! Помогите сделать меню под ссылки. Во вложении пример как оно должно выглядеть

Прижать элементы к правому и левому краю
<style> #mn { display:flex; align-items: center; gap: clamp(5px, .5%, 15px); height: 50px; } #mn div { background: red; height: 100%;

Исправить положение меню(влево)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Сайт про котиков</title> <style> body { ...

Элемент поверх другого, не работает z-index
header должен накрывать псевдокласс т.к имеет z индекс выше, но не работает, псевдокласс перекрыл header. <header> <div class="vv"></div> <div class="ww"> ...

Свойство scrollbar-width
На таких страницах, где графика сознательно выходит на границы, и не несет информации (анимации) просто обязан быть новый современный body {scrollbar-width: none;} как там в FF Safari выглядит не...

Перенос элементов флекс на новую строку в определенном месте
Как сделать перенос элементов флекс чтобы вторая строчка располагаясь после слова Александр <div class="header1"> <div class="logo1"></div> <div class="title1"> <h1>Витражи в технике...

Развернуть блок на ширину контента
<div style='background: rgba(255, 255, 255, 30%);'> Текст текст </div>Возможно на css, выполнить анимацию развертывания на ширину контента. Ширина динамична, в зависимости от длины строчки.

Медиазапрос @media не отрабатывает
Есть тестовый сайт на десктопе корректно отображается, а вот для мобильных начал редактировать и упёрся в то что стиль по медиазапросу не отрабатывает. Подробнее, есть стиль .contact-right-content...

Сайт по-разному выглядит на Windows на ПК на макбуке
на виндоус заголовки выровнены, а на маке нет. почему так?

Элемент с фиксированным позиционированием дергается при прокрутке
У меня возникла проблема с элементом с фиксированным позиционированием на веб-странице. Элемент должен следовать за прокруткой и скрываться, когда пользователь достигает верхней части страницы....

Нужен код HTML и CSS, чтобы при нажатии на текст появлялась картинка на весь экран
как сделать код из HTML и CSS, чтобы при нажатии на текст появлялась картинка на весь экран (это все на сайте), если кому не сложно прошу помочь, сам в этом плохо разбираюсь, надеюсь на помощь

Резиновые блоки, не отрабатывают
Прошу помощи найти ошибку и подсказать. При изменении экрана добился только изменении размера шрифта сами блоки не уменьшаются и не увеличиваются по ширине, высоте. Спасибо. <body> <div...

Шрифт не подтягивается из GoogleFonts
Всем привет! Для e-mail рассылки написал вот такой код для вставки в поле создания письма (например на mail.ru) через инструменты разработчика. По время теста в Visual Studio Code все работает как...

Разработать в формате html описание модели данных сервера
На основании имеющихся "зарисовок" и описаний в формате md в репозитории hmi разработать описание модели данных сервера в формате html, обратив особое внимание на структуру файлов...

Фиксирование картинки в мобильной версии
Всем привет! Подскажите как можно зафиксировать картинку в мобильной версии сайта. Установил картинку на body, задал свойства background-image: url(); background-attachment: fixed; В десктопной...

Плавное движение элементов
Есть вот такой код <div class="container"> <div class="block">1</div> <div class="block">2</div> <div class="block">3</div> <div class="block">4</div> <div...

Как расположить button внутри справа в input
Как расположить кнопку внутри input как на этом сайте https://www.eapteka.ru/izhevsk/ <div class="container"> <div class="logo"> <a href="#"> <img...

Внутрення тень для элемента
Подскажите пожалуйста как реализовать внутренние тени для SVG элементов с помощью CSS. В архиве есть один SVG Заранее благодарна за помощь.

Глючит Border-spacing:0 или непонятная проблема с таблицей
Доброго вечера! Может кто сталкивался или знает, как исправить. При обновлении страницы , причем только на реальном мобильном, у некоторых ячеек 1го столбца не срабатывает border-collapse (или...

Расположить блоки при свойстве flex
<div class='g' style='display: flex; width:100%'> <div class='gg' style='width:100%'></div> <div class='l' style='width:100px'></div> <div class='r' style='width:100px'></div>...

Создать форму для авторизации/регистрации
Нужна помощь с заданием было такое задание: Создать форму для авторизации (использовать базу данных MySQL) и для обратной связи (отправка сообщения на почту admin), сделать адаптивную верстку...

:hover на тачскринах
При наведении мышью, событие hover работает как надо. На тачскринах, hover срабатывает но не срабатывает когда касание отпустили. Кто как решает? Как эту болячку решить, вечно мучает это... ...

Подчеркнуть те участки текста, где стоят цветные символы-эмоджи
есть кнопки button, внутри текст обернутый в спаны, почему-то не получается подчеркнуть те участки текста, где стоят цветные символы-эмоджи, как можно подчеркнуть <span>🗡</span> и...

Перенос данных из HTML в Word документ
Я создал Html-страницу с полями ввода текста. Как мне перенести данные из полей в готовый Word документ на определенные места?

Что означает в devtools эта сиреневая стрелка?
Не могу понять

Глюк при открытии меню или при его просмотре F12
Здравствуйте! Подскажите пожалуйста, это глюк просмотра в браузере или какая-то проблема может быть на реальном устройстве: мне доработали меню (бургер, аккордеон), была проблема с его...

Использование position:relative в контексте абсолютного позиционирования
Дано задание, использовать абсолютное позиционирование, то есть position:absolute. И надо с ним через блочную структуру сверстать сайт, но чтобы сделать футер резиновым, надо использовать...

Как сделать, чтобы текст, что справа был под основным текстом, но тоже выравнивался по правому краю
Как сделать, чтобы текст, что с права был под основным текстом, но тоже выравнивался по правому краю Реализовать через теги и их атрибуты (не использовать атрибут style)

Как сделать текст по левому краю во вложенном теге
в общем, пытаюсь ппрописатт, что текст был по левому краю во вложенном теге, итог: ноль изменений. Прикрепил файл. Подскажите, что не так, пожалуйста <!DOCTYPE html> <html lang="ru"> <head> ...

Построение адаптивной Grid или Flex контейнера
Приветствую. Подскажите пожалуйста каким образом можно построить соответствующий Grid или Flex контейнер из фото как на рисунке. Буду признателен за помощь

Как сделать с помощью css "сложный" параллелограмм
Как вытянуть углы у обычного параллелограмма

Адаптировать фон
Возможно выровнять фон(изображение), таким образом. Чтобы он растягивался по одной из больших сторон, а по второй выравнивался по центру...

Наложить Div на Div Не понимаю
<article> <header> <div class="header_line"> <div class="container"> <h1 class="header_name"><span class="yellow-text">SITE</span> ...

Я начинающий программист, дайте советов
всем пр, я начинающий программист, дайте пожалуйста советов и скажите: нормальный код? я учу html только 1 день <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta...

Как подкорректировать макет под разные устройства?
Добрый день! Проблема следующая, есть макет для верстки с разрешением 2520 пикселей. Надо сделать его адаптив для более маленьких экранов, допустим 1440 пикселей. Но нет макета для этого разрешения....

Грид - ряды с разным количеством ячеек и выравниванием по центру
Коллаж, как этой картинке. В одном ряду две ячейки, в другом три и все по центру?

как сделать, чтобы ползунок скроллбара занял всю ширину трека?
перепробовала множество вариантов, ничего не работает. то есть та часть, что темнее, по ширине должна быть равна более светлой части скроллбара . спасибо

Существуют ли какие-то редакторы для ускорения верстки?
Осваиваю CSS верстку. Научился управлять элементами и их свойствами вручную. Появился такой вопрос, может есть какие то программы, где можно блоки визуально расставлять и редактировать (с...

Вертикальный прогресс-бар
Привет. Это - плеер. Небольшая проблема - в прогресс-блоке. Прогрессы, у меня - вертикальные. Индикатор прогресса (верхний): <span class="progres-bar"><span class="progres"></span></span> ...

Почему не срабатывает относительный путь для вывода картинки на html странице?
Подскажите почему не срабатывает относительный путь для вывода картинки на html странице? Пытался указывать относительно корня и относительно страницы. src="/img/panther.jpg"...

Свойство transform: translate не срабатывает при назначенной анимации
Добрый день. Для элемента в HTML назначены медиа-запросы с помощью которого данный объект смещается по ои X на определенном разрешении. Так же для данного элемента сформирована бесконечная...

Растянуть дочерний элемент на всю оставшуюся высоту родителя
Есть вот такой код <!DOCTYPE html> <html lang="ru"> <body> <style> .newBlock { width: 500px; height: 500px; border: 3px solid yellow;

Грид - контейнер с блоками разных размеров
Есть грид контейнер в три блока <div class="parent"> <div class="div1">1</div> <div class="div2">2</div> <div class="div3">3</div> </div>

Видео в анимированной секции grid
Сама секция три картинки - при наведении две разьезжаются в разные стороны и открывают третью. <div id="grid"> <div class="left"></div> <div class="middle"></div> <div...

Подскажите в чем проблема
Вообщем проблема в том что повторяю код когда ставлю 1fr 4fr 1 fr все впорядке встаёт как надо но когда ставлю repeat 12, 1fr получается как на картинке последней а у человека получается так же как...

Работает только одна кнопка, как сделать, что бы работали все
Прошу помочь поправить(добавить) код, что бы работала каждая кнопка, у меня их будет много. Так понимаю это из за обобщённого селектора происходит путаница ? Можно решить с помощью добавления...

Лучшая практика для создания слоя над CSS фреймворком
Строится большой проект на Bootstrap, но, скорее всего, придется переписывать фронт под другой CSS фреймворк. HTML шаблонов очень много, поэтому вместо бутстраповских классов хотелось бы, чтобы в...

Как использовать border-radius совместно с border-image с градиентом?
der<html> <head> <style> body{ background-image: url(""); background-position: center top 50%; background-size: cover;...

Круг с точками по перемитру и некоторые сделать друго цвета, жирности
Вот сижу и сообразить не могу как сделать такое, что-то похожее на циферблат. Круг это не проблема, рамка ему бутень тень, а вот как по его периметру расположить точки, например 30 штук и какие-то...

Атрибут у родителя, необходимо добавить в дочерний элемент
<div data-theme='Тема'> <div></div> </div> <style> div:after { content:attr(data-theme); } </style> Имея атрибут в родителе, возможно его вставить через псевдо класс в дочерний...

Отбор товара в простейшем Интернет-магазине
Только начинаю осваивать HTML, возникла проблема с корзиной товаров.В общем документ разделён на 2 фрейма. В первом я перечисляю имеющийся товар в виде пиктограммы, названия и цены за единицу....

Изображение на фоне main не масштабируется
Следующего рода проблема.. Висит фото через background-image. Есть background-size: cover, потому что фотка немного не по размеру и чтобы на десктоп всё было гуд повесил. Но щас столкнулся с...

Не могу правильно вставить рекламный блок Yandex 220x300 (коряво в Firefox)
Здравствуйте, уважаемые веб-мастера. Не могу нормально вставить рекламный блок Yandex размером 220x300. Вот как выглядит вставленный блок: Сама страница здесь:...

Установка размера textarea в css
Есть файл стиля: его я включаю в один свой проект и он стилизует тег textarea, но помимо этого ещё и задаёт размер, как он это делает я так и не понял.

Не появляется полоса прокрутки
У div -а не появляется полоса прокрутки. Как ее добавить ? <div class="messenger-messages-body"> <div class="messenger-message"> <div class="messenger-message-body"> ...

Как правильно оформить сайт по блокам HTML5?
Скажите пожалуйста как правильно надо оформить сайт по блоком HTML5 по порядку!? Без особо во использование div <header> </header> <nav> </nav> <main> <article>

Создание сетки на флексах
Нужно расположить блоки примерно как на схеме. Есть следующая структура. <div class="games__section"> <div class="games__list"> <div...

О дефолтных стилях и их сбросе
Пытаюсь разобраться. Прежде всего правильно ли я понимаю само определение. У меня все применительно к вордпресс. Допустим вордпресс задал стили для ссылок - поддернутый текст синего...

Не срабатывает тег <center>
Здравствуйте! Хочу выровнять по центру содержимое страницы( как на прилагаемой картинке), внутри body заключаю содержимое в теги <center> </center> , но почему-то не выравнивается по центру. Вот...

Как правильно использовать display?
Никак не могу разобраться, как использовать display. Каждый раз получается неожиданный результат, кое-как подстраиваю, почти наугад, то inline-block, то block, то flex. Как разобраться? С какими еще...

Зафиксировать ширину столбцов таблицы
<table class="table table-sm table-dark table-bordered mb-0"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> ...

Эффект вывода части четкого изображения
Доброго все времени суток. Подскажите пожалуйста как называется такой эффект в верстке, и где можно про него почитать по реализации.

Тег Section и заголовок в нем
Добрый день! Подскажите, пожалуйста, является ли семантически правильным внутри тега section сначала поставить картинки, потом идет div (флекс-контейнер) и в нем заголовок (после картинок, если...

Как сделать ровные круги в CSS?
Доброе утро! Дали задание сделать верстку будущих кнопок навигации: на HTNL+CSS с обязательным использованием классов div.Третий день бьюсь- не получается. Окружности неровные: тянутся, превращаются...

Добавить блок, расположить под первым, третий блок по правую сторону от первых двух
<style> *{ position: relative; padding:0; margin:0; outline: none; letter-spacing: 1px; box-sizing:border-box; scrollbar-width: none; -webkit-tap-highlight-color:...

Фильтры к background-image
Можно ли как-нибудь к изображениям заданным через backgroun-image применять фильтры? Особо интересуют фильтры типа grayscale и opacity.

Растянуть строку grid по высоте родителя
Как растянуть строку в .main__grid по высоте .container если для ограничения контента на странице используется шаблон с margin: 0 auto <div class="page"> <header class="header"> ...

Transition не работает. Требуется анимация слайдера с переходом картинок при помощи margin. Префиксов нет, браузер хром
<div class="slider middle"> <div class="slides"> <input type="radio" name="r" id="r1" checked> <input type="radio" name="r" id="r2"> <input type="radio" name="r" id="r3"> <input...

Помощь с доведением до ума сайта
Всем здравствуйте! Помогите довести до ума сайт для сдачи в вузе. Не работает кнопка отправить.

Ошибка с отображением
Коллеги, здравствуйте. Помогите пожалуйста, маленькая проблема. Есть ссылка с изображением. В мобильном хроме через раз Текст отображается под изображением, а должен рядом. white-space,...

Неверно масштабируется padding-left
.mmm { container-type: size; fill: #fff; color:#fff; border-radius: 5px; overflow: hidden; height: 10%; padding: 8px; background: rgba(25, 25, 25, .9); position: absolute;

Помощь с лабораторной работой по HTML
Добрый вечер! Необходима помощь с блоками и размещениями их внутри сайта!<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5 semantic</title> <link rel="stylesheet"...

Изменение размера кнопок
Здравствуйте! Подскажите как сделать что бы кнопки не выходили за границу поля, как на картинке с примером вот код моей работы: <!doctype html> <html lang="en"> <head> ...

Перевернуть строку средствами HTML или CSS
Странная ошибка SQL,так предполагаем, за сутки в базу попали перевернутые строки. Напр. 5.0- вместо -0.5 Пока коллега с базой разбирается, это пару дней, хотел, чтобы не было простоя, средствами...

Непонятный тег "else"
Здравствуйте. Что это за тег "else" в разметке cyberforum? В интернете не нашел ответ. <else> <h1> JavaScript для начинающих </h1> <br />

grid сетка
прошу подсказать, как задать значения, что бы получилось как на фото. <body> <div class="wrapper"> <div class="zagolovok">Чёрные дыры</div> <img class="kartinka"...

Как в css сделать анимацию падающих блёсток
Как сделать анимацию в css как на этом видео https://www.youtube.com/watch?v=CmiZpEEqGBs Нужно чтобы был как бы дождь из блёсток

Плавное возвращение анимации к исходному значению
Всем привет <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body>

Как правильно удалить <span>?
Доброго всем. Подскажите, пожалуйста. Так: <span><span class="item-info">тут слово</span></span> Или так: <span class="item-info">тут слово</span>

Написать css селекторы, совет
Добрый день Есть следующий html html <div id="container"> <h1>Welcome to Our Website</h1> <p class="highlight">This is a paragraph with class "highlight"</p> <p>This is another...

Почему в двухстрочном тексте отползает картинка?
Добрый вечер! Есть текстовая строка и рядом с ней картинка. Строка центрирована по вертикали относительно картинки, а вся конструкция центрирована по горизонтали. Но почему-то если текст...

Блок мейн перекрывает стили нав панель
Следующего рода проблема, у меня есть нав панель, которая стики. Дальше идёт блок мейн на задний фон которого фотка наложена. Когда нав панель находится на фотке, её тупо не видно. Все остальные...

Как с помощью грид создать вот такую сетку?
Основная проблема - это нак сделать среднюю колонку равной по высоте боковым, но неразденной на блоки?

box-shadow по всей линии svg
Кто готов помочь? Нужно что бы при фокусе по верх svg изображения со всех сторон была тень, у меня не получается, при фокусе выделяется весь блок в котором лежит svg. Пробовал блок убрать всё равно...

Программа для кроссбраузерной проверки
Добрый день. Уважаемые знатоки данного ремесла. Скажите пожалуйста, существуют ли какие-то программы, для проверки отображения сайта на разных браузерах. Т.е. чтобы кнопку нажал и переключился на...

Адаптивные текст/Фото, посмотрите код, как сделать чтобы текст (заголовок) изменялся при изменении разрешения браузера
Все фотографии (кроме главной) при изменении остаются на месте, хотелось еще чтобы меню тоже изменялось. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta...

Помощь по меню
На скриншоте показано меню. Когда уменьшаешь экран, оно появляется и исчезает. Подскажите, как это исправить. HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta...

Наблюдение: display:none не работает при выводе на печать грида
Все содержимое grid-area продолжает выводиться на печать. Прищлось дополнить стандартное в CSS: .noprint { display:none; visibility:collapse; } Вместо collapse можно hide. Windows 7pro....

Ширина 1 колонки в блоке
<style> .g { width: 400px; min-width: 250px; } .article { display: flex; column-gap: 2%; } .img {

Как сделать картинку с текстом в одну линию?
Хочу сделать картинку и текст как одно целое но не понимаю как выстроить в ряд их и уменьшить картинку. Картинка выходит слишком большой по сравнению с текстом. <a href="/home" class="logo"> ...

Верстка полигона
Подскажите как сверстать такие две кнопки?

Не работает @media screen
Пишу код в visual studio code. Тестирую сайт на google chrome. Такой код не работает - при меньше 870 страница не исчезает @media screen and (max-width: 870px){ body { display:...

Фоновое изображение для Ретина-дисплеев
Здравствуйте! Есть блоки с фоновым изображением. .card{ background-image: url('../img/flats-1.webp'); background-repeat: no-repeat; background-size: cover; }

Подчеркнуть строку до конца
Как подчеркнуть строку после слова Первый до конца? <div>Первый<span class="underline">второй</span></div> Мне нужно чтобы подчеркнулось всё до конца строки, а не только второй. У меня...

Adaptive и responsive дизайн
Добрый день. Читаю в интернете умные сайты так заумно объясняют, что не могу разобраться что такое адаптивный веб дизайн и что такое респонсивный. Как я понимаю разницу. Респонсивный веб...

Вписать текст в div и убрать полосу в вертикальном меню
Здравствуйте! Простите, если не сюда пишу. Пишу вертикальное меню с выпадающими подкатегориями. HTML: <div class="menu-tovar-category"> <div class="menu-podcategory"> <div...

Не получается выровнять inputs в form как по макету
Нужно сделать форму, как на скриншоте. Уже всё перепробовал не получается расположить инпуты внутри и параграф формы с кнопкой. Постоянно что-то куда-то не туда уезжает.. Также подскажите, может я не...

Как зафиксировать перенос строк (всех, не только абзацев) в *.htm?
Добрый день. Ничего не соображаю в кодинге. Но есть проблема, которую, похоже, могут решить только живые люди на форуме. Дан текст в формате файла *htm (тупо сохранен из 1-колоночной таблицы...

Как сверстать стили для блока чтобы было как внутри коробки. не могу понять как еще можно реализовать
Надо стили как на первой картине , У меня выходит так через трапецию как на 2 картине, именно нижние левые и правые линий Код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...

Рассчитать значения уравнений VML внутри тега <v:f>
Всем привет! Мне необходимо конвертировать VML в SVG. Я начал искать конвертеры и нашел VectorConverter, однако он не парсит тег <v:formulas> с уравнениями внутри. Поэтому было решено вычислить...

SASS, функция quote(Hello world!) - как её можно использовать?
В учебнике SASS (https://www.w3schools.com/sass/sass_functions_string.php) есть пример функции: quote(Hello world!) Result: "Hello world!" Но компилятор...

Круг, а внутри крестик
Никак не могу понять что не так делаю вот мой код a.addtovar{ display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center;...

Стилизация details
Помогите стилизовать DETAILS

Нужно поменять порядок расположения блоков
Всем привет, в медиазапросе мне нужно сделать так, чтобы зелёный блок шёл после жёлтого(ушёл вниз). Сразу скажу, order мне не помогает вообще (дело даже не в том, что секция 3 находиться не в теге...

Не работает фреймворк tailwindcss
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./output.css"> ...

Не удается сделать тег 'a' блочным
<div style="display: flex; column-gap: 10px;"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" style="height: 100%;"> <path d="M0 7.875A5.623 5.623...

Выравнивание кнопки в карточке товара
Карточка - элемент грид контейнера .container { display: grid; grid-template-columns: 20% 20% 20% 20%; grid-template-rows:auto; grid-gap: 1rem; width:80%; margin:auto; }

Создать сетку на flex
Здравствуйте! Подскажите, как создать сетку сайта в PHP. Данные берутся из базы данных. Пробую flex, не работает. <? header('Content-Type: text/html; charset=utf-8'); $mysqli = new...

Дробная нумерация списка
<ol> <li> <ol> <li></li> </ol> </li> </ol> Как выполнить дробную нумерацию списка, в зависимости от уровня вложенности в списке?

Почему может svg не отображаться:
У меня такой прикол, на сервере vs code отображаются svg, а если через браузер путь к сайту забить то нет вот путь там svg языка ну и все в попапе языковом. А вот так выглядит через сервер см скрины.

Есть ли онлайн сервисы для приведения к другому виду css?
Получил код для верстки где все стили вот в таком виде .footer__inner { margin: 8rem 0; } @media (max-width: 1200px) { .footer__inner { margin: 6rem 0; } }

Не работает выпадающее меню
есть страница https://mozgowik.ru/1/new_main.html, на которой представлено меню. при наведении на ссылку "Услуги" должно отображаться меню в коде это выглядит так ...

Поправить svg из '4' в '1'
<svg class="me404" viewBox="0 0 1000 480" version="1.1" id="svg3" sodipodi:docname="рисунок.svg" inkscape:version="1.4-beta (62f545ba5e, 2024-04-22)" ...

Не работает sticky шапки таблицы, что нужно сделать?
Не работает sticky шапки таблицы, что нужно сделать? overflow: hidden необходим для сокрытия невлезающего контента таблицы, без него работает sticky работает. Как сделать так чтоб sticky работал...

Не работает placeholder в Firefox
input { width: auto; position: relative; } input::placeholder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

Как убрать вот эти линии
Здравствуйте, возникла такая проблема в front-end'e не силён поэтому сильно не ругайтесь( Суть проблемы такова, делай border-radius на объект text, но он мне делает рамку и ещё одну рамку, как...

Ориентироваться по ширине родителя, не окна браузера
.list > * { container-type: size; & a > div { color: #8d8d8d; font-size: 13px; @media (width < 900px) { font-size: 10px; } }

Форма и фреймы
есть некий сайт, сделала страничку(хранится на моём устройстве, в памяти тел/пк), слизала форму входа, заполнила ник и пароль через value, нормально заходит на тот сайт, сделала вторую, третью форму...

Fixed и padding
Всем привет, с помощью элемента с position fixed перекрываю всё окно (т.е. растягиваю на всю доступную высоту и ширину). Внутри имеется контейнер со списком. На больших экранах всё смотрится ок, но...

Где можно глянуть список изменений в css и html, которые больше не работают?
Реанимирую сайт, не использовался с 2018 года. Обнаружил cursor:hand; не работает больше, заменил на cursor:pointer; Нужно все страницы теперь изменить. Вопрос: где можно глянуть список изменений...

Отвязка checkbox checked от div
Добрый день, пытаюсь что-то вспомнить и никак не могу понять. Почему checkbox реагирует на нажатие div блока. В моей задумке, при нажатии на кнопку, checkbox уходит влево, div блок с содержимым...

FAVICON не отображается
Что делать, если иконка не отображается. Загрузил файл .ico 32x32 в папку сайта. Прописал код, фото прикрепил, что делать? Даже по ссылке xxx.ru/favicon.ico - открывается. Фото во вложениях.

SVG разность
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" style="fill:#a4c639;background: red;"><path style="display:inline" d="M17.399-85.224a6.45 6.45 0 0 1 3.094-.775 6.486 6.486 45 0 1 6.504...

Сделать видимым текст ошибки
Доброе времени суток! Есть форма с валидацией которая работала без ошибок, пока не добавил телефонный плагин intl-tel-input. Был рабочий код HTML: <div class="form-group"> <label...

Слайдер блоков внутри родительского блока
Здравствуйте! Есть список со свойством display: flex, в котором расположены несколько небольших блоков с фоткой, текстом, ссылкой... <ul> <li> <img src=''> <p>.......</p> <a...

Как убрать стиль у одного элемента
Написал в ксс бордер радиус для элементов, но есть единственная просьба: нужно чтоб к "YTlogo" данное свойтсво не применялось. Подскажите, как так сделать без назначения новых классов, может через...

Адаптировать код для телефона
Подскажите какой код прописать к input что бы все вмещалось в поле мобильного телефона (у меня все съезжает за пределы) и что бы м2 были как можно ближе к рамке таблицы с вводом <script...

:active на тачскринах
Необходимо присвоить стили блоку в момент когда происходит касание и удержание. Ок, на тачскринах это работает. Но, не опуская касание, начну перетаскивать. Событие отваливается... :hover не...

Чёрная обводка при наведении курсора на кнопку в HTML/CSS
Подскажите пожалуйста, как сделать чёрную обводку при наведении курсора на кнопку в в HTML/CSS? Нужно обводку не такую как на первом скриншоте, а как на втором.

Обязательно ли здесь писать !important, чтобы стиль применился для internet explorer?
.commentsContainer { ... height: calc(100% - 20px); ms-height: 100% !important; ... } ( приставка ms означает,что стиль применится только для internet explorer )

Изменить поведение красного блока
<style> .g { display: flex; gap: 10px; flex-wrap: wrap; height: 100%; } .hd { position: sticky; top: 0;

Не отображается иконка на вкладке html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Висилица</title> <link rel=”icon”...

Выровнять input и textarea
Прошу помочь с выравниванием textarea , и input. <td> <input type="text" style="field-sizing: content; writing-mode: vertical-lr; letter-spacing: 10px; text-orientation: upright" /> </td> @*...

Два столбца кнопок на bootstrap
<div class="row"> <div class="col d-grid gap-2 pe-1"> <a class="btn btn-sm btn-primary" href="">1</a> <a class="btn btn-sm btn-primary" href="">2</a> <a class="btn...

justify-item применяется только к одному блоку, а не ко всем
Здравствуйте, что то я наделал не так, может упустил, прошу помощи. Нужно выровнять по центру блок header, main и внутри его блоки. Все блоки внутри главного wrapper который со свойством grid,...

Блок не растягивается на всю высоту на iPhone
Есть контейнер внутри обертку и он растягивается на всю высоту, но почему-то блок (absolute) не растягивается на всю высоту контейнера, а только на видимую часть экрана. Такое поведение только на...

Запретить авто подстановку в инпут из сохранений
Добрый день. Суть такая есть поля input типа введите адрес/город, и вот когда у людей есть автоподстановка сохранненых значений, то в эти поля прописывается всякое не нужное и начинается конфликт с...

Padding + scroll при fixed
Всем привет, вопрос заключается в следующем: обертка fixed (скажем так модальное окно), но внутреннее содержимое больше его высоты и соответственно есть прокрутка. При этом имеются отступы, однако -...

css vw и vh не работают в мобильной версии
Доброго времени суток. Я задаю CSS свойства, для особой ширины экрана, но почему не работает свойство VH и VW. Пробовал на мобильнике Chrome, да и в браузере на компьютере в отладочном окне...

Проблема с кнопкой, чтобы расположить ее в центре внизу
У меня возникли проблемы с размещением кнопки по центру внизу. Пробовал с div и без, ничего не помогает. HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta...

Как вывести по середине кнопку донатов yoomoney
yoomoney дает код через iframe, поэтому кнопка изначально располагается слева. Если ее центрировать через CSS, то центрируется блок размером 330 пикселей. Но кнопка значительно уже, а потому все...

Слетает главный блок при display: flex;
css @import...

Есть ли возможность средствами CSS реализовать контур литер текста?
Искал, ничего не нашел. Есть ли возможность средствами CSS (+script, возможно) реализовать контур литер текста, как это делает msword? В меню Word: Главная-->Шрифг-->Текстовые эффекты-->Контур...

Поиск значения на странице и звуковое оповещение
Добрый день! Очень хочу выполнить поставленную задачу самостоятельно, но не знаю, с какой стороны и какими методами лучше, проще и правильнее будет это сделать. От знатоков форума прошу совета, на...

Бутстрап и отображение блока
Суть такая по всему сайту используется bootstrap3 на странице оформление заказа верстка представляет собой следующее <div class="row"> <div class="col-md-7 col-xs-12"> <?php...

Интервалы между блоками
<div class="d-flex justify-content-between align-items-center mb-1"> <a class="text-reset" href="/menu"><i class="bi bi-list"></i></a> <div> <i class="bi bi-arrow-90deg-up"></i>...

.alert не подчиняется .gap-*
результат на скриншоте <div class="d-flex flex-column bg-dark text-white text-center small gap-1 p-1 mx-auto"> <header class="d-grid sticky-top bg-dark gap-1"> <div class="d-flex...

Выполнить размещение блоков при flex
display: flex; align-items: center; На родителе. Возможно первый блок разместить во всю ширину на первой строчке, оставшиеся, последующие блоки, разместить в одну строчку на второй. При этом все...

� вместо русских букв
Всем привет. Загружал сайт на русский хостинг - все хорошо, но как только загрузил на иностранный - все плохо, т.е. вместо русских букв - �. В .htaccess прописывал AddDefaultCharset utf-8, но...

HTML, CSS � вместо русских букв
Здравствуйте! Есть домен, сайт на нем. Вордпресс. Я запихал в новую папку шаблон сайта. Открываю его по ссылке и все русские символы отражаются в ��...

Возможно ли узнать правильный вариант ответа в онлайн тесте?
Возможно ли узнать правильный вариант ответа через код элемента в онлайн тесте? Например: https://e-history.kz/ru/ent/test/20# На носу трудные экзамены, не до конца уверен в своих силах) Помогите...

Русский текст отображается иероглифами
Всем привет. Закачал свой htm файлы на сайт, зашел на него и увидел что весь русский текст отображается иероглифами. Можно задать в кодировке кирилицу, но это не удобно и не хорошо. Я погуглил,...

Что то с кодировкой CSS
Писал сайт, когда поставил переход на относительний линк, ну <li><a href="blablabla.html"</a>Головна</li>, то столкнулся спроблемой. Когда оно переходит, то текст на сайте там другими символами. ...

Два блока DIV рядом по горизонтали.
Помогите пожалуйста ни как не могу сделать чтоб два блока DIV были рядом по горизонтали и чтоб между ними был небольшой отступ, в каждый блоки вставлено картинку нужно чтоб эти картинки были рядом а...

Как создать затемнение всего кроме выпавшего меню?
пример верхнее меню на этом сайте https://www.farfetch.com/uk/shopping/men/shoes-2/items.aspx или на этом тоже самое...

Как вставить картинку при помомщи css и html
Ребят, подскажите, пожалуйста, как вставить картинку при помощи css, а потом её вынести при помощи html? Вот моя последовательность действий: 1. Создаю и подключаю css файл <link...

Увеличение картинки по нажатию
Привет всем подскажите как сделать так что бы при нажатию на картинку картинка увеличивалась в статье

Как перенести div на новую строку?
Собственно структура документа вот такая: ... <div id="content"> <div class="card">Контент</div> <div class="card">Контент</div> <div class="card">Контент</div> ... <div...

Иероглифы вместо текста
Всем привет. Помогите пожалуйста, только начал изучать html и столкнулся с проблемой. Приступил к выполнению 1ой работы в notepad++? запустил в firefox? вот что он показывает вместо русского...

Как сделать DIV блок ссылкой?
Как сделать DIV блок ссылкой?

Создать тест на HTML
Здравствуйте! Подскажите пожалуйста как сделать тест на HTML т.е. дается вопрос к нему 4 варианта ответа 1 правильный и в конуе выдать результат сколько правильных и не правильных... и выдать...

Можно ли сделать фон сайта картинкой?
Помогите плз можно ли сделать фон сайта картинкой?Если да то как?И напишите теги плз.Пример вот siniyvoin.ucoz.ru, но мож я чего не понмаю так как в Html недавно.

3 картинки в ряд css
Доброе время суток. Помогите пожалуйста сделать,чтобы три картинки вряд были, а под ними текст. <div class="conteiner"> <img src="img/1.png" alt="" idth="186" height="186"/><a href="#">Contrary...

Необходима помощь в вёрстке сайта
Решил заняться созданием сайтов. Накачал много книг, которые в бесплатном доступе, но по ним можно сделать только какой-то допотопный сайт, которые сейчас не котируются. Хотел бы хотя бы такой...

Картинка выходит за пределы DIV
Всем доброго времени суток. Такая проблему: php - скрипт на страницу из папки выгружает картинки. Все разной высоты и ширины. Сделал так чтобы эти картинки помещялись в DIVы, но не пойму как...

Как поставить на фон картинку?
Как можно поставить на фон картинку? если картинка находится на рабочем столе в папке. можете написать код?

Картинку в ячейку в таблицы
Как в ячейку таблицы вставить картинку, не залить полную ячейку фоновым изображением а вставить с позиционированием?

Как сохранить изменения в коде на сайте?
Мож не туда задал вопрос, но как сохранить изменения в коде на сайте? А то изменяю код а при обновлении страницы все исчезает... Что делать?

Текст выходит за границы блока див
Подскажите, как мне справиться с этой ситуацией, текст выходит за границы дива.. Использую перенос word-wrap:break-word, но на это никакой реакции нет...

Вытащить картинку с сайта
Как можно вытащить картинку с сайта? http://www.imdb.com/media/rm1288090368/nm0757855 Если можете/знаете, как это сделать, то не вытаскивайте конкретно эту картинку, а объясните способ, как это...

Как передвинуть картинку?
хочу передвинуть картинку делаю вот так. но толку ноль СSS #pic{ position: relative; left:200px; top:-100px; } <html> <head>

Как сделать ссылку 'вернуться назад'?
Как присвоить путь для кнопки так, что бы она возвращала на предыдущую страницу - тоже самое, что кнопка назад на панели браузера делает?

Два блока DIV горизонтально друг за другом
Доброго времени суток. Подскажите как можно сделать так чтобы два блоки DIV располагались горизонтально друг з другом? Зарания спасибо.

Выделение активного пункта меню
Всем доброго времени суток, приношу свои извинения, если это уже обсуждалось, собственно суть вопроса - Пункт меню должен подсвечиваться так же как при наведении когда он активен. Вот код html:...

Вставить изображение в div
Можно ли как-то вставить изображение в DIV блок, не вытягивая его и не растягивая. Допустим есть блок 200х150 изображение 300х200. Вставить его в блок, отцентрировав и обрезав всё что не вошло!?

Смена картинок с плавным переходом между ними
Уважаемые! Весь интернет перерыл мне нужен скрипт как на 3-4 изображения, только переход был плавный с заменой на другую фотку. Я так думаю должно указываться параметр прозрачности. Пожалуйста...

Userscript для интеграции JSFiddle на форум
Доброго времени суток, форумчане! Мне хочется представить вашему вниманию наш с Никитой (ntlinuxnt) проект. Это userscript, добавляющий в редактор «быструю» кнопку открытия сервиса jsfiddle и...

Счетчик на ucoz
Парни, не могу найти где вставить код для счетчика. Подскажите plz

Затемнение картинки
Помогите, пожалуйста, с затемнением картинки.. . Мой вариант почему-то не работает <div class="cvc" > <img src="/images/blob.jpg" alt=""> </div>

Вставить картинку на кнопку
Помогите плиз. Как вставить картинку на кнопку. Никак не получается. Хотелось бы вставить ее в правый верхний угол

Открытие изображения в полном размере в новом окне. HTML
Вобщем приведу строку из учебника: Чтобы картинка (или любой другой файл-документ) открылась в новом окне. Дело в том, что у тэга <a></a> есть атрибут target. Делаем ссылкой картинку (допустим...

Div слева по центру и справа
Доброго дня! По бокам понятно как выровнять, через float, а по центру? <div class="tools"> <div style="float: left;">Текст слева</div> <div>Текст по центру</div> <div style="float:...

Затемнение картинки или осветление, при наведении на нее.
Нашел такой CSS код: img { opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80) black; -khtml-opacity: 0.8; background-color:#000; } img:hover {

Как выбрать все элементы кроме первого
Добрый день есть вот такая конструкция? <div class="nav"> <ul class="clearfix"> <li><div class="icon-set icon-bl-1"></div></li> ...

Ресурс был заблокирован из-за несоответствия MIME-типа («text/html»)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/jquery-ui.css"> ...

Как выровнять body по центру?
Эм, как лошара не могу выровнить body по центру. Уже пробовал через margin, float, text-align, font-align, не хочет и всё >_<

Как установить placeholder для select?
В input есть атрибут placeholder, а в select его нет. Как его установить?

Расположение по центру в теге div
Доброго времени суток!!! Как установить все элементы в центр по вертикали и горизонтали, внутри тега div. Пытался сделать так(в css): .div { vertical-align: center; text-align: center;...

Два div на одной строке
Добрый вечер! Как сделать чтобы два div были в одной строке при этом мапились под окно браузера, и картинки в них тоже Использую display: inline-block, не особо помогает <!DOCTYPE html> <html...

Съезжают блоки при уменьшении масштаба
Вот есть пример. <div class="a"> <div class="b"></div> <div class="c"></div> </div> .a { width: 200px; } .b {width: 150px; float: left; }

Добавить отзывы на сайт
ВСем привет, уже несколько дней ищу скрипт html отзывов на сайт, не могу найти. Можно ли поставить такой код на страницу сайта, что бы было не php, а желательно html код, форма отзывов такая Вводишь...

Открыть ссылку в новом окне, а не в новой вкладке
Здравствуйте, полчаса бьюсь ищу в интернете как открыть ссылку в новом окне, подчеркиваю окне, а не вкладке. Все, что находил в ИЕ это открытие ссылки с помощью "TARGET="_blank" , но в...

Как разместить элемент внизу блока <div>
Здравствуйте. Я использую блочную верстку сайта. У меня блок правого столбика под навигацию с помощью js ровняется с блоком контента. В блоке под навигацию сайта я создал еще одмн блок <div> и...

Расположить текст внизу страницы!
Использую этот стиль, однако он выводит текст в нижний правый угол, как это мне надо, однако если высота страницы превышает разрешение экрана текст остаётся там же не опускаясь вниз страницы ... как...

Разделение ячеек в таблице
Добрый вечер, у меня есть таблица и мне нужно разделить ячейку 2 во второй строке, подскажите пожалуйста как это сделать.. <html> <head> <meta charset="utf-8"> <title></title> </head> <body >...

Задать прозрачность фоновой картинки
background-image:url('../images/g.png') ; Нужно добавить параметр прозрачность 0.2 (только для картинки). Как?

< и > вместо <, >
Привет всем. Пожалуйста помогите вот с такой проблемой. Код, написанный на C# генерирует строку типа <div><span style=color:#0000FF><span style=background-color:#FFFFFF><span...

Как привязать ссылку к баннеру
Всем привет. Подскажите пожалуйста, что нужно изменить в коде, чтобы прикрепить к баннеру (1,2) ссылку на страницы: 1. /dostavka 2. /podarki Сам код: <td class="bottom_banners-item first"...

Правый край div1 прижать к правому краю div2 через CSS
Есть div1, внутри него div2. Как div2 правым краем с помощью css прижать правому краю div2. Добавлено через 34 минуты бррр.))) text-align: right в сво-вах css div1.

Изменить длину border-bottom
Здравствуйте. Есть блок <div class="widget-title">Текст</div> ему присвоены border-top:3px solid #000; и border-bottom: 2px solid #000; Нужно сделать нижнюю границу border-bottom не на всё длину...

Есть ли способ противостоять user agent stylesheet ?
В стилях прописано: text-decoration:none !important ; Однако, инспектор кода показывает, что user agent stylesheet блокирует эту директиву (скриншот). Есть ли способ как-то обойти или...

Перенос текста в таблице
<table width=200 border=1> <tr> <td> К о н т е н т </td> </tr> </table>Обычная таблица с указанной шириной. Слова автоматически переносятся на новую строку. А как...

Выравнивание картинки внутри div блока по центру
Ребята привет! Я верстаю сайт с помощью div, у меня весь сайт на div Как выровнять картинку по центру внутри div-блока? Я сейчас выравниваю с помощью margin - но мне не нравится, сейчас напишу...

Степень числа
Как на HTML написать, что бы число отображалось маленьким шрифтом в надстрочном виде, например 3 в 5 степени?

Создание ссылки на скачивание текстового файла
У меня такая проблема есть текстовый файл (file.txt) делаю ссылку на файл <a href="file.txt">Сылка</a>. После нажатия на ссылку должно открыться окно скачивания файла а у меня файл в html странице...

Кнопка в виде картинки
А как можно сделать кнопку в виде картинки подскажите плз.

Как оформить картинку и текст в один ряд?
В общем-то, сабж. Прикрепил картинку с примером того, что должно получится.

Как расположить 4 картинки по горизонтали и 2 по вертикали в 2 ряда
хотел бы узнать как сделать 4 картинки по горизонтале а 2 по вертикале короче в 2 ряда **** **** вот так подскажите просто пожалуйста

Вертикальное выравнивание текста с картинкой
А кто поможет мне разобраться с <img src="воин.jpg" align="middle">Как дела? У рисунка "воин.jpg" текст "как дела?" должен находиться в середине? Если там вместо "middle" будет "bottom", то...

Нужно создать HTML код на тему Резюме соискателя
Рекомендации к Выполнению В левой верхней части отобразить фотографию соискателя, справа от фотографии должно быть написано имя соискателя и желаемая должность. Далее, горизонтальная линия на все...

Label над input
Здравствуйте подскажите как сделаь чтоб поля лабел были над инпутами при этом нужно чтоб 4 поля было в строчку и таких строчки еще 3 вниз, вот мой код все лабел строчку тут прописаны <form...

Опустить объект вниз
Как мне опустить кнопку на некоторое количество пикселей вниз, например на 100 пикселей '<input type="button" value="Получить вес" onclick="getWeight();" id="weightBtn">' есть вариант много раз...

Как внути input сделать отступ для текста?
Добрый день. Как внути input сделать отступ для текста? <form class="news"> <input type="text" name="email" id="email" value="Перед этим текстом должен быть отступ)"> <input...

<input type="submit" value="button" onClick="">
Если в HTML коде есть токой фрагмент <input type="submit" value="button" onClick="">, что можно писать в onClick="", тоесть на каком языке кроме javascript?

Как поставить на задний фон картинку
Собственно вопрос в теме... Пробовал так css body { background-image: url ("img\bg.jpg"); } html <html> <head>

Div'ы и авторегулировка под размер экрана
Всем привет Хочу сделать так что бы при изменении разрешения экрана или если поменять размеры браузера, все что в окне как бы подогналось, уменьшилось если надо и попало все бы в экран. Тоесть...

Добавить в input иконку
Я сделал пример, чтобы было понятно! Я часто видел PSD форм у которых в полях есть разные графические элементы. но вот я и не знаю как их добавляют! Подскажите пожалуйста?!

Расстояние между изображениями
Здравствуйте, у меня находятся на сайте 4 изображения, но находятся они слитно друг с другом. Как с помощью html можна сделать что б между ними было определнное расстояние?

Не набирается русский язык в Notepad++
Если скопировать и вставить русский текст - все отображается нормально А при наборе вручную: öàêé3ê

Checkbox включен по умолчанию
Как сделать чтобы при откритии сраницы Checkbox была уже галочка?

Логотип и меню в одной строке
Вообщем такая проблема, хочу поставить меню и лого в одну строчку. Мне казалось, что уже по стандарту вещи стоят в ряд, если, конечно, не написать какой-нить <br>. Вот CSS: body{ margin:50;...

Увеличение шрифта ссылки при наведении курсора
при наведении на ссылку курсора меняется размер шрифта. у меня интересный вопрос) как сделать, чтоб увеличение шло равномерно во все стороны, а не с левого верхнего угла? Добавлено через 24 минуты...

отступы между div
подскажите как сделать отступы между div как не пытался они как склеенные друг к другу в притык покажите какой нить пример чтобы например шапка колонка с лева контент и с права колонка и чтоб между...

Position fixed по центру
Здравствуйте! Подскажите пожалуйста как задать элементу свойство position fixed и чтоб оно цбыло по центру в разных разрешениях монитора?

Переход на страницу - Кнопной!
Привет! Вопрос 1: Помгите подправить код, чтобы по нажатию кнопки, происходил переход на страницу (index_old.htm). Данный вариант с задачей не справляеться. <a href="index_old.htm"><input...

Invalid property value
Такая борода (скрин вложил). .head-contact{ float: right; background: #f8farb url('images/phone-image.jpg') right top no-repeat; border: 2px solid #edf2f6; border-radius: 0 0 10px 10px;...

Расположить таблицу по центру.
Всем доброго дня! Есть таблица, описанная в секции <table></table>Вопрос в следующем: как описать ее так, чтобы она располагалась в геометрическом центре страницы?

Полупрозрачный фон, но непрозрачный текст
Помогите сделать полупрозрачный фон, но что бы текст был не прозрачным. Вот код который сейчас есть: background: #CEAB6B; border-radius: 2px; padding: 5px; min-height: 80px; position:...

Расположение двух блоков div на одной строке
Здравствуйте! Понадобилось сделать так, чтобы два блока div находились на одном уровне. Получилось сделать это с помощью float, вот только эти блоки прижимаются к самому краю, а мне нужно чтобы они...

Как выровнять текст в блоке по вертикали
Всем привет! Не подскажите как выравнять текст в div блоке по вертикали. ..v{ height: 133px; width: 133px; border:1px solid gray; vertical-align: middle; } так не работает

Позиционирование кнопок css
вот код кнопки <input type="image" src="img/good.png" name="button" value="1good" class="1good"> вот пробую перемещать через css .1good { position: absolute; top: 537px; left: 540px; } не...

Растянуть ul li по ширине
Есть див times, в нем список Как мне его растянуть по ширине дива? <div id='times'> <ul id="ul_times"> <li><a href="index.php">За сегодня</a></li> <li><a...

Расстояние между кнопками
можно ли стандартными средствами css и html, сделать так чтоб расстояние "а" между кнопками зависело от расстояния "б". То есть, 3 кнопки представляются как отдельный элемент, который должен быть...

как открыть html в блокноте
подскажите как открыть html в блокноте

Плавный возврат после hover
Подскажите пожалуйста, добавил действие hover при наведении мышки #navigation li a:hover { transition: 0.3s; background-color: #C9C9C9; color: white; box-shadow: 0 10px 15px -5px...

Картинка в <title>
А как задать картинку в <title></title>, что бы слева от названия странички был значок, к примеру как у этого форума значок F

Наложение одной картинки поверх другой
Подскажите как сделать картинку поверх одной большего размера картинку меньшего размера мне надо что бы картинки обе были резиновые и уменьшались вместе с окном браузера я делал так в HTML...

Стилизация input, закруглённые углы
1. Можно ли как то разукрасить <input>? ну к примеру поле другого цвета и т.д. (я попробовал, но не получилось) 2. Как делаются закругленные углы? я находил пару уроков, но они написаны человеком не...

Как скопировать сайт на tilda
Добрый день. Есть сайт на конструкторе тильда project572930.tilda.ws/, тариф самый дешевый, возможности сохранять исходный код нету. Необходимо перенести сайт с конструктора на html/css(сделать...

Как опустить текст вниз?
Делаю не большое меню, не могу понять как опустить этот текст(asd) вниз. Чтобы он был под картинками, хелп :wall: :help: <html> <head> <link type='text/css' rel='stylesheet'...

Как изменить Цвет рамки таблицы?
bordercolor не помогает, bordercolorlight и bordercolordark тоже не работают. Как вообще цвет рамки свой поставить? <table width="75%" height="500%" align="center" bgcolor="#99CCFF" border="20"...

Анимация: плавное исчезновение и быстрое появление элементов
Наткнулся я на сайт http://www.lua.ru и увидел там необычную, по крайней мере для меня, анимацию. Вверху есть пункты "скачать, документация, статьи...". И если на них навести курсор, они сначала...

Закрепить footer внизу страницы
Имеется страница, которая состоит из верхней панели + меню, по боксу справа и слева и основной ленты, а также нижней панели, с которой собственно и вся проблема. #downer{ position: absolute;...

Выровнять текст в одну строчку
Ни как не получается поставить текст после <h2> в эту же строку нужно чтобы Бесплатная доставка по всей России! была <h2>, а (кроме удаленных областей) нет, но оставалось на этой же строке....

Как сдвинуть блок вправо?
меняю marginLeft от 10 до 100, но поле не сдвигается, квадрат как был, так и остаётся на одном месте, в чём может быть проблема? <!DOCTYPE html> <html> <style type="text/css"> #layer1 { ...

Смещение картинок,таблицы ,текста
Я сверстал страницу,подгонял изображения на нужное мне место с помощью <div style="margin-left:%;margin-top:%"> и тд,таблица с текстом тоже в отдельном слое <div>,как и все остальное. Но теперь в...

Поднять картинку вверх
Нужно собрать макет сайта . Я вот начала делать и возникла проблема. Надо сделать так,чтобы картинки можно было как угодно ставить, нужно поднять картинку img src="images/top-right.jpg" вверх,чтобы...

Пробелы между ссылками как поставить?
Здравствуйте, я пробовал ставить   <a href="Прочесть%20перед%20установкой.doc" title="Скачать файл">1 Скачать файл Прочесть перед установкой.doc</a> <a...

присвоение двух классов
как лучше сделать если элементу нужно присвоить 2 класса? 1 вариант .red, .redAndBig {color:darkred} .big, .redAndBig {font-size:200%; font-weight:bold} <p class="red">Красный.</p> <p...

Как растянуть фон картинку по блоку DIV
Здравствуйте! Есть такая проблемка... Например блок DIV в ширину на 100% экрана, а в высоту 300 пикселей. Нужно чтоб в высоту картинка оставалась 300 пикселей, а в длину тянулась по ширине экрана. ...

Показать скрыть блок DIV
Приветствую всех. Не могу справиться с задачкой. Пример следующий, имеется текст: <div id="block_1"> Нужная нам информация <div id="block_2">Требуется отобразить...

Картинка на всю ширину ячейки таблицы
Как сделать картинку на всю ширину ячейки таблицы, что-то не выходит. пробую так, самое простое. <table align="center" border=10 bordercolor=breen> <CAPTION align=bottom> Таблица калорийности...

Сколько займет времени обучение верстке
Привет всем верстальшикам у меня к вам вопрос за какое время можно освоить html,css,javascript,jqueru и натяжку на cms на высоком(для фриланса) уровне?

Логотип сайта - ссылка на главную
Необходимо логотип сайта сделать ссылкой на главную страницу. Правильно ли будет так: <a href="site.ru"> <img src="путь к изображению"> </a>в том числе с точки зрения индексации сайта? Где-то...

Событие при нажатии на кнопку
Добрый день Я почти совсем не знаю HTML Пытаюсь сделать событие при нажатие на кнопку. Что-то не работает. Подскажите пожалуйста. Хочу при нажатии на кнопку вывести надпись. не получается...

вертикальный скролл для div
Всем привет! Подскажите пожалуйста у меня несколько вопросов по скроллам. 1. Есть div в него динамически добавляется текст. Нужно чтобы когда текст не влазил появлялся скролл. А когда мало текста...

Как повернуть текст на 90 градусов в таблице?
Ребят, подскажите, как сделать чтобы в определённой ячейки таблицы текст отображался не слева на права, а снизу вверх, как бы повёрнутый на 90 градусов? P. S. имеется в виду не перенос каждой...

Как убрать полосу прокрутки у <textarea>?
Здравствуйте. Собственно вот вопрос, как убрать полосу прокрутки?)) а то у меня окошко 60 пикселей в высоту и прокрутка не красиво смотрится))

Форма отправки на e-mail
Братцы, помогите. Ломаю голову, никак не могу понять: Как написать форму, чтобы: Послать её по почте, в ней однострочное поле для ввода текста, одна submit. И сделать дабы отправка введённого текста...

Увеличение картинки
Как сделать, что бы при нажатии на картинку, она увеличивалась, а при нажатии на увеличенную, она уменьшалась?

Как выровнять сайт по центру?
Подскажите пожалуйста как можно выровнять сайт по центру экрана монитора, а то у меня монитор шырокоугольный и весь сайт выравнивается по левому краю.

CSS, выравнивание картинок по вертикали
Здравствуйте уважаемые товарищи! С помощью DIV создал контейнер, в CSS стили прикрепил .footer и в нутрий еще блок DIV .plinks для того что бы указать длину всех картинок, внутри этого блока...

размер формы
Доброго времени суток! Подскажите как увеличить размер формы для авторизации? например как на хабрхабр (http://habrahabr.ru/login/) код: <form> <input name="seriy" type="text" size="4"...

Изменить размер маркера в ненумерованном списке
Приветствую. Как сделать так, чтобы кружки были очень большие (диаметр кружка = высота буквы)? <ul type="disc"> <li>Раз</li> <li>Раз</li> <li>Раз</li> <li>Раз</li> <li>Раз</li>

Как растянуть div на всю высоту родителя?
помогите, пожалуйста.

Анкета на html
Написал анкету на html. Дальше ее надо будет обрабатывать по средствам php и заносить результаты в БД <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ...

Выровнять форму по центру страницы
Всем привет! У меня вот такая проблема, нужно форму выставить по середине страницы, вот код <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="main.css" type="text/css" />...

Как у div сделать фон?
есть блок, хочу в качестве фона использовать фотографию или изображение и чтоб остальные блоки были сверху

Сменить цвет текста кнопки
Все привет, есть три кнопки, если использовать псевдокласc :focus цвет текста кнопки меняется, но пока не поменялся фокус. Что прописать в css чтобы при нажатии кнопки 1, текст её был желтый и не...

Создать кнопку и раскрывающийся блок
Пытаюсь создать такую кнопку как на сайте www.ranker.com/list/best-alcohol-free-beer/bottoms-up?var=3&utm_expid=16418821-195.fvuvsp-3RiKZLO3t39CgnA.2 нужно кнопку такую скопировать и стили при...

Квадратики вместо font-awesome
Почему вместо символов подключенного шрифта font-awesome отображаются только пустые квадратики? Шрифт точно подключен правильно, так как если указываю не те пути не отображается вообще ничего.

Не работают ссылки
Добрый день, уважаемые. Помогите решить проблему, пол дня бьюсь. Имеется div внутри которого картинки-ссылки. Картинки и ссылки берутся из php. Вот примерный код: <div id="colleft"> <a href="...

Изображение как фон одной ячейки таблицы
Помогите, пожалуйста. Как в HTML фоном одной ячейки таблици сделать изображение?

Как узнать координаты
Есть такой вот рисунок, нужно узнать координаты в этом рисунке 2 прямоугольников. Мне именно нужно узнать как на компе это измерить и если это делается через какую то прогу то через какую. Заранее...

Как сделать прозрачным <div> ?
А меня дан блок(главный), на нем находятся еще блоки и кнопки, но когда я делаю главный блок полупрозрачным, то и кнопки и остальные блоки, которые находятся на нем, становятся тоже прозрачными,...

Текст поверх картинки
Привет у меян проблема...вот у меня сайт типо.....там меня шапка...подвал..меню слево..и с права информация я фставил туда картинку .....помогите...скажите какой n't надо использовать что0б текст...

Смена цвета кнопок при нажатии
Здравствуйте, У меня есть список в котором несколько кнопок. Мне нужно чтобы при нажатии на кнопку менялся задний фон но при нажатии на другую на ней также менялся задний фон а на старой о становился...

Блоки накладываются друг на друга
Всем привет! Возникла проблема: блоки накладываются друг на друга. Левый, центральный, правый располагаются корректно относительно друг друга, а нижний блок (подвал) не хочет опускаться ниже левого...

Вставка gif-анимации в подвал сайта
Здравствуйте. Подскажите, пожалуйста, какой код нужен для вставки анимированного баннера (не флеш-анимации) в подвал. Сайт выполняется в программе website X5 Evolution 10. При вставке анимации...

Шрифт не меняется на русских буквах, на английских - меняется
Здравствуйте! Проблема с подключением шрифта. Все сделал верно, но при отображение меняется только английские слова, а русские остаются в стандартные. При этом в самом шрифте есть и на английские...

Затемнение картинки при наведении
Приветствую! Есть код 'Затемнение картинки при наведении' img:hover { opacity:0.7; /* FF, Opera, Safari, Chrome */ } img:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);...

Убрать выделение кнопки при нажатии
Здравствуйте, можно как то с кнопки убрать дот квадратик который появляется в момент нажатия по кнопке

Почему не работает видео в HTML5?
Здравствуйте! Я изучаю языки веб-разработки и столкнулся с проблемой отображения видео на своём сайте: звук есть, а видео нет. Скажите пожалуйста, почему не отображается видео в браузере Google...

DIV height:100% не работает
Уже пролазил весь инет вместе с Google и нет никаких результатов. Оказывается что заполнить background на всю высоту DIV на 100% не выходит.. только фиксированная высота в пикселях получается... ...

Масштабирование сайта под окно браузера
как сделать так что бы сайт уменьшался вместе с окном браузера? и сразу вопрос как сделать так что бы сайт не менял размера при уменьшении окна браузера? заранее спасибо

Запуск exe из html
подскажите пожалуйста, представленный Вами скрипт в посте 3 можно прикрутить, чтобы можно было указать запускать файл *.exe по адресу С:\, это будет запускаться не с сайта, а с файла *.html?? Как??

Убрать рамку
Как убрать рамку только у инпут текст?

Как центрировать ссылку?
Почему не применяется text-align: center к ссылке. Или каким еще способом можно выровнять ссылку по центру? <div class="group-item"> <a href="#">Матрасы</a> </div> .group-item a{...

Как выровнять кнопки по центру ?
Как выровнять кнопки по центру панели и чтобы они были в ряд? .button_1{ background-color: rgb(87,87,87); box-shadow: 0 0 5px rgb(0,0,0); cursor: pointer; border-radius: 5px; color:...

Таблица с помощью Div'ов
Уважаемые сайтостроители, пролейте свет на один вопрос: что лучше использовать для построения таблиц - <div> или <table>? Проанализировав некоторую информацию из Интернета, пришел к выводу, что тег...

Маркированный список в одну строку
Имею: <ul> <li>VoIP оборудование, phone, fxs, fxo;</li> <li>Шлюзы IP телефонии;</li> <li>GSM - шлюзы;</li> <li>Телефонные станции, автоматическая телефонная станции;</li>...

Как сделать, чтобы элемент был поверх других?
Сделал школьный сайт http://melschool.ru возникла проблема... выпадающее меню заходит под контент. А нужно, чтобы оно было поверх. Подскажите, как решить проблему.. может в css что-то нужно...

Растянуть видео на всю ширину, и сделать его адаптивным
Хелп! получается, что видео не растягивается полностью до конца, справа остается пустое расстояние. А если открыть на тлф, то видео не подстраивается под размер, а размещается шире, чем экран. ...

Подсветка текущего пункта меню
Всем привет. Уже 2 недели бьюсь над наверное для кого-то (но не для меня) простой проблемой - выделение пункта главного меню, где нахожусь в данный момент. Сайт: http://7энергий.рф . Сайт сделан на...

Как найти нужный файл для редактирования
ребят подскажите как мне определить на сайте (скажем выбираю баннер-картинку) мне нужно узнать в каком файле она прописана(на ФТП) что бы скорректировать ее или заменить (саму картинку) или ссылку на...

Шахматная доска...
Всем привет! Я не программист в этой области, но немножко знаю кое-что о HTML. Дал мне преподаватель задание: создать шахматную доску с фигурами. Я ее сделал, хотя она в этой области ничто. Она...

Изменить размер изображения (уменьшить в 2 раза)
Нужно что-бы картинка, была в половину своей высоты и ширины, при этом мы ее заранее не знаем. Пытался сделать с помощью jscript, но видимо руки не оттуда ростут.. <!DOCTYPE HTML PUBLIC ...

Как слелать ссылку на определенное место в сайте?
Как правильно сделать ссылку с одной страницы html сайта на другую в определенное место в тексте. И как подставить ссылку для открытия еще одного окна.

Открытие фото по клику
Сайт без движка. МиниФото открываются только ПКМ-открыть изображение. Как сделать, чтоб открывалось кликом. Помогите.кто знает, спасибо. Сайт уралзабор.рф/foto.html

Форма заказа на сайт
Помогите пжл написать форму для заказа на сайте которая будет посылать этот заказ мне на электронную почту. строки всего 4 (ФИО, Телефон, E-mail, Адрес доставки - (необязательно для заполнения))....

Сворачиваемый блок
Добрый день уважаемые форумчане. Дано 3-4 длинных текста, которые нужно уместить на одной странице, понятно, что листать овер энд овер очень долго и графически некрасиво, можно ли с помощью HTML...

Изменение стиля select без использования JS
Здравствуйте! В процессе разработки сайта возникла необходимость изменить стиль select'а не превращая его в набор div'ов. Воспользовался простым способом, описанным здесь:...

Как разместить две таблицы рядом ?
Добрый вечер! Как сделать чтобы 2 таблицы были рядом друг с другом ? <table style="float: left;"> <tr> <td style="width: 100px; height: 100px; background: url(../images/ico1.png)...

Выравнивание текста по вертикали в ячейке таблицы
Есть ячейка таблицы (td). В ней нужно сделать выравнивание текста так, чтобы он располагался на одной высоте от нижней границы ячейки. Я пробовал атрибуты позиционирования css, но не нашел такого,...

Как выровнять 2 DIVa в одну строку?
Привет! Подправте пожалуйста мой код, что бы второй DIV с текстом TEXT2 становился, сразу за DIVom стекстом TEXT1 на ту же строку, а не начинался с новой строки!!! <div id=page_layout> <div...

Размер ячеек таблицы - как изменить ?
Доброго времени! Такая проблемка: есть таблица со свойством table-layout: fixed; это свойство делит таблицу на ячейки равной ширины, хотя для каждой ячейки задан размер... Как поменять размер...

как раздвигалку убрать в textarea
Подскажите, как раздвигалку убрать в textarea?

Как задать интервал между абзацами?
Как задать интервал между абзацами?

Растянуть таблицу на всю ширину экрана
Проблема такая, делаю сайт из 3х страниц, на 2х страницах все нормально, а на третьей не получается сделать масштабирование(чтоб растягивалось на всю страницу, а то много места справа получается),...

Поставить в тексте "Читать далее"
Здравствуйте! Я позабыл уже как сделать часть текста открытой, а другую часть закрыть под ссылку "Читать далее". В интернете всё пишут о разных движках, а как сделать с обычным html кодом не нашёл,...

Изображение в title
Подскажите, плз, как вставить изображение-лого в заголовок страницы? Изображение-лого - маленькая картинка, отображающаяся в закладках страниц браузера рядом с заголовком страницы.

Выравнивание по центру блочных элементов с float left
Попал в такую затруднительную ситуаций. Генерирую из массива матрицу, дошло дело до дизайна и сразу возник вопрос. задача такая: есть блок div к примеру его свойства: min-width:100px;...

Раскрывающийся список
Как сделать раскрывающийся список, чтобы при выборе элемента из списка переходило на соответствующую страницу?

Выравнивание картинки и текста на одном уровне
Доброго времени суток! У меня возникла проблема при верстке. Никак не могу сделать данный текст и картинку на одном уровне. Помогите разобраться. Вот код: <div class="about_right"> <h1>July...

Картинка слева, текст справа
<div align="left"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="17" background="http://************/img_s/pamka/ul.png" height="17"> </td> <td...

Установка координат изображения
Хочу изображение поставить в определённіх кординатах. К приеру пишу вот такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <TITLE>Весна</TITLE> <link...

Поднять текст
Что нужно дописать чтобы поднять текст .video_list { width: 320px; padding:0; list-style:none; } .video_list li { display: block;

Сайт + база данных
Делаю локально сайт с помощью macromedia Dreamveawer. Есть гипотетическая БД, т.е. файл экселя, который символизирует эту самую базу данных. Можно заменить аксессом, но не суть, в рабочем варианте...

Выравнивание фона по центру CSS
Здравствуйте! Например, фон - большая картинка (или маленькая, не суть). Как выровнять его по центру? Ниже привожу изображение как это должно быть: ...

3 блока div на одной строке
Необходимо разместить 3 блока div на одной строке. Блоки фиксированной ширины(300px). Блоки размещаются внутри главного контейнера(1000px), отступы слева и справа внутри главного контейнера...

Расположить список в две колонки
Здравствуйте. Скажите, как список <ul>, состоящий из нескольких строк, расположить в две (или несколько) колонки. Желательно с использованием CSS, то есть без таблиц.

Запретить выделение текста
подскажите как запретить выделение текста в блоке div

Замостить фоновую картинку
Подскажите как заставить картинку растянуться по ширине ячейки таблицы, и при этом заполнить ее по высоте (не растянуть а именно заполнить - как фон) пробовал <td width="12%"> <img...

iframe - не работает вставка видео от Youtube на сайт
Здравствуйте, у меня почему-то не работает вставка ютюбовского видео. Я копирую код из-под видео, которое хочу вставить, вставляю в код сайта, запускаю и браузер выдаёт ошибку, что, мол, немогу найти...

Как сделать наиболее простой спойлер (spoiler) в php? (с минимумом кода)
Я хочу сделать самый простой спойлер в php: чтобы он просто открывался и закрывался, без анимации. Желательно чтобы кода было поменьше; наличие +/- при свёрнутом и развёрнутом виде необязательно....

Как вывести картинку на передний план
Здравствуйте, помогите пожалуйста разобраться, как вывести картинку из класса "hdtv" на передний план поверх картинки постера: http://jsfiddle.net/6QqwA/ <div...

Сделать кнопку неактивной
У меня есть кнопка "Отправить" и чекбокс. Как сделать, чтобы пока на чекбоксе не будет галочки кнопка будет неактивной, или при нажатии на нее ничего не будет происходить?

Расположить label и input в одну строку
Здравствуйте, подскажите как сделать чтоб мои label и input распологались не друг под другом а в строчку)) <div class="row-fluid"> <div class="span8"> <div class="hero-unit"> <label...

Прикрепить подвал сайта к низу страницы
Здравствуйте. Как сделать так чтобы подвал у меня был прикреплен к низу страницы всегда, а то если у меня на странице ничего нет то он размещается сразу за последним блоком. Код: <div class="dno">...

Шапка и подвал на всех страницах
Всем доброго дня. Созрел вопрос, вот скажу на примере. Вот, к примеру кнопочка на киберфоруме мой кабинет, когда на нее нажимаешь верстка как шапка и подвал они остаются на месте. Вот и вопрос,...

Убрать margin у последнего элемента в строке
У меня есть N строк из товаров, и между товарами margin-right: 30. Как сделать так, чтобы margin не применялся для последнего элемента в строке?

Как убрать жирность текста?
Делаю учебный сайт font-weight: 0; Теги <b> или <strong> не применяются. Например фраза"Алматы | Казахстан". "ПРЕДЛАГАЕМ ОЗНАКОМИТЬСЯ С" "деткам и их родителям"

Как в тесте найти правильный ответ по html коду?
Как в тесте найти правильный ответ по html коду? <!DOCTYPE html> <html> <head>  <!--><meta http-equiv="X-UA-Compatible"...

длина border
Здравствуйте. Есть блок <div>123</div> c определёнными размерами.Ему присвоена border-top:1px solid #000; Как сделать длину этого border не на весь блок , а скажем на 50% или ...px.

Не работает CSS
Не подскажите простецкий вопрос <html> <head> <title>Мой документ</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <h1>Моя первая...

Адаптивная карта Google через iframe
Всех приветствую! Такое дело - сделала в конструкторе карт от гугла свою карту. Несколько слоёв, индивидуальные маркеры - всё красиво... Карта вставляется через iframe и не является резиновой...

Кнопка перехода на ссылку
Подскажите пожалуйста, как сделать, чтобы при нажатии на кнопку, он переходил на определенную страницу?

Раскрывающие меню при нажатии
привет всем кто читает данный топик ))скажите пожалуйста, вот есть свойства hover срабатывает при наведение, подскажите свойство при нажатие что бы срабатывала(css) хочу сделать меню,но что бы...

Активация Avocode
Здравствуйте! Такой вопрос: кто-то смог активировать Avocode на постоянку? Сейчас доступно 14 и 30 дневные активации под собственной почтой, потом надо или платить или вновь активировать пробный...

Передвинуть таблицу
<table border="1"> <tr> <th>Ячейка 1</th> <th>Ячейка 2</th> </tr> <tr> <td>Ячейка 3</td> <td>Ячейка 4</td> </tr> </table>

Ширина блока по содержимому
Здравствуйте. Все не могу сделать ширину блока по содержимому, прошу вашей помощи. .menu ul li a { width: 120px; padding: 4px 0 4px 13px; margin: 0; border: none; ...

Не работает background-image
Здравствуйте. Столкнулся с такой проблемой. Не работает background-image. Точнее работает но не из css. Когда я в самой странице прописываю стили. То все работает. А когда пытаюсь подключить css то...

Отключить часть кода
Как в HTML отключить часть кода, при помощи CSS ? Аналог тегу.

Как изменить время отправки сообщения с помощью настроек почты?
К примеру отправил в 12-00 получателю показало что отправил в 10-00. вроде говорили с помощью настроек часового пояса!

Прошу подсказать как сделать поиск по html странице
Здравствуйте! Есть статичный сайт на html. Нужно сделать поиск по странице, т.е. форму вводу слова и поиск соответствия на этой же странице, по аналогии "найти на странице" в браузерах. Прощу...

Div поверх всех блоков
Как сделать div, чтобы он был на всю ширину и высоту экрана и поверх всех окон?

Как убрать 1пиксельный отступ в Table???
Народ нужна помошь...!!! Суть проблемы! Есть сайт который нужно сверстать. В двух правых ячейках должно быть изображение без отступов(как бы однородное) НО между ячейками таблици в которые помещены...

Смещение при наведении
Добрый вечер. Продолжаю мучения, на сей раз захотелось какой-то динамики, в ссылках и меню.. в общем для hover прописал увелечение margin на 2-3px чтобы ссылка или кнопка меню, при наведении меняла...

Запустить выполнение скрипта по кнопке
есть скрипт с именем 1.js /*******************************************************************/ /* Имя: Explore.js */ /* Язык: JScript ...

Сайт визитка на чистом html без CSS и JS
помогите найти шаблоны сайтов визиток. самые простые на чистом html бес css js

Блоки CSS - как поместить на задний план?
Что-то надо подправить, чтобы основной блок с предисловием был ЗА блоками с заголовком... Собственно код: <style> .Button1 { font-family: verdana; width:10px; text-decoration: none...

Масштабирование изображений - тег <img>
<img src="https://www.cyberforum.ru/images/Boot Menu.JPG" alt="Запущенный Boot Menu" width="571" height="287" title="Изображение - Запущенный Boot Menu" align="middle"/>У меня возникла проблемка,...

Как при наведении на один элемент (hover) менять стили другого элемента css?
Есть вертикальный блок навигации, список, в каждом <li> лежит картинка и заголовок. Цель: при наведении мышки на элемент списка -> изменять картинку. Как изменять саму картинку при наведении на нее...

Отключить Css в браузере
Например зашёл на сайт и чтобы посмотреть его без Css.

Скрытие стрелки списка <select>
Как скрыть стрелку списка select, но так что бы она оставалась активной при нажатии? Вообще надо изменить её дизайн если можно её как нибудь скрыть, а сверху наложить картинку.

Как установить плагин emmet в vs code?
:friends: :friends: :friends:

Запрет диву с fixed налазить на другой див
Здравствуйте! Подскажите, будьте добры. Есть див .adv { position: fixed; /* Фиксированное положение */ right: 10px; /* Расстояние от правого края окна браузера */ top: 20%; /*...

Длинная ссылка не переносится на другую строку
Здравствуйте. Как видно на рисунке длинный текст ссылки не переносится на новую строку. Подскажите как это исправить. спасибо

Разместить в один ряд картинки с подписью
Всем хорошего времени суток! Столкнулся с проблемой размещения картинок с подписью, без ссылок, по горизонтали в посте. Пробовал по разному, но не все конечно, с div и css знаком не очень но кое что...

Убрать отступы в .col-md-6 bootstrap
Здравствуйте уважаемые фрумчани. Подскажите пожалуйста как убрать отступы у блоков .col-md-6 внутри контейнера. Общая структура: <div class="container"> <div class="row"> ...

Подложка за текстом
Привет всем! Помогите мне пожалуйста, нужно сделать подложку за текстом с закругленными краями и чтобы подложка имела opacity 0.8. Если текста мало то и подложка размера текста, но ширина...

Bootstrap 3. Прижать футер книзу страницы
Кто-нибудь знает, как в Bootstrap 3 прижать футер книзу страницы окна браузера? Спасибо. Добавлено через 30 минут Пробую, как в штатном CSS обернуть все содержимое в класс, к примеру, fix со...

Поставить элемент в правый нижний угол
есть <div> <Table></table> <a href="#"/> </div> как ссылку поместить в правый нижний угол ?

Убрать отступ сверху
Делаю макет с одной колонкой фиксированной ширины, располагающейся по центру, в колонке будет таблица. Файл СSS body { margin: 0; background: #4579A8; } .layout { width: 700px;

Как осуществить отображение тегов как текста?
Здравствуйте! Видимо, сейчас я спрошу глупость, но как ни странно в интернете ответа не нашёл. Можно ли средствами html или js делать так, чтобы теги определённой части программы не обрабатывались,...

Форма обратной связи без использования php?
У меня вопрос. Необходимо создать форму без использования файла php на сервере, чтобы из html страницы собирались данные и отправлялись на мыло после нажатия кнопки.

Маркированный список с изображениями
Создать новый html-документ. Используется маркированный список (<ul>..</ul>), в качестве маркера прописываются ссылка на рисунок с шириной и высотой=50 пкс. В списке 3 элемента, у каждого элемента...

Всплывающая подсказка для input text
Здравствуйте! Как сделать всплывающюю подсказку для input text Вроде какой то атрибут дефолтный есть но я не помню.

Расстояние между строками
У меня такая проблема. Когда пишу html страницы(например в блокноте или в Dreamweaver e) а потом запускаю их в Internet Explorer, у меня очень большое расстояние между строками. У меня IE 7. Как...

Как сделать спойлер без JS?
Мне нужно сделать спойлеры для этой страницы: http://saytum.ru/faq Примерно так же как на этой странице: http://www.seone.ru/vazhno-znat/faq/ Но выпадающий текст должен индаксироваться! Так...

Настройка формы отправки на почту
Тут попросили сделать landing page, но не в тему вёрстки добавили - необходимо настроить форму отправки на почту, этому можно где то быстро научиться или от куда то скрипт скопировать?

Размытие границ
Как размыть границы или сделать тень у граныцы.

Задать расстояние между div блоками
Всем привет, помогите сделать конструкцию как на картинке. Нужно чтобы между красными блоками всегда было расстояние в 1000px. А сами блоки находились по правому левому краю и их ширина была...

Без CMS сайт делать не имеет смысла? Зачем писать сайт с нуля?
Всем привет. Предположим, у меня заказали сайт. Я его сделал с нуля. Отдаю заказчику. Он естественно не разбирается в html, просит меня объяснить как быстро обновлять сайт. И тут назревает...

Прозрачный фон в <table>
<table align="center" width=100% background=""> <td align="left"><object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000"...

Изменение размера текста тега <input>
Всех с наступившими праздниками! Подскажите пожалуйста, а можно ли уменьшить размер текста тега <input> без уменьшения самого поля ввода? <style type="text/css"> .my-input { font: bold 14px;...

Многостраничный сайт, как делается переход по страницам?
Есть, например, сайт, где меню/контакты/отзывы. Меняться, понятное дело, должна контентная часть. Так вот как при знаниях html/css делается переход на страницы? Например создается уже другой документ...

Выделение жирным
Слушайте, я ввожу тэг <b>, затем слово, затем </b>, но это не делает слово жирным! Я только начинающий прогер, предупреждаю сразу.

Свойство переноса текста в DIV
Если в диве пишу много текста то он выезжает так, что появляется скролл. Знаю свойство overflow: hidden; но это просто обрезает, как сделать, что бы происходил перенос на новую строку?

вертикальная линия
люди подскажите как сделать вертикальную линию на весь экран? делаю так <style> .vert{writing-mode:tb-rl;height:100%;position:absolute;top:0px; bottom:0px;left:100px;} </style> <hr...

Как опустить текст ниже (margin-top не опускает)
Здравствуйте. Необходимо сделать мелочь по верстке, но вижу, что что-то мешает. Необходимо опустить текст в хедере чуть ниже на 5-6 пх. Html:  <header>

Input text убрать выделение
Как в Input text убрать синие выделение при выделении текста и сделать так чтобы он не выделялся

Как встроить видео с Rutube в модальное окно fancybox
Современные проблемы требуют современных решений, блин. Дано: youtube заблокируют со дня на день, и этого, похоже, не избежать, а надеяться, что у всех пользователей сайта будет впн, я не могу. Нужно...

Создание нескольких кнопок в ряд
Здравствуйте! Столкнулся с такой проблемой: как правильно создать кнопки, а точнее их правильное позиционирование. Имеется такой макет: Вот собственно код: <div class="top_bar"> <input...

Как зафиксировать шапку таблицы при скролле?
Добрый день уважаемые форумчане. Появилась задача зафиксировать шапку таблицы когда она достигает верхней части страницы. <table> <thead> <tr> <th id="up10"></th>...

Кнопки на всю ширину блока
Всем доброго времени суток. Есть 2 кнопки в карточке товара,нужно сделать их на всю ширину карточки. Кнопки это ссылки с таким кодом 1 кнопка color: white; line-height: 17px; ...

:hover для нескольких элементов
div содержит несколько элементов: прямоугольник, текст, картинку. У всех есть псевдокласс :hover. Проблема в том, что срабатывает только при наведении мыши на отдельный элемент, а не на весь div....

Растянуть div на всю ячейку
Есть таблица, а в её ячейках divы. Предположим, <table border=1> <td width=90%> <tr> <div></div> </td> <td> <table borede=1> <tr height=40%> <td> <div></div>

Непонятная ошибка "net::ERR_ABORTED 404 (Not Found)"
Подключил шрифты через sass @font-face font-family: "Overpass" src : url("../fonts/Overpass-SemiBold.ttf") Все работает, но в консоли выдает GET...

Как выровнять блочный элемент по вертикали в центр внутри div-а?
как выровнять блочний елемент по вертикали в центр внутри div-а?

Как поставить якорь на текст?
Как установить якорь, чтобы при нажатии на ссылку, пользователь спускался в нужное место страницы?

Открытие ссылки в том же окне
Помогите пожалуйста разобраться Как сделать так, чтобы при нажатии ссылки в меню, информация открывалась в том же окне? Добавлено через 24 минуты Хотелось бы сделать по принципу, как если бы я...

Всплывающее окно - изображение при наведении мыши
Доброго всем времени суток! Нужно сделать всплывающее окно, появляющееся при наведении на картинку. Когда курсор с картинки убирается, убирается и всплывающее окно. Всплывающее окно, содержит...

Теги input в один столбик
Подскажите, как выровнять поле ввода input в один столбик?

Смена цвета CSS при клике по элементу
как можно сменить свойство, например цвет фона div, при клике на другой div?

Как растянуть картинку на весь фон экрана
Есть картинка со своей высотой меньшей высоты экрана. У меня получается ее повторить по repeat-x и repeat-y. В итоге она три раза копируется по вертикали а по горизонтали в три раза меньше чем должна...

Как правильно прописать кодировку?
не могу понять почему русский текст иероглифами определяется пробовал и UTF-8 и windows-1251 но тоже самое <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> вроде же...

Как наложить div на div?
Скажите пожалуйста как наложить div на div, например первый div у меня главный и относительно его, внутри выравнивать другой и третий div, но так чтобы когда я поставил второй div и начинаю ставит...

Подгрузка шрифтов к странице
У меня такая проблема. Я создаю Web-страничку на которой находится текст. Он должен отображаться шрифтом, который есть не у каждого (ну очень уж он мне понравился, да и к дизайну подходит). Дак вот,...

Как убрать рамку у кнопок
В браузерах Яндекс и Опера, появляется рамка, когда кнопка нажата, как убрать эту синею рамку? <style type="text/css"> button.b1 { background: Snow; margin: 10px; padding: 5px; ...

Скрипт онлайн радио (простой javascript)
Привет всем :) Хочу поделится простым яваскриптом который вставит качественное интернет-радио на ваш сайт. сам скрипт: <script type="text/javascript"> var radio_lang = 'auto'; var...

Расстояние между картинкой
Подскажите как сделать расстояние между картинкой и текстом в 10 пикселей. что исправить в коде не пойму((( Сейчас оно слишком большое. И я не пойму как уменьшить до нужного #asd { display:...

Отступы сверху и снизу от картинки в таблице
Не могу найти решения данной проблеме) отступы сверху и снизу от картинки в <td>

<input type=submit> и CSS
Подскажите, можно ли кнопке (в форме html) создать правила CSS? Нужно, чтобы у кнопки не было эффекта, что на нее нажимают, обычное поле, короче, при клике на котором совершается переход по ссылке...

Открытие страницы в iframe по ссылке
Добрый день! подскажите пожалуйста! как сделать iframe что бы по ссылке открывалась страница

Не работает прокрутка
Если в окне слишком много текста, то необходима вертикальная прокрутка. Но она не появляется. Вот посмотрите, плиз! http://fh7929mi.bget.ru/catalog/41.html

Выбор программы для вёрстки
Здравствуйте, форумчане. Так сказать, было дело, сверстал пару шаблончиков в Notepad++. Там всё ясно и понятно, пишешь только свой код, результат смотришь, обновляя браузеры. Но! Это очень долго....

как сделать отступы между тегом li
как сделать отступы между тегом li. Желательно с примерчиком.

Размер шрифта зависит от ширины блока. Как?
Ребята, не пойму как реализовать такое? Есть блок div с фиксированной шириной, к примеру, 300px. В блоке может выводиться различный текст от 2 до 20 символв. Как сделать, чтобы текст, в зависимости...

Как создать меню?
Здравствуйте! подскажите пожалуйста как создать горизонтальное меню в HTML?

Принудительное обновление html страницы
Может кто подскажет, требуется максимально простое решение. Безо всяких там трехэтажных скриптов и ajax. Есть html страница (именно html), надо чтобы она принудительно обновилась. Первое, что...

Шаблоны для электронного учебника
Здравствуйте"" кто нибудь может поделиться шаблоном для создания электронного учебника на HTML? может быть кто нибудь создавал свой учебник, поделитесь мыслями пожалуйста!!!

Как вставить картинку в список
Здравствуйте, подскажите как ставить картинку типа стрелочку в список ul в одном из li в конце текста, заранее благодарю . Создавайте темы с осмысленными и понятными названиями - это серьезно...

Css автоматическая адаптация под разрешение экрана
имею несколько элементов на странице с прописанным размером. к прим: .header1 {width:1000px;} .chetotam2 {padding-top: 400px;} эти значения применимы только к разрешению экрана с шириной 1920. ...

Маркер UL заменить на тире
Как заменить вместо точки у ul li , на тере на вот такую - .

Input перенос текста
Добрый день. Есть простенький input: <input type="submit" value="ОЧЕНЬ МНОГОО ТЕКСТААААААА"> Как осуществить перевод текста в кнопке, если он не входит?

Вписать текст в блок
1.Скажите как можно вписать текст, чтобы он не вылазил за границы независимо от размера окна браузера. Текст что бы размер уменьшался. И как можно сделать страницу без скрола, т.е чтобы размер...

Масштабирование изображений при сжатии окна браузера
Добрый вечер, как реализовать изменение размера изображения при сжатии окна браузера? Хочу чтобы изображение за край не уходило, а уменьшалось.

Сайт отображается по-разному на разных разрешениях экрана
Навеяло отсюда: https://www.cyberforum.ru/html/thread75385.html А кто-нибудь мне поможет? У всех людей монитор с разными разрешениями экрана. И мой сайт у всех отображается по разному. У...

Не отображаются границы таблицы
Всем привет вообщем кое как понял как сделать Ну столкнулся с такой проблемой что ячейки создались но не видно границ??и да про border я не забыл я его указывал. Может кто знает в чём проблема и...

Задать картинке свой class
Подскажите, как обернуть картинку в слайдере в свой class. Есть вот такой код слайдера <li data-thumb="ссылка на картинку маленького размера"> <a href="{full-link}" title="{title}"...

Как сделать квадрат с текстом (как на картинке)
Здравствуйте как сделать такое же как на картинке

Растянуть див по высоте содержимого
Доброе время суток! Помогите пожалуйста есть разметка. Три дива вложены один в другой <div class="top_wrapper"> <div class="bottom_wrapper"> <div class="main_wrapper"> ...

Исправление ошибок html после проверки валидатором
Всем привет! Проверил свой лендинг ( http://spkuralgidro.pe.hu ) валидатором (https://validator.w3.org) на ошибки, и он мне выдал 10 ошибок. вот список, того, что выдал: Error: Bad value...

изображение по центру таблицы
Здравствуйте всем! Прошу помощи. Не могу поставить изображение - ссылку посередине ячейки таблицы. Все теги уже перепробовала, она ни с места.... Создана таблица, в одну из ячеек вставляю ссылку -...

увеличить кнопку
подскажите как увеличить кнопку: <input type="submit" value="Войти"> что бы была как а яндекса:http://mail.yandex.ru/

создание простой веб странрчки о себе
помогите, пожалуйста! Создайте Web-страничку с информацией о себе выберите цвет фона и текста, начертание букв; разместите свою фотографию (можно условную). Используйте различные тэги форматирования...

Как переместить текст выше
Подскажите новичку,как можно переместить текст выше на 1 картинке -то как нужно,а на второй чуть пониже Создавайте темы с осмысленными и понятными названиями!

Как перебить стили тега style в html ?
Здравствуйте! Как перебить стили тега style в html из style.css?

Выравнивание содержимого div блока
Добрый день!!! Уже второй день мучаюсь с выравниванием содержимого div блока по центру, вроде все попробовал но нужного результата не получил...Может кто подскажет? На странице применяется...

Стилизация input
Доброго времени суток! Есть задача стилизовать input, а именно сделать его прозрачным. делаю так input {opacity:0; border: none; font-size:12px; font-family:Tahoma, Geneva, sans-serif;...

Гиперссылки в одну строку
Добрый день. Имеются 2 ссылки к примеру: <body> <p class="1_1"><a href="#">1</a></p> <p class="1_2"><a href="#">2</a></p> </body> по каким-то причинам каждая ссылка начинается с новой строки, не...

Текст расположить по центру кнопки
Здравствуйте! У меня должно быть несколько кнопок одинакового размера с текстом. .main2 { display:inline-block; text-align:center; width:100%; } a.button1 {

Центрирование картинки внутри дива
Здравствуйте, Подскажите как выровнять картинку внутри дива по центру и по вертикали?

Затемнение фона
Здравствуйте. Я только начал изучать верстку сайтов и вот столкнулся с такой проблемой. Нужно затемнить фон блока но не знаю как. Подскажите, пожалуйста, возможные варианты как это реализовать при...

сделать кнопку , которая изменяется при наведении и принимает прежний вид при уходе с кнопки
Ребята, теперь я буду вас расспрашивать о вебе постоянно. Прошу ответить - надо сделать кнопку , которая изменяется при наведении и принимает прежний вид при уходе с кнопки, и изменяется при нажатии,...

"Умная" резиновая картинка
Картинка к примеру в оригинале ширина 800px на длинну 350px. Мне нужно, чтоб она была резиновой, но как сделать резиновой длинну - я не знаю. Выставляю ширину 60% (это идентично 800px в моем случае)...

Появление блока через 5 секунд после загрузки страницы
Подскажите эффект, который позволял бы подгрузить тот или иной объект позже всех остальных. animation-delay - не работает. Точнее оно создает эффект через определенное количество времени, но сам...

Как позиционировать изображение внутри блока div
Имеется блок, и картинка. Как отпозиционировать картинку относительно самого блока, а не всей области сайта. В дримвивере вставил картинку, присвоил стиль, начал позиционирование. position:...

Наложение картинки на картинку
Подскажите пожалуйста вот таким методом можро ли накладывать несколько картинок на одну <html> <head> <title>Websr портал</title> </head> <style> #background { position: absolute; ...

Растянуть элемент Div на всю высоту родительского div
Как сделать что бы элемент Div растягивался на всю высоту следующего элемента? Я только начинающий верстальщик и возникла такая проблема, хотелось бы услышать мнение профессионалов. Есть 2...

CSS.Окрасить выбранный пункт меню
Как сделать в CSS так, чтоб при выборе пункта меню его фон окрашивался и оставался таким пока не выбран другой пункт меню. Через hover не получается. Он позволяет только в момент нажатия окрасить...

Вставка картинки и подпись под картинкой
помоги пожалуйста с элементарщиной вот задание 3 поместите в тело документа image изображение 4 утановите след параметры для рисунка высота изобр=200 пикселей текст слева (там любую фигню)...

Браузер не распознает русский язык
Браузеры не распознают русский язык, пишут каракули, при запуске с денвера, а с программы в которой пишу, все нормально показывает, может кто нибудь подсказать в чем моя ошибка, вроде все правильно...

Крокозябра вместо кириллицы
В шапке кодировка указана. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Все файлы сохраняю в этой же кодировке. Но на сайте получается крокозябра: РљРѕРЅС‚ В чем может быть...

Ширина одного div в зависимости от другого
Текст обтекает блок 1 справа. Внутри этого блока находятся блоки 2(картинка) и 3(описание картинки). Как сделать, чтобы блок с описанием становился по ширине таким же как и блок с картинкой? Размер...

В чём лучше писать коды HTML?
Приветствую! Учу HTML. Коду учусь в программе блокнот. Интересно узнать, какой программой лучше (удобней) пользоваться для написания HTML. Кто чем пользуется?

Как задать горизонтальную линию с текстом посередине?
Всем привет! Пробую освоить верстку в html, сss, bootstrap. Столкнулся с такой задачей. Нужно сделать горизонтальную линию, посреди которой будет текст. Пример....

Новые блоги и статьи Все статьи Все блоги /
Система безопасности в Laravel: возможности и примеры Wired 18.02.2025 Каждый день появляются новые виды атак и уязвимостей, которые могут поставить под угрозу конфиденциальные данные пользователей и функционирование всей системы. В этом контексте выбор надежного. . .	Давайте сравним Django и Laravel Wired 18.02.2025 Django и Laravel - два мощных инструмента, которые часто сравнивают между собой. Оба фреймворка предлагают разработчикам богатый набор возможностей для создания масштабируемых веб-приложений, но. . .	Laravel или React - что лучше? Wired 18.02.2025 В разработке веб выбор правильного инструмента часто определяет успех всего проекта. Особенно интересным представляется сравнение Laravel и React - двух популярных технологий, которые часто. . .	Laravel 11: новые возможности, гайд по обновлению Wired 18.02.2025 Laravel 11 - это новая масштабная версия одного из самых популярных PHP-фреймворков, выпущенная в марте 2024 года. Эта версия продолжает традицию внедрения передовых технологий и методологий. . .	Миграции в Laravel Wired 18.02.2025 Разработка веб-приложений на Laravel неразрывно связана с управлением структурой базы данных. При работе над проектом часто возникает необходимость вносить изменения в схему базы данных - добавлять. . .
Аутентификация в Laravel Wired 18.02.2025 В современном мире веб-разработки безопасность пользовательских данных становится критически важным аспектом любого приложения. Laravel, как один из самых популярных PHP-фреймворков, предоставляет. . .	Laravel или Symfony: что лучше для старта? Wired 18.02.2025 В веб-разработке выбор правильного фреймворка может стать определяющим фактором успеха проекта. Особенно это актуально для PHP - одного из самых распространенных языков программирования, где Laravel. . .	Что нового в Laravel 12 Wired 18.02.2025 С момента своего появления в 2011 году Laravel постоянно развивается, внедряя инновационные решения и совершенствуя существующие возможности. В начале 2025 года ожидается выход Laravel 12 - новой. . .	Роутер в Laravel: как работать с маршрутами Wired 18.02.2025 Маршрутизация - один из основополагающих элементов любого веб-приложения на Laravel, определяющий как приложение отвечает на HTTP-запросы к различным URL-адресам. По сути, роутинг - это механизм. . .	Интеграция шаблона Bootstrap в Laravel PHP Wired 18.02.2025 Разработка веб-приложений в современном мире требует не только надежного бэкенда, но и привлекательного, отзывчивого интерфейса. Laravel, как один из самых популярных PHP-фреймворков, отлично. . .

Наверх