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
-
высота sidebar
Разъясните,пожалуйста почему тут http://htmlbook.ru/layout/fiksirovannaya-shirina-float-plyus-margin (Пример 2. Создание макета с двумя колонками) высота sidebar ограничена контентом, а здесь http://htmlbook.ru/layout/fiksirovannaya-shirina-ispolzovanie-float (Пример 3. Создание макета с двумя колонками) тянестя во всю высоту?
0 votes1 answer -
Не получается темизировать переводчик от Гугл
Я установил на сайт http://monreall.net/ переводчик от гугл. Мне нужно, чтобы цвет шрифт и граница формы были серыми, а именно: border-bottom: 1px solid #D7D7D7; font-size: 11px; color:#7D7D7D Но у меня не получается прописать свойства в CSS. Переводчик не хочет темизироваться. Мне удалось только выровнить блок. .top_banner { margin-left:30px; margin-top: -11px; } А как сделать цвет шрифта и границу формы серыми? Подскажите, пожалуйста, с кодом.
0 votes2 answers -
сайдбар из фоновой картинки
здравствуйте, нужна помощь делаю тему для сайта на ворд прессе вот сайт www.test.grani59.ru зайдите на него и сразу поймете в чем проблема, у меня сайтбар состоит из фоновой (желтой) картинки текст тоже красивым шрифтом из картинок так вот когда верстал на дремвивере все получилось перенес на ворд пресс сразу же косяк, не совподают желтое вверху текст внизу а нужно чтобы были вместе, кто знает как сделать заранее благодарю
0 votes3 answers -
и опять выравнивание блоков
вот страница http://texteredsa.besaba.com/bondarchuk/clients.html чтобы выравнить блоки использовал прием с сайта http://css-live.ru/ выравнивал через Justify но проблема. если в строке будет не 4, а 2 например. то первая слева выравнена, а вторая справа. как решить проблему? может еще способы есть?
0 votes3 answers -
Подскажите как выровнять шапку
Подскажите пожалуйста как выровнять шапку сайта kimwood.ru
0 votes1 answer -
Проблема с фоном
Подскажите, как добавить два фона: цвет и картинка. То есть, при наведении блок затемняется и поверх появляется картинка с лупой. Этот код не срабатывает: a.box:hover { background: rgba(0, 0, 0, 0.7) url(../img/fon.png)no-repeat bottom right;}
0 votes1 answer -
Выстраивание элементов в вертикальный ряд.
Друзья привет! Очень прошу вашей помощи. В общем я совсем новичок. Только прошел основы html по курсу хан академии. Пытаюсь сейчас верстать свой первый сайт по макету псд. И вот столкнулся с проблемой. Просто в отчаянии уже не знаю как решить. Перепробовал все что мог, все что нашел в гугле, пытался и тут поиском искать, вроде бы нашел несколько похожих тем но так и не смог применить решения к своей странице, видимо просто не хватает опыта и не получается правильно УВИДЕТЬ решение проблемы. Суть. Пытаюсь заверстать одностраничный сайт типа визитки или блога. Сайт состоит из 3х вертикальных элементов. Хедер, тело сайта с текстом, и футер. Так вот я в упор не понима…
0 votes2 answers -
Не срабатывает onclick в песочнице
Сабж На серой пимпочке, справа, по вертикали по центру https://jsfiddle.net/zep2ovaL/ Во всех браузерах работает
0 votes1 answer -
фон для сайта
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } html, body { …
0 votes2 answers -
Проблема с background
У меня проблема с размещением изображения. В опере все показывает отлично. А вот в хроме и мозиле 0. Если убрать left или bottom +..px - показывает. Может кто-то знает в чем может быть причнина или как по другому можно написать? Заранее спасибо. background: url(img/12.png) no-repeat bottom left, url(img/13.png) no-repeat bottom+15px left+100px, url(img/14.png) no-repeat bottom+15px left+230px, url(img/11.png) no-repeat bottom+5px left+350px; }
0 votes2 answers -
не видно css-файл
подскажите пожалуйста возможно ли и как на странице посмотреть css-файл(ы)? я вижу набор непонятных символов или сообщение об ошибке. например вот
0 votes4 answers -
Проблема с футером
Доброго времени суток. Нужна ваша помощь в прижатии футера к низу. http://di-asouls.ru/3/index.html Научите меня раз и навсегда пожалуйста. Пробовал по урокам с сайтов, не получается...
0 votes1 answer -
отображение в разных браузерах
Проблема вот в чем: на сайт (prisvete.ru) поставил блок с выводом топ новостей, при наведении на которую(картинку-новость), показывает ее название, но в мазиле вроде все нормально,а вот в хроме (на других браузерах не пробовал) название появляется с боку, не наводя на нее,тем самым отодвигая картинку-новость на длину названия, тем самым портя весь вид.Подскажите как это можно исправить. вот PHP код новости: <?php $sql_result = $db->query( "SELECT id, title, date, alt_name, category, short_story, flag FROM " . PREFIX . "_post WHERE approve='1' ORDER BY date DESC LIMIT 10" ); while ( $row = $db->get_row()){$row['date'] = strtotime( $row['date'] ); $row['category…
0 votes3 answers -
Проблема вёрстки резинового сайта под HTML5
С уменьшением ширины "резиновой" страницы построеной на HTML5 я сделал так, что у меня пропорционально уменьшается и высота header-а (т.е. "шапки"). Вопрос в следующем: почему с уменьшением высоты header-а не подымается выше content и sidebar? Я в стилях контента и сайдбара прописал: position: relative; но это ничего не меняет. ссылка на мою страницу: http://depositfiles.com/files/ykgvugjnk это я переделывал под себя шаблон из: http://habrahabr.ru/post/119127/
0 votes1 answer -
Конфликтуют js скрипты в Opera
Всем привет! Прошу помощи, так как совсем отчаялся. Проблема проявляется в браузере Opera(9.80 возможно и другие версии). Суть проблемы: Есть js редактор текста http://ckeditor.com/ проблема в том что именно в опере, не устанавливается курсор в поле ввода. Причём курсор начинает периодический появляться если несколько раз обновить страницу. Ошибка скорей всего не в редакторе а в js скрипте чата который видимо как то конфликтует со скриптом чата. При отключении js скрипта чата, всё работает исправно.Чат так же написан на js. В остальных браузерах всё работает нормально. После долгих мучений с js скриптом чата, решил попробовать установить другой редактор(http://imperavi.…
0 votes0 answers -
Непонятки z-index
Почему псевдо элементы отображаются выше блоков? http://jsfiddle.net/tMBrK/ Css: .block1 { padding: 0 10px; position: relative; top: -11px; left: -2px; z-index: 9; } .block1::after { content: ""; position: absolute; bottom: 17px; left: 4%; width: 92%; height: 30%; box-shadow: 0 26px 25px rgba(0, 0, 0, 0.7); z-index: 8; } .block2 { padding: 0 10px; position: relative; width: 95%; left: 12px; right: 12px; margin-top: -11px; z-index: 7; } .block2::after { content: ""; position: absolute; bottom: 17px; left: 4%; width: 92%; height: 30%; box-shadow: 0 26px 25px rgba(0, 0, 0, 0.7); z-index: 6; } } Html: <div class="block1"></…
0 votes1 answer -
PSD
Подскажите плз где можно почитать как правильно пользоватся фотошопом для нарезки рисунков из PSD (как выбирать слои, как их обединять, уберать фон, узнать тип шрифта и т.д.). Заранее спасибо.
0 votes1 answer -
Всплывающее окно
Есть такая штука <form name="vklogin" method="post" action="<?php echo JRoute::_( 'index.php?option=com_vklogin'); ?>"> ... </form> Открывается в этом же окне с полным оформлением страницы. Но надо чтоб открывалось во всплывающем окне и только формы заполнения. Как это сделать?
0 votes1 answer -
макет для блога
Ищу одноколочный psd макет для блога с комментариями, админкой. Поделитесь пожалуйста.
0 votes0 answers -
оформление стандартного вида каталога
В общем есть задача, заходить через браузер по ссылке в каталог со списком файлов. Но не устраивает стандартное оформление. Можно-ли как-то оформить вывод файлов и папок своим стилем? Пытался гуглить и яндексить, но выпадает всякая ерунда. Пните в нужную сторону, пжлст.
0 votes6 answers -
Про валидацию
Подскажите что это за ошибки , спасибо. Line 249, Column 15: attributes construct error <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 15: Couldn't find end of Start Tag td line 249 <td width="20%"valign="top" ><img src="30-text.png" alt="" height="32" width="3… ? Line 249, Column 81: Opening and ending tag mismatch: tr line 248 and td …"20%"valign="top" ><img src="30-text.png" alt="" height="32" width="32" /></td> ? Line 251, Column 5: Opening and ending tag mismatch: table line 247 and tr </tr> ? Line 252, Column 8: Opening and ending tag mismatch: div line 228 and table <…
0 votes0 answers -
3 DIVа с центровкой среднего
Можно ли эту таблицу записать DIVами и CSSками? <html> <body> <table width=100%> <tr> <td>1</td> <td width=900>2</td> <td>3</td> </tr> </table> </body> </html> Суть в том, надо создать 3 DIVа в одну линию и чтоб они были растянуты на всю ширину экрана не зависимо от разрешения. Центральный DIV имеет заданную ширину в пикселях, а два крайних одинаковую ширину в зависимости от разрешения экрана.
0 votes2 answers -
Отступ
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="VERtuoz" /> <title>Отступ</title> <style> body{ text-align: center; margin: 0; padding: 0; } #one{ width: 1024px; height: 512px; margin: 0 auto; text-align: center; background: #f00; position: relative; } #two{ width: 640px; height: 256px; margin: 15px auto; background: #0f0; position: relative; } </style> </head> <body> <div id="one"> <div id="two"> …
0 votes3 answers -
Сглаживание шрифтов под Mac OS X
Добрый день, уважаемые форумчане! Нужен ваш совет, дело вот в чем: работаю над крупным проектом для американской компании, соответственно верстка под Mac OS. Возникла проблема с вертикальным выравниванием внутри кнопки. Точнее, проблемы как таковой нету, под Win7 все корректно отображается (скрин в ФФ): А вот скрин с Сафари под Mac OS: Как видно, текст внутри кнопки немного сдвинут вверх. Дизайнеры думают что что-то не так в верстке, раз такое происходит. Но все дело в особенностях Mac'a при сглаживании шрифтов, в результате чего кнопка отображается не совсем корректно. Сейчас CSS такой (вертикальное выравнивание с помощью line-height): input[type='submit'], input[typ…
0 votes0 answers -
Резина. Тянем картинку
Скажите, пожалуйста, есть ли безболезненный способ растянуть такую картинку, шириной 960 пикселей? Макет предполагается как резиновый и все остальное хорошо, кроме этого злополучного блока. Пробовал установить фон цветом, да бы продолжался, но слишком уж большая разница. Может быть это просто-напросто невозможно\ненужно? При повторении по горизонтали тоже возникает полоска-разделитель, что не есть красиво(
0 votes2 answers