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
-
Подскажите, проблема с таблицами
Есть сайт, объясню проблему по скриншоту ниже Белая область - это див элемент, в котором я расположил таблицу с 2мя колонками. В этих колонках уже сделал дивы с заголовком и самим контентом. Сама проблема: Наполнинл 1ю колонку заголовком+несколько скриншотов и кнопок, когда начал наполнять 2ю колонку, заголовок 1й начинает отступать от top элемента вниз, как показано на скриншоте. Не пойму в чем может быть проблема. Мой быдлокод, css: .backgrnd1231445{ position: absolute; width: 100%; height: auto; background: url(/img/fon.jpg); background-repeat: repeat; background-attachment: scroll; } #mainwrapper { position: relative; margin: 0 auto; margin-top: 30px; margin-bottom…
0 votes4 answers -
подгонка background по размерам
Всем привет, вот макет набросаю <style>div.one, div.three{ background: (img/back.jpg);}div.two{ background: (img/unback.jpg);}</style><div class='one'></div> <div class='two'></div><div class='three'></div>Как бы макет простой, Back - обычная картинка, unback - зеркально отражённая, они должны стыковаться между собой. Нужно картинку растягивать чётко под блок, как? background-size: 100% 100%; не помогли что-то
0 votes0 answers -
img
здравствуйте. Я извиняюсь, вы не могли бы подсказать кое-что? Вот, есть форум: http://forum.playmu.su/ начиная с разрешения 1366 по ширине и выше - все работает отлично. А если ниже - картинку начинает обрезать по краям. Вы не знаете, как это исправить? Нужно, чтобы картинка уменьшалась ( как содержимое сайта ) с уменьшением размера экрана. http://prntscr.com/9cjmjy
0 votes1 answer -
Прямоугольник по размеру исходя из текста внутри него
Добрый день, дорогие друзья. Имеется блок div, в нем один заголовок и маркированный список. Задача сделать так, чтобы блок был вписан в прямоугольник border так, чтобы ширина прямоугольника была такого же размера, как самая длинная строка в маркированном списке, либо по длине заголовка, если он длиннее. В общем, нужно получить такое же, как тут содержание. Какой сообразить стиль для такого див-а??
0 votes0 answers -
Блок неправильной формы(срезанные прозрачные углы)
Всем привет) помогите люди добрые нужно сверстать такой блок http://joxi.ru/Vm66NWRSxEBdQm пол дня гуглил,так и не нашел ничего подходящего обычно подставляют срезы белого цвета через before и after. но в данном случае подложка тоже картинка,по этому срезы должны быть прозрачными
0 votes2 answers -
Изменятся высота при изменение left/right
Есть сайт http://kolik29.ru/. При клике на Профиль, Резюме, Портфолио или Контакты две "половинки" страницы разъезжаются в разные стороны. В мобильной же версии блоки разъезжаются криво - как будто изменяется высота и ширина всей страницы. Нижний блок смещается влево с помощью функции animate() из Jquery путем изменения свойства right. $('.half-screen.right').animate({ right: slide_to }, 500);
0 votes0 answers -
img в теле html рассылки
Всем доброго времени суток. Ночью столкнулся с e-mail менеджментом, а именно с рассылкой html писем. Верстка сделана таблицей, css'ка задана как атрибут. Все красиво, гламурно, няшно и т.д. Но изображений нет. Ни один почтовый сервис их не видит. Прописал абсолютный путь - не помогло. Как же быть то, как сделать, чтобы почтовики видели картинки? P.S. Изучил массу литературы по этому поводу, но к окончательному выводу так и не пришел: можно ли организовать это в хтмл, или я обречен юзать php, MIME и "cid:"? (если да, то как?) Помогите, пожалуйста. Код в студию: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conte…
0 votes0 answers -
Шаблон для joomla
Нашел сайт на joomle, шаблон понравился... Где-то встречал ранее. Но где?? Может кто встречал. http://www.rus-master.com/ Помогите страдаю(
0 votes1 answer -
Кастомизация Элементов Форм...
Здравствуйте. В JS Я новичёк - но недавно все же решил написать для себя несколько плагинов по кастомизации инпутов(разного рода). При этом столкнулся со следующими трудностями: 1) При добавлении в HTML код радиобаттонов - мои кастомизированные чекбоксы перестают реагировать(сменой галочки) по 1-му клику и нормально работают только начиная со 2-го!? (происходит это только после перезагрузки браузера!) 2) Не удается сделать активным(по умолчанию) нужный мне 1-ый радиобаттон?(прописываю ему checked="checked" или же просто checked - но это не даёт результата?) P.S. Скриншот можно увидеть по этому адресу: http://yamaradg.narod2.ru/history/check3.jpg Cама страница с плагинами …
0 votes0 answers -
на разных компьютерах разный результат
Добрый день! Я новичок в верстке. Дома сделала сайт, подогнала в PixelPerfect, принесла на работу - всё совершенно по-другому. Текст практически не совпадает, текстовые поля вдруг стали другого размера и перепрыгнули на другие строки (дома с картинкой совпадало поле size=32, а на работе уже 30). Подгоняла только под FireFox. В чем может быть причина, и что с этим делать? Размер экрана на работе больше. Может я на какую-то нету кнопочку в PixelPerfect нажала. Не помню какая версия Фаерфокса дома. Может быть, что это из-за того, что версии не совпадают? Кто-нибудь уже сталкивался с такой проблемой?
0 votes1 answer -
Слой второй колонки не учитывает отступ от слоя шапки
Здравствуйте, пару дней, как начал изучать HTML, возник такой вопрос: Простой шаблон страницы: шапка(1), левая колонка(2), правая колонка(3), подвал(4). Левая и правая колнки лежат в отдельном слое(5), т.к. собирался делать третью колонку справа. Для всех элементов задан margin: 5px. Левая колонка(2) отстоит от шапки(1) на 5px + 5px ее собственный отступ. Правая же колонка(3) игнорирует отступ от шапки(1), учитывает только свой, почему так происходит? Пробую сделать для правой колонки margin-top: 10px, но тогда на 10 пикселей отъезжает весь слой (5). Если убираю слой(5), margin-top: 10px корректирует проблему, но все равно непонятно, почему требуется эта корректировка. Ещ…
0 votes1 answer -
как сделать чтобы кнопка выделялась полностью?
как сделать чтобы кнопка выделялась полностью? http://jsfiddle.net/ferz/ZpsbC/embedded/result/ ???
0 votes2 answers -
Как реализованы исчезающие колонки в резиновом дизайне?
Подскажите, как реализованы исчезающие колонки на этом сайте? http://css-tricks.com/ Вроде исчезают при отключенном js, но не могу разобраться в коде...
0 votes1 answer -
Пробема с слайдером
Здравствуйте. Есть сайт - baklazhan.zz.mu, наблюдается проблема при перелистывании слайдеров. Нижний блок, который пустой почему-то заполняется фоновой картинкой с блока со слайером. Почему так и как решить? + если выставить блоку со слайдером высоту, то футер "поднимается" и стает сразу после этого блока! где я ошибся?
0 votes2 answers -
не получается задать абсолютные размеры картинки
Добрый день! проблема в следующем: не получается задать абсолютное значение для картинки, вставляемой в таблицу (html). то есть при изменении разрешения экрана картинка то сжимается, то вытягивается. сам размер ячейки на это не влияет, так как я пробовал его менять, или вообще не устанавливать - не помогает. также и другие ячейки не могут влиять, проверено. кто-то сталкивался с подобным? как же всё таки сделать так, чтобы картинка не менялась, всегда оставалась одинаковой на всех экранах?
0 votes3 answers -
проблема с last-child
Доброго времени суток. Объясните пожалуйста, что я делаю не так ? на http://jsfiddle.net/3j0z06ux/ рамка убирается как надо, но на сайте http://dev.wc.lt/ рамка присутствует
0 votes1 answer -
Бегущий title...
У меня вопрос...Понятия не имею,как сделать,чтобы вверху,где название сайта,например,как здесь "Форум HTMLBOOK.Ru.....",чтобы когда сворачиваешь браузер,внизу это название имело вид бегущей строки....Подскажите,а...
0 votes1 answer -
проблема в опере
исчез курсор в последней опере в текстовых полях таких как input[type=text] и textarea, текст при этом печатается и показывается. в мозилле все нормально пробовал css стилями менять по разному - не помогло, весь прикол также в том что во время загрузки все нормально, как только сайт до конца загрузится - появляется эта проблема. код приводить для примера думаю нет смысла но если надо могу часть <input type="text" style="color:#444" size="40" name="user" id="autor" value=""/> помогите если кто сталкивался с такой бедой.
0 votes1 answer -
Newbie's blog
Всем привет, решил подтянуть отстатки знаний полученных в школе/техникуме и взялся за HTML/CSS для начала=) Собственно мой метод обучения достаточно прост - прочитал(выучил), опробывал на практике. С самого начала не стал браться за макет, т.к. ожидал проблем в блочной вёрстке с которой я начну свой блог/тему начинающего верстальщика. И так, поехали . . . Начинаю с самого простого пожалуй вопроса, на который затруднился найти ответ: По какой причине, при использовании float:left(создание двух колоного макета+хедер и футер), в опере, колонка контента(правая) залазиет на сайдбар ? чтобы убедится в том что действительно залазиет скруглил уголки(заодно применил). P.S.: Все в…
0 votes3 answers -
Проблема с кириллическими шрифтами
Возникла проблема, адаптированные для кода текстовые редакторы (Htmlreader, PSpad) в окне редактирования отображают кириллический текст корректно, но при открытии готового html файла браузером шрифт не распознается выдает ?, при этом если скопировать содержимое окна редактирования PSpad или Htmlreader в блокнот и уже его сохранить как html то все отображается нормально. Что не так у меня с шрифтами?
0 votes2 answers -
Кроссбраузерность
Верстаю 1 шаблон столкнулся с парочкой проблем 1)Opere когда листаешь страницу в самый низ и обновляешь её становится отступ хотя в остальных браузерах всё нормально. 2)Как убрать верхний отступ ?а то в Opere он 3px а в Mozilla Firefox 5px и не могу выровнить блок Opera Mozilla Firefox
0 votes1 answer -
помогите с css меню
я напроч запутался в иерархии css вобщем есть у меня меню при навидении на блок меню выпадает подменю, так вот подменю должжно быть разной ширины для разных пунктов меню ссылка на пример http://jsfiddle.net/p6LHn/1/ вот код css /**Меню css**/ ul.ldd_menu { margin: 0px; padding: 0; display: block; height: 50px; background-color: #0051A1; list-style: none; font-family: "Trebuchet MS", sans-serif; border-top: 1px solid #3474C6; border-bottom: 1px solid #3474C6; border-left: 10px solid #0051A1; -moz-box-shadow: 0px 3px 4px #007BC2; -webkit-box-shadow: 0px 3px 4px #007BC2; -box-shadow: 0px 3px 4px #007BC2; } ul.ldd_menu…
0 votes2 answers -
Резиновый блок
Есть блок со стилем: .someClass { width: 100%; max-width: 300px; } Подскажите, пожалуйста, почему ширина блока становится равной 100% при указанном параметре max-width: 300px ? Забегая вперед, добавление float:left не помогает UPD: Вопрос решен. Тему можно закрывать.
0 votes0 answers -
Плавает меню
Потихоньку верстаю блог для себя и друзей, написал меню на html+css3 . Проблемма в том что когда я меню разворачиваю, оно немного "плавает" и сдвигается, уже долго сижу над этим багом ( http://31.148.5.55/ PS : Тестировать в хроме.
0 votes2 answers -
Элементы меню с треугольными краями
Добрый день! Подскажите, пожалуйста, как можно более гибко реализовать треугольники по краям элементов меню. Вот пример http://jsfiddle.net/Ewuvv/3/ . Можно ли как-то сделать так, чтобы они автоматически подгонялись по размерам(например при уменьшении/увеличении шрифта элементов меню)? И в чем причина отображения темной границы у треугольников в FF?
0 votes2 answers