HTML Coding

29542 questions in this forum

1. Проблема отображения блока в Firefox

   Здравствуйте, уважаемые форумчане) Помогите с небольшой проблемой. Криво отображается блок в Firefox. Хотя в Chrome все нормально. Хром Firefox Код CSS и HTML: .mail-delivery { box-sizing: border-box; float: right; width: 560px; max-height: 220px; padding: 6px; color: #5a5a5a; font-weight: 400px; border-radius: 16px; background: url("../img/message-pattern.png") #fff; } .message-wrapper { box-sizing: border-box; width: 549px; max-height: 208px; padding:5px 20px 5px 20px; background-color: #f8f7f4; border-radius: 15px; clear: both; } .message-wrapper p { box-sizing: border-box; margin-bottom: 35px; color: #5a5a5a; fo…

   Asked by b-ars07, November 3, 2016

   • css
   • firefox
   • html
   0 votes
   2 answers
2. Схлопнуть padding и убрать border-radius у подряд идущих inline

   Есть блок, внутри которого текст, размечаемый юзером. У тега <i> задан цвет фона, padding, background-color. Сказка кончается, когда юзер в сообщении делает, например, [ i ]та[ /i ][ i ]к[ /i ]. В итоге у нас слово, порванное посередине отступом и border-radius. Нормализовать код на стороне сервера нельзя, только css, только хардкор. Я изрядно поломал голову. Нужно, если у элемента <i> есть непосредственный сосед <i> - без любых нод между ними - соседу обрезать padding и border-radius слева, а элементу - справа. При помощи вспомогательного <span>, :first-of-type, :last-of-type и селектора-плюсика я нагородил что-то похожее на правду:…

   Asked by 7ion, December 6, 2017

   0 votes
   6 answers
3. Фиксированное меню

   Доброго времени суток. Столкнулся с такой проблемой. Создал меню, которое появляется при нажатии на кнопку. Меню является фиксированными и занимает всю ширину и высоту экрана. Проблема в том, что на какой части сайта бы я не находился, при нажатии на кнопку одновременно с открытием меню экран также возвращается на самую первую секцию, а не обходимо, чтобы меню отображалось на том же самом месте сайта, где пользователь его запустил. Не знаю, как лучше всего поделиться таким количеством кода, поэтому просто скину проект на GitHub. https://github.com/Okitonori/ActiveBox

   Asked by Okieazy, February 4, 2019

   • html
   • css
   0 votes
   2 answers
4. 2 отдельно прокручивающихся слоя

   Как реализовать такое?Т.е для этих 2х слоев должна быть своя полоса прокрутки. Извиняюсь,если ошибся разделом.

   Asked by gesandte, April 13, 2008

   0 votes
   3 answers
5. Распорка в IE6

   Код: <style> #left { float: left; width: 300px; height: 512px; background: transparent url('images/ear.png') no-repeat left top; } #right { margin-left: 300px; height: 512px; background: #FFFFFF; } </style> <div> </div id="left"> </div> <div id="right"> </div> </div> Суть проблемы: в IE6 между этими двумя div'ами идет распорка в 2-3 пиксела. Уже не в первый раз с этой проблемой встречаюсь, не могу понять, в чем дело. Параметры border, padding, margin у всех div'ов проставлены в 0. Хотелось бы понять, в чем ошибка, а не применять кривые методы исправления. Заранее спасибо за ответ.

   Asked by my-name-is-Max, May 5, 2008

   0 votes
   1 answer
6. Проблема с версткой div'ов

   Всем доброго времени суток. У меня возникла проблема при верстке сайта: Сайт построен следующим образом: Таблица с тремя колонками, боковые по 200 пикселей и центральная занимает оставшееся пространство. В каждую колонку включен div, в котором идент настройка всех отступов, шрифтов и тому подобного. В первой колонке находится меню, в центральной основной текст, ну а в третьей всякая дополнительная информация. Проблема заключается в следующем: в центральной колонке обычно находится много теста и мне нужно сделать так, чтобы боковые колонки по высоте подстраивались под нее, как в таблицах. А если она по высоте меньше боковых колонок, то чтобы она подстраивалась под них. К…

   Asked by aPioz, March 30, 2009

   0 votes
   8 answers
7. и снова ие6 палки в колеса вставляет

   проблема вот в этом коде... идея такая чтоб логотип смещался и менял размеры в зависимости от размера окна браузера #logo { position:absolute; z-index:10; top:4%; left:17%; width:20%; background:transparent; } что нужно добавить чтоб ие6 понял left:17%; width:20%; top:4%; с остальными браузерами все замечательно... помогите пожалуйста

   Asked by dvs, September 15, 2009

   0 votes
   3 answers
8. в качестве основной картинки положить фото?

   Хочу в качестве основной картинки (фон) положить фото, при чем мне нужно, что бы это фото при открытии сайта в браузере отображалось целиком без белых полос фона или каких либо полос прокрутки. То есть без прокрутки – везде только это фото. И как задать этой фото резиновость что бы она растягивалась на весь экран на любом экране. Хочу уточнить ПРИ БЛОЧНОЙ ВЕРСТКЕ. Я задала звездочке * { margin: 0px; padding: 0px; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} Вроде пока отображается на весь экран, но экраны то у всех разные, и мне нужно что бы на любом экране отображалось на весь экран. Стоит …

   Asked by Elna, May 2, 2010

   0 votes
   5 answers
9. меню

   Извиняюсь за наглость, но не могли бы подсказать как сделать что то подобное??

   Asked by piy_piy, August 9, 2010

   0 votes
   6 answers
10. Действия над img в div'е

    Добрый день. Есть страница с дивами в них картинки, ниже картинок идет описание. Картинки добавляют пользователи, следовательно размер их не известен. Необходимо размещать картинки так, чтобы они были по центру блока. Маленькие картинки я центрую с помощью задания для блока правил: display:table-cell; vertical-align:middle; text-align:center; width:100px; height:100px; Большие врезаются в блок с помощью задания ширины(100px) для картинки и высоты блока(100px + overflow:hiddden). Так как стоит ширина картинки, то маленькая картинка растягивается на всю ширину, а если убрать ограничение по ширине, то большая картинка растянется на свою ширину. Как сделать чтоб и большие, и …

    Asked by savinzeek, June 22, 2011

    0 votes
    13 answers
11. Резиновая верстка работает, но почему?

    Друзья, всем добрый день! Я полный новичок. Взял первый для себя макет и решил реализовать резиновую верстку. 3 колонки: левая фиксированная (width: 300px), центральная и правая резиновая. При этом центральная и правая делит пространство оставшееся от левой колонки между собой в отношении 70% (центр) на 30% (правый). Вчера бился полдня, облазил весь гугл, нашел несколько решений, но они у меня почему-то не работали. Сегодня с утра потыкал самостоятельно и получилось реализовать. Вот код html: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="wrapper"> <div class="left-sidebar"&g…

    Asked by Ota, March 2, 2016

    • резиновая верстка
    0 votes
    4 answers
12. Css свойства нескольких блоков

    Прошу прощения за, может быть, глупый вопрос: https://jsfiddle.net/Ser8191/h86vtx6h/ Имеется три блока с одинаковыми свойствами,разное лишь: margin: 10px 0 0 10px; background-image:url(prib1.jpg); Как сделать так, чтобы один раз прописать: width:35px;height:50px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; position: absolute; для всех блоков https://jsfiddle.net/Ser8191/d0g7kr5e/ Так будет правильно?

    Asked by Ser8191, May 30, 2017

    0 votes
    3 answers
13. window.close и брандмауэр

    Доброго времени суток! Люди добрые, спамажите :-) начинающему) перелопатил поиском все что можно, здесь и в поисковиках, и что не можно тоже, но решения проблемы не нашел: итак, использование Закрить окно или Закрыть окно или ЗАКРЫТЬ приводит к и блокировке самой функции закрытия окна, пока этому чуду-антивру не скажешь 50 раз "можно!" суть проблемы: забота о посетителе в первую очередь, т.е. вот эти вот фокусы брандмаэра имо просто отталкивают и пугают людей. Есть ли решение этого "танца с бубном" или просто забыть и забить на это в пользу [X] в правом верхнем углу? Заранее признателен, Волк.

    Asked by X-Wolf, November 4, 2007

    0 votes
    2 answers
14. С чего начать?

    1.С чего начать делать сайт?Какой должен быть каркас сайта?Разобрался в html,css,чуть-чуть Java-script .Выучил эти теги и как дальше?Нужна подобная информация "сайтостроения" 2.Как зарегистрировать сам этот сайт?Где подробно почитать! p.s Google не предлагать

    Asked by RANCID, January 2, 2009

    0 votes
    4 answers
15. Создания страници

    Помогите создать страницу по хоккею к моему сайту http://www.cool-sait.at.ua

    Asked by OlegKKK, January 18, 2009

    0 votes
    3 answers
16. Где можно скачать css-меню

    Помогите!... Люди добрые.. и не очень =) Не могу найти меню для сайта Кто видел что то подобное дайте ссылку где смотреть пример, или сайт с коллекцией горизонтального меню... Плииизз.. Нужно чтоб при наведении на основную ссылку под ней появлялось подменю... Один сайт знаю хороший (http://www.cssplay.co.uk/), там всегда их брал, но чёт не на этот раз, не нашел ничего подобного Вот как оно выглядит:

    Asked by antonP, May 25, 2009

    0 votes
    5 answers
17. Помогите пройти валидацию

    Не могу допетрить, что валидатору не нравится( XHTML 1.0 Strict Валидатор пишет: Error Line 139, Column 114: document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag …e="border: 1px solid #cccccc; background-color: #ffffff;" size="26" value="" /> строка: <input type="text" name="name" style="border: 1px solid #cccccc; background-color: #ffffff;" size="26" value="" />

    Asked by Un1x, September 18, 2011

    0 votes
    6 answers
18. Проблемы со стилями

    Здравствуйте. Занимаюсь созданием майл рассылки для подписчиков и столкнулся с такой проблемой (пока проверял только на mail.ru и yandex.ru почтах): письмо-рассылка представляет собой сгенерированую страницу с графикой и текстом. Возникла такая ситуация: -при просмотре, допустим на mail.ru, не цепляется css-файл. -не цепляется оформление если цеплять его через атрибут class (решается установкой атрибута id, но только для mail.ru. На yandex.ru приходится у элемента указывать атрибут style) -на yandex.ru происходит следующее: если у элемента было указано свойство background: url(абсолютный адрес изображения), то yandex.ru похоже пытается его закачать себе и добавляет к моем…

    Asked by sviloga, November 21, 2011

    0 votes
    3 answers
19. Летит фигура на картинке

    .vid_mat { width: 228px; border: 1.3px solid #d0d0d0; background: #ececec; padding-bottom: 2px; padding-left: 6px; padding-right: 0; padding-top: 3.7px; display: inline-block; } .vid_name { padding-left: 0.9px; padding-top: 3px; } a.vid_name { text-shadow: #ffffff 0 1px 0; color: #127ad0; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-transform: uppercase; text-decoration: none; } a.vid_name:hover { text-decoration: underline } .vid_prew { width: 222px; height: 138px; position: relative; padding: 1.4px 0 0 0; } .vid_time { background: #000; border-top-right-radius: 2px; border-bottom-right-radius: 2px; height: 12px; width: 34px; position: abs…

    Asked by Samsonoff, July 19, 2013

    0 votes
    13 answers
20. Как работает "background-size"?

    Почему когда я вставляю фон в CSS через свойство background- size и прописываю значения cover у меня картинка обрезается, такого вроде не было. приходится прописывать значение contain, но обхватывает не весь контейнер/страницу

    Asked by kabdibereke, September 28, 2021

    0 votes
    1 answer
21. Вопрос по размеру текста в комбо-боксах

    Вот что написано здесь Вопрос: какой размер текста браузер установит в этом случае для комбо-боксов ('select")? Практически я наблюдал, что размер довольно крупный.

    Asked by Борис Бердичевский, January 28, 2008

    0 votes
    3 answers
22. Как сделать "внешне-внуреннюю" ссылку?

    у меня в документе есть список сверху страницы , Я хочу с другой страницы сделать ссылки не на всю страницу, с попаданием на е? начало, а на е? соответствующие "куски". Подскажите п-ста как? Заране всем спасибо!!

    Asked by lena vereschagina, February 29, 2008

    0 votes
    2 answers
23. Цвет текста в заблокированной кнопке.

    Есть копка отправки формы, input=submit. В стиле кнопки прописан цвет текста: color: black; Если кнопку заблокировать - поставить параметр disabled, то цвет кнопки станет серым. Но это только в IE. В FF остаётся чёрным. Как сделать, чтобы при блокировке кнопки, цвет текста становился серым и в FF и в др. браузерах?

    Asked by Flake, October 12, 2008

    0 votes
    1 answer
24. Ссылка

    http://www.cosmocard.ru/ Как можно сделать такие ссылки без попиксельного подбирания? Допустим карта космополитан или журнал, т.е. ссылка идёт по краю картинки, а картинка наклонена.

    Asked by sm0k, December 19, 2008

    0 votes
    5 answers
25. слой выезжает и контейнера

    Дбрый день подскажите есть слой контейнер с позицией релатив, есть хедер <div id ="есть слой для расположения следующих блоков"> <div id = "есть слой левый с позицией абсолютной"></div <div id= "есть слой правый с позицией релативной"</div> </div> <div id="conteiner"> <div id="header"></div> <div id="conn"> <div id="left"></div> <div id="right"></div> </div>/*conn*/ </div>/*conteiner*/ < теперь проблема на нескольких страниц левый блок больше правого и суть в том что этот левый блок с позицией абсолют не растягивает(по высоте) блок контейнера а получается выезжает за его приде…

    Asked by tolyan, February 2, 2009

    0 votes
    4 answers