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
-
Оцените, пожалуйста, верстку
P.S. Уважаемые модераторы, удалите тему. Я ее не туда выложил. Смутила фраза про 30 сообщений.
0 votes0 answers -
Проблемы с позиционированием
http://obzor.webtj.ru/slava/ при наведении на текст отображается еще один блок, мне надо чтоб было у него абсолютное позиционирование относительно главного блока текста #desc .desc, чтобы нижняя часть не отъехало вниз. Как это сделать? Сейчас нижний контент при ховере опускается
0 votes1 answer -
не отображаются картинки в опере!
SOS! помогите! везде сайт нормально показывается, а в опере почемуто картинки не показываются..отчего так может быть? причем правой кнопкой если нажать открыть изображение, то оно открывается..а так...ни одного - пусто.понятное дело что "показывать изображения" включено. а все..дошло...там столько раз изображения надо включать..
0 votes0 answers -
Помогите отцентрировать фон
Всем привет. Прошу помочь. У меня имеется макет шириной 1000px. Нужно отцентрировать его. Вроде делаю все правильно, фон шапки становить по центру, а фон body нет. <!DOCTYPE html> <html lang = "ru"> <head> <title>Портфолио</title> <link href = "style.css" rel = "stylesheet" type = "text/css" /> <meta charset = "utf-8" /> <!--[if lt IE 9]> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> <div class = "header_bg"></div> </header> </body> </html> *{margin: 0; padding: 0;} body {margin: auto; width…
0 votes2 answers -
hover
Доброго времени суток форумчане. Возникла следующая проблема. Как при наведении на картинку сделать вот такой вот эффект http://s004.radikal.ru/i207/1312/af/e2ecefa7e75d.png ? Что бы у картинки появлялся бордер и размытие. Пробовала просто при hover через background накладывать этот фон на картинку, но он ложился под нее.
0 votes3 answers -
рейтинг
Подскажите как работают таки звездачки(тобиш рейтинги) и как их создать?
0 votes2 answers -
многоточия в строках
насколько я помню, задача без js не решаемая, но помогите ещё раз в этом убедиться. вдруг что-то поменялось с тех времён есть блок. подписи к картинками длинные поэтому я через overflow ограничил их тремя строками. но хотелось бы чтобы после каждого последнего слова стояло многоточие(даже если слово последнее в предложении) css3-решение устроит. js-решение не устроит
0 votes3 answers -
Нестандартные колонки
Добрый день! Хочу сделать колонки, которые идут в порядке 1 -> 2 3 -> 4 5 -> 6 при том блоки могут быть разной длинны Но из-за этого между ними создается разные отступы. помогите мне пожалуйста сделать отступ одинакового расстояния. Вот ссылка на макет: https://jsfiddle.net/71zmeo0c/
0 votes3 answers -
Картинка уменьшается при добавлении ее в тег <figure>
Всем привет. Решил добавить к картинкам тег <figure>, но при выводе картинка уменьшается в размерах. В чем может быть проблема? Код CSS: body{ margin: 0px; padding: 0px; max-width: 1000px; background: url(./bg3.jpg) repeat center top fixed; } html, body, #wrapper{ margin: 0px; padding: 0px; margin: 0 auto; } @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic); *{box-sizing: border-box;} #container{ display: table; max-width: 100%; height: 100%; margin: 0 auto; background-color: #272727; box-shadow: #000 0px 0px 40px 10px; } #header{ max-width: 100%; width: 10…
0 votes0 answers -
Браузеры показывают сайт не так, как задумывалось, вечная тема
svetlova.org.ua/demos/index.html- при разрешении монитора 2048х1152 сайт нормально , т.е. в высоту и пропорционально в ширину показывает только ИЕ7. Опера, хром, мозилла оставляют много белого внизу (между блоками новостей и нижней строкой. Что можно сделать, чтобы сайт был виден нормально во всех браузерах. Оперу нужно маштабировать до 120%, чтобы получить вид как в ИЕ. опера
0 votes2 answers -
Блок с округлением
Подскажите как исправить? http://itmages.ru/image/view/254670/6d6b446d #content { height:400px; margin: 30px 50px 20px 60%; padding: 5px; border: none; } .conten { background: transparent;margin-top:340px;line-height:60px ; } .conten h1, .curved p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#B0BCC2; border-left:1px solid #B0BCC2; border-right:1px solid #B0BCC2; margin:0 5px; font-size:1px; } .conten .b2 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#EBEEF0; border-left:1px solid #B0BCC2; border-right:1px solid #B0BC…
0 votes1 answer -
Основные инструменты для верстки?
Какие основные инструменты нужны для верстки?
0 votes2 answers -
Проблема с background
Здравствуйте! Есть бэкграунд: сайт в 1000px, нужно что бы сайт располагался между этими картинками по центру... у меня получается вот так: есть небольшой отступ справа... а должно быь так: html,body{background:#edeeed url(../images/bg.png) repeat-x; color:#313f4a; font-weight:normal; word-wrap: break-word; font: 11px Arial, Helvetica, sans-serif;}
0 votes3 answers -
Как убрать закладки на Wp
Подскажите пожалуйста как убрать закладки на WP слева под меню "Строительство, Ремонт квартир" сайт www_myzakladka.ru Тему Stoxi можно скачать здесь http://files.mail.ru/LJF1SZ
0 votes0 answers -
вопрос из HTML5
Только знакомлюсь с ним. В книжке, которую читаю, написано, что элементы header, nav, footer, article в CSS по умолчанию считаются display:inline, поэтому надо сперва сделать: header,nav,footer,article{ display:block;} Потом они продолжают писать стили для элементов: header, nav, footer, article{display:block;} nav {float:left; width:20%;} article{float:right; width:79%;} footer{clear:both;} Но float, ведь уже делает элемент блочным, стоит ли тогда писать display:block для элементов к которым он применен? Или у них это просто подстраховка?
0 votes2 answers -
Псеводэлементы :after и ::after
Не могу понять практическую разницу между типами с одним и двумя двоеточиями. Естественно, вопрос не по версиям CSS и не по поддержке в браузера. Спасибо
0 votes5 answers -
CSS
В общем, сейчас делаю дизайн для сайта и в ксс сделал так, что если в тексте ссылка - <a href="">бла бла бла</a>, значит текст подчёркивается. Но Появилась проблема - теперь если в этой ссылке находится изображение - <a href=""><img src="" /></a>, то изображение тоже подчёркивается. А мне этого не надо. Как сделать так, чтобы подчёркивалось всё, кроме изображений?
0 votes2 answers -
Установка мода Medals System MOD for phpBB3
Разобрался, прошу удалить тему.
0 votes0 answers -
ie6 меню
Все привет! У меня проблема с меню(#menu) в ie6: при наведении курсора на меню появляется ненужный отступ снизу, а надо чтобы и меню было плотно прижато к нижней границы #header, и при наведении курсора кнопка также увеличивалась снизу(menu a{padding:2px 20px 0;}), наезжая на границу <!doctype html> <html><head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="basecss.css" type="text/css"> <link rel="stylesheet" href="css_to_for_m.css" type="text/css"> <!--[if IE 6]> <link href="ie.css" type="text/css" rel="stylesheet"> <![endif]--> </head> <body> <div id="contai…
0 votes2 answers -
Слои, JavaScript и IE
Всем привет! Начал делать простенький сайт для фотоотчетов о путешествиях с галереей. за основу взял бесплатную версию фотогалереи на Java (если так правильно говорить) тут: http://www.simpleviewer.net/simpleviewer/ Все очень просто, понятно и удобно. Оставалось добавить лишь пару строк описания к самому путешествию (т.е. ко всему сайту-галерее). И сделал это через слои, наложив нужный текст поверх флеш-пространства в свободных от изображения местах. Однако работать это стало только в Мазиле и Хроме (Оперу не пробовал), а IE (версия 6,7,8,9) отказывается. Слой с этой флеш-галереей просто покрывает все остальное содержание сайта независимо от z-index. В процессе эксперимен…
0 votes1 answer -
Кроссбраузерность и фон ячейки
Здравствуйте. Возникла следующая проблема: Имеется таблица, ячейке назначен фон <td background="pix/shadow_r.png" style="background-position: left top; background-repeat:repeat-y"> - Google Chrome всё замечательно отображает - В Mozill'е фон начинается где-то в самом низу ячейки - В IE8 фон начинается с небольшим отступом сверху Фон - "тень":
0 votes3 answers -
background-position в IE
Здравствуйте. Прошерстил инет, но никак не могу найти решение. Необходимо точно спозиционировать (сдвинуть на определенное количество пикселов) фон в блоке. Делаю это так: background-position: top right 8px; Предполагается, что фоновая картинка встанет в верхнем правом углу блока со сдвигом в 8 пикселов от правого бока. Работает во всех браузерах, кроме IE. Причем данную запись не понимает ни одна из версий IE (проверял в IETester и IE 7 напрямую).
0 votes1 answer -
Помогите настроить высоту и отступ
Привет всем! Решил сделать простенький шаблон, состоящий из модных сейчас хабов (как windows 8 или Google Play). Сделать хабы я смог, но свойства у них не очень... 1. Нужно в верхнем правом квадрате сделать отступ текста во внутрь квадрата, но padding: 20px; убивает всю сетку. 2. Необходимо сделать зависимость, между блоком с текстом и блоком с категориями. Что бы при увеличении блока с текстом из-за его большого количества, увеличивался и блок с категориями (по высоте). Ну и наоборот тоже. Запарился уже это делать, помогите пожалуйста. P.S: Решил таблицы не использовать, не люблю их. Может можно как-то без них? http://html.v-arhiv.ru/ HTML <!DOCTYPE html> <htm…
0 votes1 answer -
Два блока на всю ширину экрана
Есть два блока, один фиксированного размера, второй должен растянуться по ширине до конца страницы. То есть, 2 блока должны растянуться на всю ширину странички. Вот пример - http://jsfiddle.net/9k5xwnvp/
0 votes4 answers -
position absolute and relative
Добрый день, на этапе изучения возник вопрос который я уже пол дня обмозговываю и вроде как для себя разобрался. position absolute позволяет блокам накладываться друг на друга а position relative не позволяет накладываться блокам друг на друга ,и если выставить блокам position relative то они позиционируются друг под другом. я правильно понял? и если мне надо сделать сайд бар где нибудь справа от основного содержимого то шапка сайта у меня будет absolute, а основное содержимое и сайд бар будут relative ?
0 votes4 answers