orange_juice

3. без разницы, до того момента, как понадобится реализовать полупрозрачность - в таком случае RGB будет удобней из-за доп. параметра opacity в синтаксисе самого цвета.

ну как бы самому нарисовать

Первый раз встречаю такие элементы)), мне как новичку наверно будет проще с явой разобраться, поскольку примеров много и людей разбирающихся)). вам, как новичку, лучше бы сперва разобраться как раз в способах через html+css, а уже js подождёт. а то может получиться так, что и в хтмл, и в js реализации не разберетесь

добавьте min-width: сколько-ввам-нужно px, не будет сьезжать.

спасибо, сработало

Вечер добрый При вёрстке возник такой вопрос - есть footer прилепленный к низу, и вот этот футер, при изменении масштаба в большую сторону, в тот момент, когда появляется горизонтальная полоса прокрутки - обрезается видимой областью монитора. то есть, он как-бы всегда занимает 100% ширины, но когда появляется прокрутка - то справа обрезается кусок фона футера. контент на том месте есть, а вот фон- обрезается шириной экрана. кусок из css footer,.push {height: 100px;} footer {background:#7e7e7e; width:100%; color:#dbdbdb; font-family:'Tahoma', sans-serif; font-size:9pt;}собсн сама страница: https://googledrive.com/host/0B4fl96t3IgZddU55QWtjYl9QNUE/homepage.html есть ли решение этой проблемы?

http://htmlbook.ru/content/izobrazhenie-v-kachestve-ssylki ну и плюс position:fixed для блока

<input id="odin2" type="number" value="1" oninput="changeText()"> вот срока со вторым полем ввода, в ней идентификатор odin2, который в скрипте почему-то не встречается. не слишком силён в js, но попробуйте убрать её. попытка не пытка

лол два треугольника через :before, :after добавить)

здесь всплывает проблема с тем, что картинка, по сути, позиционирована относительно всего общего блока header, который всегда занимает 100% ширины, а тот блок с адресом сайта и соседний с ним светло-синий блок - имеют фиксированную ширину. вот потому картинка и ездит, потому-что позиционирована относительно не того элемента, что нужно. если уже собираетесь всё-таки крепить картинку просто div-ом, то оберните вашу надпись и синий блок ещё одним контейнером, и туда же внутрь добавляйте картинку, позиционируя её относительно уже внутреннего блока по правому краю, и задав этому внутреннему блоку фиксированную ширину. хотя имхо - проще последовать совету автора выше, обработать картинку в редакторе и прицепить к синему блоку.

не всё так просто как хотелось бы) на htmlbook.ru в описании свойств зачастую есть информация про поддержку свойств разными браузерами, или же инфа типа "Firefox после версии ХХ.Х поддерживает нестандартное свойство -moz-...". Сейчас конечно получше с поддержкой, но свойств - куча, и часто приходится поломать голову над реализацией. пробуйте разные методы.

если у вас есть необходимое изображение, проще всего будет обрезать его немного в Photoshop, и просто прикрепить через ::after к вашему header или лучше к тому синеватому блоку, после которого он должен быть расположен. насчёт ::after - очень удобная штука, часто пользуюсь. к примеру, есть блок <div class="parent"></div>/*css*/.parent::after {content: ''; position:absolute; height:20px; width:20px; background:black; right:-10px; top:15px;}в результате к нашему блоку добавится контент, в примере - пустой, т.к. в скобках в св-ве content - пусто(можно добавлять текст, цитату, и ещё что-то, не помню). контент шириной 20 на 20рх с черным фоном, которому мы задаём произвольную позицию, через position, right и top в примере. так же можно спокойно добавить к нужному блоку ваше изображение. преимущество в том, что генерируется контент, которого изначально в html нет. касательно z-index, пробуйте использовать значение "-1", тогда блок доллжен уйти вниз, т.к. z-index по умолчанию равен 0, также для самых верхних пробуйте брать числа побольше. и да, z-index применится только в случае, если элемент позиционирован, то есть задано свойство position, отличное от static.

ваши две ленты должны заползти как бы под эту горизонтальную линию - сделайте чтобы эта линия не была просто линией (через <hr> ), а была нижней границей блока, на котором находится ваш светло-голубой блок и надпись. ну а потом уже добавить через псевдоэлемент ::after эти две ленточки, указав им z-index:-1; ИМХО должно сработать

я вчера только зарегился, для новичков есть)

решение нашел сам, пока тема на модерации была, можно крыть

суть такова - учусь вёрстке, верстаю макет - есть шапка, горизонтальное меню, меню слева, основной контент справа, ну и собсн футер приклеен к низу экрана. меню сворачивается-разворачивается при нажатии на ппункт посредством jscript. структура страницы: <body><div class="wrapper"> <div class="content"> <header/><hormenu/><aboutus/> <div class="leftmenu">менюшка на js</div> <div class="rightcontent">контент справа</div> </div><div class="push"></div><div> //конец wrapper<footer></footer>проблема в том, что при раскрывании/сворачивании менюшки контент справа ездит вместе с меню вниз/вверх, но корректно взаимодействует с футером - не залазит поверх и т.д. если же ставить контенту справа position:absolute, то очевидно, что контент плюет на футер и залазит поверх него. css контента справа и менюшки: .rightcontent {position:relative; margin:-452px 0 0 280px; max-width:680px; /*основной контент страницы*/ font-family:Tahoma; font-size:12pt; outline:1px solid rgba(170,167,167,1.00);}.leftmenu {padding:30px 0;}.content {position:relative; width:960px; margin:20px auto; /*border:1px solid rgba(177,175,175,1.00);*/}буду признателен если услышу дельные советы