HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Как разместить картинку с текстовым описанием в одном блоке
Необходимо разместить картинку вместе с текстовым описанием в одном ряду. Слева картинка, справа текстовое описание. Главное, чтобы высота всего блока (картинка с текстом) зависела от количества текста в описании, а картинка подстраивала свой размер под эту область. То есть, чтобы было ровно - высота картинки = высоте текстового блока. Я перепробовал несколько вариантов, помещал картинку в свой блок, текст в свой, или в одном блоке пытался сделать - ничего не получается. Кстати, ещё одна особенность, необходимо именно в div"ах сделать, таблица не подходит, скрипты не желательно + кроссбаузерно. Помогите пожалуйста решить проблему.
0 votes1 answer -
html комментарии
html комментарии в другие теги нельзя вставлять?
0 votes4 answers -
Якори
<h1 id="iak">Это моя первая страница</h1> <ul> <li> <a href="#iak">Привет мой друг!</a> </li> </ul> Эти команды если их можно так назвать должны были перебрасывать на заголовок другого участка страницы, но сыллка не хочет работать хотя изображена как сыллка. Проверял в css id работает. Можете помочь?
0 votes6 answers -
Как сделать окно браузера меньше? - JavaScript
Добрый день. Решил я по-экспериментировать над размерами экрана, и у меня вопрос: как сделать окно браузера размером, допустим, 100х60 или ещё меньше, если возможно? Просто стоит ограничение, можно ли его снять?
0 votes1 answer -
Как верстать большие макеты ?
Кто подскажет как верстать такой макет ? Шрифты слишком большие, размеры отступов и самой картины тоже. Как мне быть, сверстать так как есть или поменять все отступы и размеры шрифта на более менее подходящую ? psd макет скачать
0 votes7 answers -
Подскажите jquery карту
Здравствуйте! Нужна карта мира, на ней нужно поставить два маркера, маркер должен иметь класс и быть в виде ссылки чтобы прописать адрес. Гугл и яндекс не подходят. Нужен отдельный плагин. Спасибо.
0 votes1 answer -
Проблема с button
Понимаю, что вопрос возможно, выглядит пустяковым, но для меня очень важно. Почему то не работают кнопки. Даже страница не загружается. echo '<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>'; echo '<form method="post" action="script.php">'; for ($i=1; $i<=100; $i++){ echo '——'; $post= implode(",",$_POST); if ($i<$post) {echo '<button name="',$i ,'" value= "',$i ,'" style="background-color:yellow; float: right; padding-top: 10px">gfhfg</button>';}; if ($i==$post) {echo '<button name="',$post,'" valu…
0 votes4 answers -
Всплывающее подчеркивание ссылок
Добрый день! Есть данный пример https://jsfiddle.net/nfodvkbh/2/ Возникло непонимание-почему у псевдоэлементов в результате разная высота и как устранить проблему с отступом у последнего блока? Касательно второго вопроса-если я уберу отступ у последней ссылки, то псевдоэлемент не будет отображаться, на сколько я понял.
0 votes11 answers -
div и display. Блочная вёрстка.
Начал изучать HTML и немного запутался. В одной статье пишут про блочную вёрстку в связи с DIV, который относится к HTML: "Блочная верстка — это подход, при котором сайт строят на основе блоков, в качестве блоков выступают теги div" В другой статье пишут про блочную модель в связи c параметром display, который относится к CSS: "Как именно отображаются элементы — как блочные или строчные или как-то ещё, определяется свойством display." Можно ли сказать, что именно DIV относится к блочной вёрстке, именно он описывает структуру, а display это геометрическое расположение и визуальное оформление на странице этих блоков?
0 votes3 answers -
Несколько ссылок в линию с разным фоном
Практикуюсь в верстке, делаю автомобильный сайт.Имеются 5 категорий.Необходимо сделать их в виде квадратов определённых размеров (некликабельные картинки, на фоне), а на переднем плане по-середине них ссылки в обычном виде (Кликабельное слово с text-decoration: none).Квадраты на равном друг от друга расстоянии.Не могу понять как реализовать, постоянно вверх боковые съезжают. Вот контейнер, в котором это всё дело находится и моя рукопись <section> <div class="container"> <div class="nav"><div class="usenav"> <h2>ВОСПОЛЬЗУЙТЕСЬ НАВИГАЦИЕЙ</h2> </div> <div class="block clearfix"> <div class="bloc…
0 votes1 answer -
Адаптивный текст на кнопке
Доброго времени суток уважаемые форумчане. Хочу сделать адаптивным текст на кнопке. нашел замечательную функцию calc, все замечательно, однако при одном из разрешений с блоком происходит непонятный мне сдвиг, как на скриншоте, при остальных же разрешениях текст ведет себя, как положено. Подскажите в чем может быть проблема и пути решения. Ссылка на код
0 votes21 answers -
Пробел под футером
Не могу понять,как убрать пробел под футером. Вроде блоки не выпирают Вот исходный код http://www.cssdesk.com/J8Xk9
0 votes5 answers -
Видео фоновое на сайте
Приветы.Хочу сделать фоновое видео на сайте. Сделал в блоке тэгом элементом video, но блин с мобильных устройств видео не воспроизводится. Никак не решается?
0 votes3 answers -
Изменение текста при нажатии
Здравствуйте. Видел на различных сайтах функцию изменения языка. Я искал в интернете информацию о реализации данной функции, но не нашел ответ. Подскажите пожалуйста как реализовать такое ? Думал с помощью замены текста при нажатии на кнопку или вроде этого. Как пример сайт 'Розетка'.
0 votes2 answers -
Схлопнуть padding и убрать border-radius у подряд идущих inline
Есть блок, внутри которого текст, размечаемый юзером. У тега <i> задан цвет фона, padding, background-color. Сказка кончается, когда юзер в сообщении делает, например, [ i ]та[ /i ][ i ]к[ /i ]. В итоге у нас слово, порванное посередине отступом и border-radius. Нормализовать код на стороне сервера нельзя, только css, только хардкор. Я изрядно поломал голову. Нужно, если у элемента <i> есть непосредственный сосед <i> - без любых нод между ними - соседу обрезать padding и border-radius слева, а элементу - справа. При помощи вспомогательного <span>, :first-of-type, :last-of-type и селектора-плюсика я нагородил что-то похожее на правду:…
0 votes6 answers -
Тонкости cursor: url
Здравствуйте, делаю такие стили: body { cursor: url("/images/pupbg.png"), auto; /* размер 4х4, вес 174 байта, работает */ } h1 { cursor: url("/images/unit.png"), auto; /* размер 170х200, вес 37 кбайт, не работает :( */ } h2 { cursor: url("/images/happy.png"), auto; /* размер 50х50, вес 5 кбайт, работает */ } В первом и последнем случае курсор-картинка работает, во втором - нет. Очевидно, что проблема в большом размере и весе картинки. Где-то можно узнать максимальные допустимые размеры? Пересмотрел пару десятков статей на эту тему - нигде такой информации не нашел.
0 votes2 answers -
Подскажите как сделать
Сделал на сайте декоративную рамку, с помощью псевдоэлементов. Получается вот так (см.Скрин), то есть в определенный момент начинает действовать repeat-y. Это можно как-то поправить, или нужно вырезать по-другому? Скрытый текст Само изображение
0 votes4 answers -
Нужна помощь. Я далёкий.
Здравствуйте, я так сказать начинающий и многое не знаю . Суть такова , есть сайт от конструктора но там скрипты не поддерживает ( Так написал мне админ конструктора: К сожалению стандартный функционал сайта не дает возможности вставлять скрипты в конструктор.. У видел в одного пользователя так же сайт от данного конструктора на котором он разместил ссылку на другой сайт как бы в рамке, показываю скрин. как он мог вставить ссылку на сторонний сайт где текстовая реклама ( как бы на сайте сверху этого сайта другой сайт только в уменьшённом виде . Вот мое меню админа где могу редактировать
0 votes2 answers -
Как сделать такое на бутстрапе 3?
Как сделать такое на бутстрапе 3?
0 votes1 answer -
Как сделать такое на бутстрапе 3?
Как сделать такое на бутстрапе 3?
0 votes5 answers -
Адаптивная верстка — ширина экрана больше чем ширина содержимого страницы
Помогите, пожалуйста, очень нужен взгляд со стороны. Проблема следующая - страница нормально отображается в десктопной версии, при ресайзе окна - тоже все ок. Но в режиме эмуляции моб. устройств ширина экрана больше чем ширина содержимого страницы. При этом проблема только в chrome firefox отображает нормально в любом режиме. Ниже скрин (режим моб. устройств). Код можно посмотреть здесь.
0 votes2 answers -
Не работает input radio
Нужно сверстать переключатели input radio в виде блоков. (Размер M, L, XL, XXL) Изначально при выборе блока, все работало, менялся цвет. Теперь перестало работать и не могу найти причину. Вставляю часть кода в https://jsfiddle.net/ все работает. На локальном и хостинге нет. Ссылка на сайт http://garmoni.inf.ua/Brandly/ в самом низу
0 votes4 answers -
Как сделать псевдо 3д эффект? Изображения объекта в разных ракурсах.
Здравствуйте, делаю сайт, хочу сделать чтобы в центре экрана появлялся объект, и когда крутишь ниже этот объект крутился вокруг оси. То есть достигался бы псевдо 3д эффект, а по суди это много кортинг этого объекта в разных ракурсах которые меняются в зависимости от позиции скролла. Подскажите как правильно сделать? Сделать див с position: absolute и на js в зависимости от позиции скролла менять фото? Может есть готовые примеры? Не могу найти сайты на подобие, помню давно видел сайт, где машина так ехала по всему сайту. Буду благодарен за примеры сайтов.
0 votes1 answer -
css помогите с CSS
https://jsfiddle.net/sipsap/Lj2qdndw/ Вопрос: 1. Как сделать что бы значки доллара были такого же размера но при этом не менялся цвет. 2. Текст в первых блоках (с услугами) должны быть align:left; но я не могу поставить спан. (пример)
0 votes6 answers -
pasteHTML между элементами
Хочется вставить код между элементами. Не могу понять как расположить TextRange именно между элементами. Например было: <span id='Ref1'></span>нынешний код или пусто<span id='Ref2'></span> стало: <span id='Ref1'></span>мой новый код или стираю старый<span id='Ref2'></span>
0 votes6 answers