HTML Coding

29542 questions in this forum

1. Убрать ширину элемента с float

   Здравствуйте. Есть элемент списка (Li) с фиксированной шириной (скажем width:100px). При изменении размера окна браузера через медиа-запрос в стилях этот элемент становится плавающим (скажем float:left). Требуется чтобы он имел ширину по своему контенту, но он сохраняет ширину в 100px У свойства width нет значений, с помощью которых можно было бы сбросить унаследованное. Или я что-то не понимаю? Это можно как-то решить без скрипта? Что-то я затупил.. width:auto и делов-то сорри

   Asked by toman, March 24, 2014

   0 votes
   0 answers
2. Как это сделать

   С подобным макетом столкнулся впервые. вот он: http://s019.radikal.ru/i616/1405/94/5fa98a3e7b04.jpg меня интересует первый блок я так понял это слайдер такой. как сделать такое скругление в правом нижнем угле? картинкой не получится вставить, так как это слайдер и картинка огромного размера. подскажите как сделать это?

   Asked by WEB-best, May 9, 2014

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

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

   Asked by burgman, January 19, 2017

   0 votes
   1 answer
4. Как расставить ссылки равномерно.

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

   Asked by tatunserg, July 3, 2017

   0 votes
   2 answers
5. Когда не надо указывать overflow

   У меня у блока есть чётка ширина. Высота меняется от контента. В стилях стоит word-wrap: break-word;. В этом случае ведь не надо узкаывать свойство overflow. Оно никогдла не понадобится? Я прав?

   Asked by new01, August 3, 2011

   0 votes
   1 answer
6. Font-Face...

   Здравствуйте... При подключении нестандартных шрифтов столкнулся с трудностью... Не могу понять что я упуcтил из виду? Вроде всё сделал на первый взгляд правильно - но почему то это не срабатывает... (делал это и раньше - но всего пару раз... Видимо с того времени забыл какие то моменты...) P.S. Ccылку на работу и скрин с указанием где находятся нестандартные шрифты - прикладываю... http://yamaradg.narod2.ru/history/SHRIFTS/index.html http://yamaradg.narod2.ru/history/nsh.jpg Буду благодарен за любую помощь в решении проблемы...

   Asked by Yamaradg, January 25, 2012

   0 votes
   1 answer
7. Помогите, с меню

   Здравствуйте, Собсна имеем вот-такой CSS-код: a.header_banner_button{background:#00F;width:230px;height:40px;margin-left:500px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;} a.header_banner_button:hover{background:#36F;} .header_banner_link{text-decoration:none;color:#FFF;font-size:14px;margin-top:10px;display:inline-block; margin-left:20px} a.header_banner_button1{background:#00F;width:230px;height:40px;margin-left:100px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;} a.header_banner_button1:hover{background:#36F;} И вот такой HTML-код: <div class="header_banner"><a class="header_banner_button" href="#"><sp…

   Asked by camperofcamper, January 31, 2012

   0 votes
   2 answers
8. нет фона

   у стиля 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
9. Масштабирование фонового изображения

   Господа, добрый день! Нуждаюсь в вашей помощи. Мне необходимо было сверстать сайт, где фоном является большое изображение + "полоски" над и под изображением. Дело усложняется тем, что при загрузке страницы фоновым изображением является рандомная картинка, подгружаемая через 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
10. Кастомизированная кнопка с текстом

    Нашёл на сайте Эврики (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
11. ищу скрипт выпадающего меню

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

    Asked by cyklop77, January 23, 2013

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

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

    Asked by GuitarFan, June 6, 2013

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

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

    Asked by Igoreshra, January 26, 2014

    0 votes
    4 answers
14. Проблема с адаптивным дизайном

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

    Asked by DD_man, February 20, 2014

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

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

    Asked by surlan, August 19, 2016

    0 votes
    0 answers
16. Про margin

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

    Asked by Rustick, July 9, 2011

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

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

    Asked by indysiteru, January 20, 2012

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

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

    Asked by ferz721, March 18, 2012

    0 votes
    3 answers
19. 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
20. Проблема в меню

    Здравствуйте, прошу вас помощи. Мне один человек сделал шаблон, но кое-что, видимо, не учёл. <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
21. Выравнивание inline-block по левому краю внутри inline

    Всем доброго времени суток! Пытаюсь выровнять блоки inline-block по центру страницы и по левому края относительно центра, но не могу придумать простую логичную схему. Буду признателен за помощь. http://jsfiddle.net/rm1vb854/ Из примера мы видим что: wrapper центрирует блоки custom относительно container. Но я бы хотел блоки custom выровнять по левому краю относительно wrapper и в тоже время wrapper центровать относительно container. Причем container и wrapper имеют динамическую ширину где wrapper растягивается на ширину влезаемых в одну строку блоков custom.

    Asked by Aeooe, October 26, 2014

    0 votes
    1 answer
22. Выпадающее меню западает

    Ребятки,помогите в верстке,есть сайт на Wordpress. Проблема в том что выпадающее меню западает за экран. Вот сайт: http://chobd.esy.es/ Вот скрин:

    Asked by vitaxastifler, September 9, 2015

    0 votes
    0 answers
23. Внезапная проблема с выпадающим меню в ИЕ

    Добрый день всем! Подскажите, плиз, в чем проблема. На сайте есть выпадающее меню, сделанное при помощи pureCSSmenu. Оно корректно работает во всех браузерах в составе имеющегося сайта. Потребовалось сделать отдельную страницу с тем же меню. Была использована та же css и тот же html. - работает везде, кроме ИЕ. "Ниччего не понимаю!" (с) Для примера меню выделено в отдельную страницу - проблема та же, работает везде, кроме ИЕ. http://forestforum.ru/tmp/new-fires/test.html Помогите, пожалуйста. Спасибо

    Asked by flider, March 9, 2017

    0 votes
    0 answers
24. Меню с использованием слоёв

    Здравствуйте, меня интересует как реализуется меню с закладками как на странице htmlbook(Описание, примеры и т.д.). Не могли ьы дать ссылку с обучением.

    Asked by Pavel86, February 9, 2009

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

    Доброго времени суток. Возникла следующая проблема. Есть 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