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
-
Как прижать футер к низу при наличии абсолютного блока
Здравствуйте. У меня вопрос: как прижать футер к низу, если есть абсолютный блок? Или я что-то пропустила, или уже не могу искать. Всегда пользовалась таким способом. Но без абсолютного блока. Если что, вёрстка тут. Спасибо, всем хороших футеров.
0 votes3 answers -
Изменение порядка блоков
<div>Лого</div> <div>Текст</div> <div>Меню</div> Как сделать чтобы в адаптивной версии меню оказалось выше текста?
0 votes6 answers -
Как правильно указать путь к файлу?
проблема в том, что если я пишу путь так(через /) : <script src="/js/mainjs.js"></script> то гугл сообщает об ошибке, якобы файл не найден. Хотя файл html и папка js лежат в одном файле. как быть? PS если указать полный путь к js то все работает.
0 votes1 answer -
background-image
не сочтите нахальством пол.. как правильно задается свойство: ... background-image: url; .... напишите плз рабочий пример
0 votes1 answer -
Таблица
Таблица Стиль задан такой: .table1 { border: 1px solid #CC0000; padding:2px; margin: 2px; background-color:#FFFFFF; } Но на странице не все линии таблицы видны - получается просто внешняя рамка. Где же я ошиблась? Заранее спасибо
0 votes5 answers -
Помогите разобраться с дивами
У меня есть Див, в который периодически аяксом подгружаются разные картинки: например тут Хочу сделать пролистывание, чтобы поверх картинки слева и справа подгружались кнопочки "влево" и "вправо": примерно как тут Желательно, чтобы эти кнопочки были "активные", но при этом человек мог бы "достучаться" до изображения. Подскажите решение, пожалуйста.
0 votes3 answers -
Проблема с размерами DIV
есть конструкция <style type="text/css"> .container { width:500px; margin:0 auto; } #content { width:250px; float:left; } </style> <div class="container"> <div id="content"> <p>text text text</p> <p>text text text;</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> </div> </div> По мере увеличения текста блоке content, блок container не увеличивается (размеры) в следствии чего блок content накладывается на нижестоящие блоки. Как можно сделать чтобы блок container тоже растягивался вниз? проблема возникает когда content получает …
0 votes5 answers -
DIV + Firefox
Как сделать чтобы эти фотки http://www.tihvin.orthodox.ru/htm/Photogallery.php в FireFox не съезжали вправо? Заранее благодарен.
0 votes3 answers -
Проблемы вёрстки списка
Приветствую ! Есть проблема: верстаю вертикальный список с маркером в виде картинки. Однако, ни в Опере, ни в Хроме маркеры не отображаются посередине своего элемента списка. Вот как показано на картинках (1-я картинка - Опера, 2-я - Хром). Пробовал способ задать картинку-маркер в виде фона для элемента списка. Однако, вот что происходит, когда слишком длинный текст: т.е. если элемент списка слишком длинный, то маркер становится посередине элемента. Так вот, расскажите, как сделать при помощи первого способа так, чтобы маркер одинаково посередине отображался во всех браузерах ?
0 votes9 answers -
Высота левой колонки сайта по содержимомму
Добрый день. Нужно чтобы серые квадраты повторялись по вертикали в зависимости от содержимого. <table cellspacing="0" cellpadding="0" align="center" border="0"> <tr> <td style="width:966px; height:100%"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:42px; height:780px"></td> <td style="width:876px; height:780px"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:876px; height:100px"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:435px"> <br style="line-height:20px"> <a href="/"><img…
0 votes10 answers -
проблема с Denwer'ом
Проблема такая, что при запуске денвера файл hosts переписывается и заполняется всеми моими локальными сайтами. Кто-нибудь сталкивался с подобным? В чем может быть причина этому, и как можно исправить?
0 votes14 answers -
Flow elements
Всем привет. Читая спецификацию html5 встретил вот такую запись: 7.1. Flow elements phrasing elements or a or p or hr or pre or ul or ol or dl or div or h1 or h2 or h3 or h4 or h5 or h6 or hgroup or address or blockquote or ins or del or object or map or noscript or section or nav or article or aside or header or footer or video or audio or figure or table or form or fieldset or menu or canvas or details. Есть блочные, строчные, строчные-табличные, строчные-блочные, и еще парочку, однако я никогда не слышал про flow - поточные элементы. В чем их существенное отличие?
0 votes8 answers -
Картинка absolute должна занимать весь слой без учета padding
http://jsfiddle.net/Zverushka/q9Vmk/ Как сделать, чтобы картинка была равна по ширине и высоте своему родителю, но без учета padding? картинка должна быть absolute. ie8+
0 votes13 answers -
Анимированный спойлер.
Здравствуйте! Имеется скрытые посты, при клике они раскрываются и повторном скрываются. Проблема в следующем. Как что бы пост плавно раскрывался до конца содержимого, в том что имеется появляется пустота или будет скрываться содержимое, свойство height: auto; не анимируется. http://jsfiddle.net/n9p89v1t/
0 votes2 answers -
Горизонтальное выпадающее меню
Доброго времени суток! Подскажите пожалуйста, как выровнять выпадающее меню по горизонтали? http://codepen.io/anon/pen/wGvBNQ
0 votes12 answers -
помощь в правках по верстке
вот пациент http://modern-hostel.com/blog/ в хроме и фф выглядит по разному-снизу черная полоса появляется http://modern-hostel.com/blog/obshhezhitiya-dlya-rabochix-v-moskve/ какой лучше шрифт сделать чтобы читабельнее было?
0 votes9 answers -
Отображение текста в браузерах
Добрый день! Создал меню, текст в google chrome отображается не вылезая за границы, а в firefox как на картинке. В чем проблема и как это исправить?
0 votes2 answers -
Таблица: максимальный размер ячейки
<table border="1" width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="left_in" rowspan="3"> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </td> <td bgcolor="green" height="30">UUU</td> </tr> <tr> <td bgcolor="red" height="*">III</td> </tr> <tr> <td bgcolor="green" height="30">DDD</td> <…
0 votes4 answers -
Табица в HTML
Приветствую. Подскажите пожалуйста, как реализовать следующее: 1. Создаю две таблицы с одинаковыми параметрами. Таблицы должны отображаться в браузере последовательно в строчку (одна по левому, другая по правому краю), например: таблица1 Таблица2 Мазила и Опера все отображают нормально, а в IE все съезжает, в одну колонку, т.е.: таблица1 таблица2 Как можно это победить? 2. По умолчанию, таблицы привязаны к краям браузера, т.е при изменении его размеров, таблицы смещаются вместе с краями, т.е. видны. Как сделать так, чтобы при изменении размеров брауезра, таблицы не двигались вместе с его краями, а оставалась "грубо говоря" "за кадром". Использую чистый HTML, без CSS. Спас…
0 votes3 answers -
Проблема со ссылками в классах.
Проблема в следующем: у меня в стиле есть четыре класса. и в них используются, так сказать,взаимно противоположные цветовые схемы. цвет фона одного класса, является цветом текста другого и наоборот. три блока у меня получаются одинаковыми по цвету, а один - "противоположный". таким образом, я прописал для трёх блоков общий стиль ссылок и шрифта и моя задача прописать отдельно параметры ссылки для одного класса. только почему-то a.content {color: #708090;} в данном случае не работает. кто знает, почему? вот полный текст таблицы. BODY { background-color: #2F4F4F; bakground-attachment: fixed; margin: 0; padding: 0; margin-top: 40; …
0 votes3 answers -
наследование
<div class="akc"> <img src="img/ql.png"> <h1>титл</h1> <p>содержание параграфа </p> </div> <div class="akc"> <h1>титл</h1> <p> содержание параграфа</p> </div> не совсем понтяно следущее - описал вариант когда в диве есть картинка, можно ли описать P-параграф для случая если картинки нет
0 votes9 answers -
Проблема с отображением сайта в Opera и IE
Добрый день! Подскажите пожалуйста в чем может быть проблема такого кривого отображения в опере и ие? Скрин и сурс файлы приложил. Спасибо заранее. Как не должно быть... http://i075.radikal.ru/1105/ae/9c0b351ffcf7.jpg Как должно быть... http://s45.radikal.ru/i110/1105/30/bfda9dfb0b09.jpg Ссылка на просмотр CSS и HTML
0 votes8 answers -
Нестандартные бордеры
Возникла проблема при верстке достаточно не стандартных бордеров в таблице, см. ниже Решение которое я выбрала это положить в ячейки div, что бы ему задать margin left и right и ему же добавить border-bottom. Но возникает проблема div по высоте занимает высоту контента и нижний бордер не на одном уровне результат-http://jsfiddle.net/chiffenok/KqNS7/ Объясню, почему я использую внутри дивы: если посмотреть на горизонтальные границы между строками они с разрывами. Что бы сделать такие разрывы подходит маржин слева и справа но маржин не действует на ячейки таблицы. А если просто применить бордеры к ячейкам то они будут слитные. Атрибуты cellspacing и cellpadding здесь не по…
0 votes14 answers -
Как убрать активный курсор
Курсор можно изменить, можно даже заменить его картинкой (кроме оперы) Но при клике и движении во время клика курсор приобретает вид вертикальной черты. Как этот курсор убрать/заменить?
0 votes1 answer -
Контур button
Доброго времени суток, столкнулся с такой проблемой, создал кнопку, задал ей следующие параметры: .menu button:hover { background:#86C129; color:#FFFFFF;}.menu button:active { background:#901D79;}.menu button:focus { border:none;}Однако основная проблема, что после нажатия на кнопку появляется контур и пока не клацну мышкой в любом месте не исчезает, перебрал псевдоклассы не могу понять к чему относится этот контур. Также у меня сама кнопка заключена в ссылку: <a href="#" title="Главная"><button>ГЛАВНАЯ</button></a>Думал мб, что наследуется от гиперссылки однако просто кнопка без тега ссылки также себя ведет. Вот так выглядит проблема http://jsf…
0 votes10 answers