HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Как подогнать css под Safari 5 и IE-11
Добрый день. Размещено 2 блока по 3 изображения, отцентрировано flex, по плану при наведении курсора картинка затемняется, сверху появляется описание. Стили работают как задумано только в Chrome и Opera. В Сафари рамка не всплывает, текст не выравнивается. В IE 11 рамка всплывает, текст не выравнивается. Заранее благодарю. <div class="wrapper"> <div class="demo-content"> <div class="part"> <figure class="img-box"> <img alt=img src=https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample54.jpg> <figcaption><section class="imgone">По Вашему желанию электропроводку можно уложить в ПВХ-коро…
0 votes0 answers -
Как подогнать высоту страницы под высоту экрана?
Здравствуйте, друзья! Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой - http://toolbird.com/signup/)отображалась на любом десктопном устройстве тютелька-в-тютельку под размер экрана, без скроллинга. Речь идет о верстке в Bootstrap3, но с благодарностью приму и другие возможные решения. Спасибо большое!
0 votes9 answers -
Как подогнать картинку под определенный размер
Как можно подогнать картинку под определенный размер блока (див или таблицы неважно). Что бы картинка как-бы вписалась в выделенную область с сохранением пропорций. Подробнее: есть область 100х100, и картинки 150х50 и 50х150. Если в ксс указать только ширину картинки, первая картинка (150х50) ужмется как надо, а вот вторая (50х150) вылезет снизу. Если указать высоту, вторая (50х150) красиво ужимается но первая (150х50) вылезает вправо. Если указать и ширину и высоту - всё влезает но теряются пропорции. Вот код реализации задуманного с использованием таблиц: <table> <tr> <td class="customimg"><a href="link"><img src="image" width="100px"><…
0 votes4 answers -
Как подогнать размер картинки под заданный блок
Хочу в блок вписать картинку, подгонка должна быть по меньшей стороне с сохранением пропорций. Пример тут - http://jsfiddle.net/72anA/ Необходимо, что бы картинки заполняли весь блок с сохранением пропорций + центрировались. На картинке ниже примерно показано как должно работать. Всё что вылазит за пределы блока должно обрезаться, в примере специально не обрезал для наглядности. То есть, блок должен быть заполнен центральной частью картинки. Можно ли это реализовать без использования скриптов?
0 votes10 answers -
Как подогнать фон сайта под разные разрешения экрана
Здравствуйте! Заранее прошу прощения за скорее всего тупой вопрос, но как сделать, что бы фон сайта (<body background="image.jpg">) правильно отображался под разные разрешения экрана? Я правильно понимаю, что есть только один способ - поместить картинку по центру и прилегающие края сделать из того же, что в картинке цвета?
0 votes7 answers -
Как подписывать картинки?
Доброго времени суток. На странице я разместила изображения. Когда размещаю текст под картинкой, остальные изображения перескакивают вниз: http://itmages.ru/image/view/1724171/08f07aa5 а должно быть так: http://itmages.ru/image/view/1724169/c743b350 Код: <div id="content"><br><a href="finetex_Light_2109.html"> <img src="images/finetex/1.jpg" height="189" width="170" title="Uberture, Light 2109" > <p> Uberture, Light 2109 </p> </a><a href="finetex_Light_2110.html"> <img src="images/finetex/2.jpg" height="189" width="170" title="Uberture, Light 2110"></a><a href="finetex_Light_2121.html"> <img src="im…
0 votes1 answer -
Как подправить баг в IE6
Верстаю сайт. Во всех браузерах всё выглядит нормально, но в IE6 есть два непонятных бага в отображении некоторых элементов. Полагаю, что эти баги имеют очень схожие корни. Хотелось бы обеспечить идеальную красоту макета во всех браузерах, поэтому хочу избавиться от этого. Прилагаю макет (пока ещё окончательно не свёрстан, поэтому правая колонка и другие элементы могут выглядеть некрасиво, но не в них сейчас дело). макет для скачивания На первом скриншоте показана часть страницы main.html и непонятное смещение дива, который отображает скруглённые углы. Сами скруглённые углы сделаны фоновыми рисунками. Что самое интересное, что ниже правой колонки такого смещения дива уже …
0 votes1 answer -
Как подправить путь к изображению
В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения. У меня есть строка вида: <img src="http://site.com/uploads/posts/2016-09/thumbs/image-1.jpg"> Надо получить: <img src="http://site.com/uploads/posts/2016-09/image-1.jpg"> То есть, из строки убрать "thumbs". Как можно такое сделать на PHP? На станице надо обработать 10-15 таких картинок.
0 votes0 answers -
Как подрегулировать расстояние между буквами
Здравствуйте. Возникла такая необходимость. Это возможно с помощью CSS? разобрался - letter-spacing
0 votes3 answers -
Как подсветить определенное слово с помощью CSS?
Здравствуйте. В joomla имеется статья с заголовком, и нужно задать красный цвет только для слова "Новинка!" в заголовке. В админке такого нельзя сделать, насколько знаю. Можно ли каким-либо свойством CSS подсветить красным это слово?
0 votes6 answers -
Как подсвечивать в таблице строку вместе со столбцом при наведении курсора
Здравствуйте! У меня имеется большая таблица. Реализовать подсветку строки при наведении мышки получилось. Возможно ли реализовать "перекресток", чтобы подсвечивалась не только строка, но и соответствующий столбец? JS не владею, к сожалению. Подскажите решения с помощью css и html, если они имеются. Заранее спасибо!
0 votes4 answers -
Как подстроиться под все браузеры?
Здравствуйте! Недавно столкнулся с проблемой, что в одном браузере отображается всё норм, а в другом не так как хотелось. Я знал раньше, что существует такая проблема. Но думал что только в больших проектах. А тут я не успел доделать шапку сайта, как уже значительные искажения. Если есть какая то статья на эту тему, киньте ссылку. Есть ли какая то прога которая позволяет сравнивать один сайт в нескольких браузерах, что бы в ручную это не делать.
0 votes2 answers -
Как подчистить скрипт счетчика?
Подскажите пожалуйста, как подравнять скрипт счетчика, они практически все написан кривыми руками, я идеалист хренов в js не шарю, а хочу, что бы валидатор улыбался :P Вот скрипт, правда я его уже сократил немного: <!-- HotLog --> <script type="text/javascript" language="javascript">hotlog_js="1.0";hotlog_r=""+Math.random()+"&s=2115087&im=565&r="+escape(document.referrer)+"&pg="+escape(window.location.href);</script><script type="text/javascript" language="javascript1.1">hotlog_js="1.1";hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N");</script><script type="text/javascript" language="javascript1.2">hotlog_js="1.2"…
0 votes3 answers -
Как позиционировать div снизу?
Не могу понять почему div не позиционируется снизу? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body { background-image: url(images/sojblog_01.jpg); background-repeat: repeat-y; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000; } .block1 { width: 567px; padding: 0px; padding-right: 0px; border: 0; float: left; left…
0 votes4 answers -
Как позиционировать элементы?
Суть проблемы в следующем: создается шаблон страницы в виде рамки из верхней и нижней горизонтальных текстурных полос, прилепленных к верхней и нижней границам экрана браузера. Предполагается, что рамка не должна прокручиваться. Содержимое страницы должно прокручиваться внутри рамки. Вот собственно и все. Такая строка, относящаяся к тегу body позволяет зафиксировать только одну полосу (в данном случае нижнюю): {background-image:url(img/img4.gif); background-position:bottom; background-repeat:repeat-x; background-attachment:fixed;}, при этом вторую полосу разместить и зафиксировать не получается. Нет знаний. Помогите чайнику.
0 votes6 answers -
Как показать div из div'а который "display: none"
Всем привет. Возможно ли такое: К примеру есть div и на нем всём стоит "display: none", + он содержит очень много вложенных div. Как показать один из этих вложенных div не взерая на выше примененный параметр. Пример: <div class="blablabla_1" style="display: none;"> ...очень много еще всего <div class="blablabla_2">Трали-вали</div> <div class="blablabla_3">Опа-опа-па</div> <div class="blablabla_4">Пик-пик-пик</div> <div class="blablabla_5">Карамба-вах</div> ...очень много еще всего </div> Как показать из всего этого только <div class="blablabla_4">Пик-пик-пик</div>? …
0 votes9 answers -
как показать html файл перед формой ?
вот у допустим у меня есть форма: <style type="text/css"> H1 { font-size: 100%; color: blue; } </style> <form action="http://malish.vizie.ru/message/vopros.php" method="post"> <p> <h1> Введите Ваше имя</h1></p> <p><input type="text" placeholder="Вася" required name="nik"></p> <textarea name="vopros" class="brd" placeholder="Пример" required rows="10" cols="32"></textarea> <p><input type="submit" value="Отправить"></p> </form> Потом php файл записывает данные в html файл, дак вот как мне потом это html файл показать перед формой ? пожалуйста помог…
0 votes10 answers -
Как показать информацию на этой же странице?
Как показать внешнюю страницу в этом же окне? имеется страница-меню слева. Так вот как подгружать внешние html странички без перезагрузки основной страницы...чтобы они открывались с права. что лучше использовать фреймы дивы??
0 votes4 answers -
Как показать несколько изображений на одном месте одновременно?
Добрый день. У меня есть несколько местами прозрачных изображений одинакового размера, которые хотелось бы показывать наложенными друг на друга в различных комбинациях - типа слоёв. Не подскажите, как лучше это сделать? Заранее спасибо.
0 votes1 answer -
Как показать сайт?
Подскажите пожалуйста, где можно выложить файлы (сайт) кроме хостинга, чтобы можно было посмотреть на другом компьютере? Человек попросил сделать сайт, но с хостингом не определился пока, а я уже написала и хочу ему показать. Спасибо
0 votes5 answers -
Как показать/скрыть DIV ?
как при нажатии на слово-ссылку показать под этой ссылкой текстовый блок <div style='display:none;'>text text text</div> а при повторном нажатии спрятать этот блок?
0 votes14 answers -
Как показать\скрыть текст по клику?
Есть страничка. В ней список названий. Нужно чтобы при клике на название в этой же страничке под ним показывался дополнительный текст. По повторному клику исчезал. ========================= название1 название2 (клик)(при повторном клике все блаблабла пропадают) блаблабла блаблабла блабла бла название3 ========================= Подскажите пожалуйста.
0 votes36 answers -
Как покрыть абсолютно position absolute?
Внутри блок зеленого цвета есть блок с текстом. Внутренний блок нужно разместить абсолютным позиционированием. Но если это сделать , то внешний блок не растягивается на его длину. Что нужно вписать во внешний блок? <div style="background-color:green"> <div style="position:absolute">Текст</div> </div>
0 votes5 answers -
Как полностью заполнить область область родительского блока дочерними
Имеется фиксированный двухколоночный макет. Левая колонка - сайдбар, правая - контент. Вверху шапка, внизу "прилепленный" к низу футер. Все блоки, кроме футера, обёрнуты в #container, от которого позиционируется футер. Проблема в том, что дочерние блоки (сайдбар и контент) не фиксированные, и если один из них имеет бОльшую высоту, он "выезжает" за границу #container. Таким образом, футер оказывается парящим посреди экрана, в то время как выезжающий блок - уходит за нижнюю границу экрана. Задача Полностью вместить все дочерние блоки в родительский, чтоб они не выезжали, в то время как нижняя граница самого "высокого" из них должна совпадать с границей #container. Решение П…
0 votes20 answers -
Как полностью убрать границы между ячейками таблицы?
при ближайшем рассмотрении видно пустое пространство между линиями(т.е. и между ячейками таблицы) <table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td>Колонка 1</td><td>Колонка 2</td></tr> <tr border="0"><td border="0"> <hr width="100%" color="#00FF00"></td> <td border="0"> <hr width="100%" color="#00FF00"></td> </tr> </table> Следовательно сам вопрос - как сделать, чтобы разрыва между линиями (или между ячейками таблицы, что на мой взгляд 1 и то же) не было видно?
0 votes12 answers