HTML Coding

29542 questions in this forum

1. нет фона

   у стиля middle задан фон background: #988780; Но почему то, если не переменить стиль #middle:after фон не отображается. Я понимаю что стиль #middle:after растягивает #middle на всю высоту текста, но разве #middle не должен сам растягиваться без помощи #middle:after? Заранее спасибо. Просто сам могу на этот вопрос угрохать ни один день. CSS: #wrapper { width: 100%; min-width: 1000px; } /* Header —————————————*/ #header { height: 150px; background: #FFE680; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; height: 100%; position: relative; background: #988780; } /*#middle:afte…

   Asked by dmr, March 3, 2012

   0 votes
   2 answers
2. Масштабирование фонового изображения

   Господа, добрый день! Нуждаюсь в вашей помощи. Мне необходимо было сверстать сайт, где фоном является большое изображение + "полоски" над и под изображением. Дело усложняется тем, что при загрузке страницы фоновым изображением является рандомная картинка, подгружаемая через php-скрипт (все изображения лежат в одной папке). Как сделать так, чтобы подгружаемые изображения масштабировались в рамках резиновой верстки? Потому что на данный момент изображение масштабируется с неправильной высотой из-за чего фон выглядит крайне неприлично. хтмл <div class="fon"> <table> <tr> <td height="98" background="#ffffff" >1</td> </tr> <tr> <td…

   Asked by parse, June 3, 2012

   0 votes
   1 answer
3. Кастомизированная кнопка с текстом

   Нашёл на сайте Эврики (kontur-evrika.ru) интересный вариант создания текстовых кнопок с динамическим бекграундом с использованием тега <ins>. Решил взять этот метод на вооружение и применить в своём макете. HTML-код: CSS-код: И всё бы хорошо, но в последней версии оперы правый край сдвигается влево. Включаю border для блока ins и вижу, что распределён он не по 50%. Можно подправить тег width:50% (в .button ins), но тогда другие браузеры "обидятся". Что можно подкрутить, чтобы всё ровно было? В FF: В Opera: Файл active-types-bg.png : P.S. Всякие "трюки", типа создание отдельного файла со стилями "opera/css" или "text/opera" не помогают P.P.S У эврики в опере всё…

   Asked by ciwl, July 15, 2012

   0 votes
   1 answer
4. ищу скрипт выпадающего меню

   посоветуйте пожалуйста js-скрипт выпадающего по наведению горизонтального меню, вложенные пункты которого открываются в направлении свободного пространства экрана

   Asked by cyklop77, January 23, 2013

   0 votes
   1 answer
5. С помощью чего добиваются того, что страница не обновляется?

   То есть при переключении скажем по ссылке контент меняется, но не видно обновления страницы. Если страница была прокручена чуть вниз - страница не начинается с самой вершины, а остается на том же месте. Очень интересно, что для этого используется.

   Asked by GuitarFan, June 6, 2013

   0 votes
   1 answer
6. Проблемы с width:0;

   Подскажите пожалуйста есть вот такая вот форма с анимацией по нажатию. Проблема в том что когда форма закрывается, остается небольшое ее пространство справа. Как его можно убрать?

   Asked by Igoreshra, January 26, 2014

   0 votes
   4 answers
7. I need help

   Мне нужна помощь, есть блок с постерами фильмов, сверху есть кнопки отвечающие за вид блока, вопрос в том, какой нужно скрипт для переключения вид Например, чтобы блок с первым видом исчез, а второй появился http://cs425331.vk.me/v425331727/99b5/d_k2XjJRoz0.jpg

   Asked by Ghost86421, March 9, 2014

   0 votes
   2 answers
8. Расположение элементов

   Пытаюсь вот эти кнопочки сделать по макету, на картинках показано как при увеличении сдвигается нижний блок влево,а при уменьшении лепятся друг под друга. Как лучше решить эту проблему? Код у меня такой: https://jsfiddle.net/qcwh4L69/ Надеюсь нормально выложил.

   Asked by instant, June 25, 2017

   0 votes
   0 answers
9. Как расставить ссылки равномерно.

   Учусь делать шапку. Так вот,одна проблема мне не даёт покоя,где я только не искал : Файлы Хочу чтоб 3 ссылки в блоке располагались равномерно.Я уже и дивы и спаны и списки пробовал,и всякие команды типа дисплей,текст-аллайн и тп Но получается только или в середине кучкой,или слева.

   Asked by tatunserg, July 3, 2017

   0 votes
   2 answers
10. Про margin

    © margin Объясните пожалуйста, что это значит (схлопывание)?

    Asked by Rustick, July 9, 2011

    0 votes
    1 answer
11. Абсолютное позиционирование

    Добрый день, относительно чего происходит абсолютное позиционирование - относительно окна браузера (как написано здесь - http://htmlbook.ru/samlayout/blochnaya-verstka/pozitsionirovanie-elementov ) или родительского элемента? Судя по экспериментам - второе... доп вопрос - по какому учебнику / ресурсу лучше учить html + css?

    Asked by fedotxxl, December 5, 2011

    0 votes
    1 answer
12. Как подправить баг в IE6

    Верстаю сайт. Во всех браузерах всё выглядит нормально, но в IE6 есть два непонятных бага в отображении некоторых элементов. Полагаю, что эти баги имеют очень схожие корни. Хотелось бы обеспечить идеальную красоту макета во всех браузерах, поэтому хочу избавиться от этого. Прилагаю макет (пока ещё окончательно не свёрстан, поэтому правая колонка и другие элементы могут выглядеть некрасиво, но не в них сейчас дело). макет для скачивания На первом скриншоте показана часть страницы main.html и непонятное смещение дива, который отображает скруглённые углы. Сами скруглённые углы сделаны фоновыми рисунками. Что самое интересное, что ниже правой колонки такого смещения дива уже …

    Asked by indysiteru, January 20, 2012

    0 votes
    1 answer
13. меню на css

    код ответсвенный за меню находиться в низу после коментраий Почему меню криво работает, и как это исправить?

    Asked by ferz721, March 18, 2012

    0 votes
    3 answers
14. height 100% у контента

    Доброе время суток. Извиняюсь, если пишу не туда или же вообще промахнулся форумом. Верстаю изредка, столкнулся со следующей проблемой. Имеем примитивный макет сайта - посмотреть можно здесь : http://jzap.com.ua/tmp/test.html (css - http://jzap.com.ua/tmp/test.css ). Как видно, блоку content и white даны height: 100%; однако при этом высота content, судя по всему, суммируется с высотой header и сам блок улетает вниз, появляется скроллинг. Путем добавления распорки для удержания футера добился результата : http://jzap.com.ua/tmp/test2.html (css- http://jzap.com.ua/tmp/test2.css), однако там свободное место заполняется содержимым wrap, а мне необходимо продолжение блоков …

    Asked by jvj, August 1, 2012

    0 votes
    2 answers
15. Проблема в меню

    Здравствуйте, прошу вас помощи. Мне один человек сделал шаблон, но кое-что, видимо, не учёл. <a href="/" class="a_box"><div class="linkbox"> Главная страница</div></a> код ссылки в меню div.linkbox {width: 182px;padding: 0px;padding-top: 4px;padding-bottom: 4px;border-top: 1px solid #3C3C3C;border-bottom: 1px solid #171717;text-align:left;font-size: 8pt;} div.linkbox:hover {width: 182px;padding: 0px;padding-top: 4px;padding-bottom: 4px;border-top: 1px solid #3C3C3C;border-bottom: 1px solid #171717;background: url("../img/block/linkbox_hover.png");background-repeat: repeat-y;text-align:center;} .boxfoot {padding: 0px;width:212px;height:15px;backgr…

    Asked by neyronpro, August 24, 2012

    0 votes
    3 answers
16. Пытался сам - не получилось. Помогите.

    Пробую реализовать вот такой стиль в сайдбаре последних записей.Блог делаю на WP Как видите, текст не попадает в блок. Где ошибка и как будет правильно? Код вывода записей. <div id="news_post"> <h2>-Новые записи-</h2> <?php query_posts('showposts=5'); ?> <?php while (have_posts()) : the_post(); ?> <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><div id="box-news"><?php the_post_thumbnail( array(100,100) );?><?php the_title(); ?><?php the_excerpt_max_charlength(150); ?></div></a> <?php endwhile; ?> </div> CSS #box-news{ width: 304px; height: 10…

    Asked by Mihail1981, October 29, 2012

    0 votes
    3 answers
17. Стыки.

    http://codepen.io/nebovluje/full/hekAE Работает в опере и огнелисе. Как в опере убрать белые стыки?

    Asked by nebovluje, March 20, 2013

    0 votes
    1 answer
18. Проблема с адаптивным дизайном

    Столкнулся с проблемой адаптивной верстки. Чтобы обьяснить проблему я сделал простой шаблон, для примера http://jsfiddle.net/Vk9qm/1/embedded/result/ Дело в том, что на мобильных устройствах цитата вылазит(то ли из-за увеличения межстрочных или межбуквенных интервалов то ли из-за изменения размера шрифта? http://cssdeck.com/labs/0faolp8r ) за приделы родительского блока.При изменении размеров шрифта на мобильном смотрится хорошо , а на экране монитора не очень, если поместить цитату в резиновый блок портиться композиция,тем более если после цитаты я хочу поместить небольшое изображение. Подскажите как мне добиться сохранения композиции и сделать так чтобы страница см…

    Asked by DD_man, February 20, 2014

    0 votes
    1 answer
19. "Помехи" на бегущей строке-картинке

    Здравствуйте, ребята. Подскажите, почему выходят помехи на бегущей строке. Проблема именно в Интернет Эксплорер, в других браузерах все нормально. Скрин прилагаю. Буду рад любой подсказке. Спасибо.

    Asked by surlan, August 19, 2016

    0 votes
    0 answers
20. Пустота между дивами

    Всем привет. Такая вот проблема, при включении в код трех DIV-ов (составляющих логотип) - появляется дикий отступ под логотипом. Уже перепробовал что только можно. Хеееелп Для удобства выложил сюда все включая картинки http://boatsrepair.us/Desktop/index.html вопрос не только в том что бы пофиксить этот глюк, но и понять откуда он ... style.css index.html

    Asked by burgman, January 19, 2017

    0 votes
    1 answer
21. разница отступа меньше пикселя

    Доброго времени суток. Возникла следующая проблема. Есть 2 блока с позицией absolute, во втором блоке располагается меню. Между их высотой получилась разница меньше пикселя, если ставлю высоту первого блока на пиксель больше разница ещё больше становится, если на пиксель меньше, то ещё меньше. Не могу выровнять, чтобы было одинаково. При этом первый блок при загрузке страницы поднимается с помощью JS. Код прилагаю. HTML код блоков: <div id="active-punkt"></div> <div id='second-menu'></div> CSS код блоков: #active-punkt { position: absolute; margin-left: 1px; padding: 0 5px; z-index: 10; font-size: 10px; width: 53px; co…

    Asked by JhonyLe, January 7, 2012

    0 votes
    3 answers
22. элементы списка LI по левому краю в IE

    вот такая проблемма.. нужно выровнять список по левому краю.. в файрфокс всё отлично, а в ИЕ - КАК ВСЕГДА!! код : <html> <HEAD> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <style type="text/css"> @charset "utf-8"; /* RIGHTMENU */ #rightmenu { float:right; width:180px; border:1px solid #cfcfcf; background-image:url(../img/bgb1-2.gif); background-repeat:repeat-x; background-color:f5f5f5; padding-top:20px; margin:0px; text-align:left; } #rightmenu ul{ padding:0; margin-left:10pxl; } #rightmenu li{ list-…

    Asked by up2sky, July 18, 2012

    0 votes
    2 answers
23. Фотоальбом в первом сайте

    Всем привет! Только начал изучать html/css очень нравится Пытаюсь сделать свой первый сайт, поэтому я начинающий и спрашиваю опытных) Товарищи подскажите, сделал страничку и хочу чтобы был фотоальбом с пролистыванием, или просто картинки лежали а при нажатии они увеличивались, подскажите новичку как это сделать, буду очень признателен

    Asked by Garikvoloshin, August 29, 2012

    0 votes
    2 answers
24. Background в ссылках

    Доброго всем дня. Помогите изменить фон в следующем коде: <div> <a href="#"> <img src="#" width="150" height="150" /> </a> </div> У меня в цикле выводятся картинки размером 150 Х 150. Но если картинка не такая квадратная, например прямоугольная, т.е. ее пропорциональная длина или высота не соответствует заданным 150 Х 150, то в оставшейся части идет черная заливка. Вот ее-то я и хочу закрасить в белую. Внизу, по центру, доп.фото: картинка Уже по всякому пробовал и с бекграундами в стилях, и в дивах и в ссылках, но что-то не получается.

    Asked by rapsik, September 3, 2012

    0 votes
    2 answers
25. Как поменять высоту блока?

    Всем привет! Я никак не могу поменять высоту одного из блоков в шаблоне. Предполагаемое меню 50рх, а высота блока 90рх. Инструменты разработчика не показывают, в каком из множества файлов шаблона это меняется... Помогите, пожалуйста, уже глаза на лоб лезут. Вот скриншот Спасибо!

    Asked by filinakat, October 23, 2012

    0 votes
    4 answers