Arhidiablo

Картинкой пнг сделай шириной в 1 пиксель и повторением по горизонту, думаю самый оптимальный вариант предложили т.к. там работает там нет + кода много ради небольшого нюанса.

Можно ссылку на такой материал (чтобы народ знал своих антигероев)? На htmlbook.ru написано корректно: button - функционально почти полный аналог кнопке input, лишь позволяет использовать разметку внутри кнопки. А ссылка и так перекидывает куда нужно при нажатии, никаких дополнительных интерактивных элементов внутри ее не нужно (более того, нельзя - иначе у браузера может возникнуть когнитивный диссонанс). Так ссылка получается не в нутри а снаружи объекта кнопки! а на той страничке я был там простые пустышки тобиш анимация проходит, а кнопка никуда не ведет =) вот вопрос как заставить при нажатии на объект кнопку отправить на др стр? я так понял, что правильно отправлять следует через форму?! (я чет запутался) Материал если я не ошибаюсь по попову

мм когда я читал материал по хтмлу понял, что button по сути своей является пустышкой по сравнению с кнопкой <input> - которая больше подходит для формы. По этому, в тег ссылки вставляю тег кнопки и при нажатии перекидывает куда нужно =) Если неправильно делаю буду рад почитать материал!! Посоветуйте! К примеру я сегодня серчил яндекс и гугл по своему вопросу и нигде про аутлайн не говорилось, хотя я сам придерживаюсь мнения, что если не нашел значит плохо искал. Всем в этой теме пожизненный респект, буду знать про outline !!!

Я в этом деле нуб но попробуй вот так: http://jsfiddle.net/Arhidiablo/E7P4R/2/

Доброго времени суток, столкнулся с такой проблемой, создал кнопку, задал ей следующие параметры: .menu button:hover { background:#86C129; color:#FFFFFF;}.menu button:active { background:#901D79;}.menu button:focus { border:none;}Однако основная проблема, что после нажатия на кнопку появляется контур и пока не клацну мышкой в любом месте не исчезает, перебрал псевдоклассы не могу понять к чему относится этот контур. Также у меня сама кнопка заключена в ссылку: <a href="#" title="Главная"><button>ГЛАВНАЯ</button></a>Думал мб, что наследуется от гиперссылки однако просто кнопка без тега ссылки также себя ведет. Вот так выглядит проблема http://jsfiddle.net/Arhidiablo/anZ7H/ Подскажите, что это может быть, голова уже не соображает ! Заранее благодарен!!

я - дубина, нужно было тыкать меня носом до потери крови в самый 1ый пример =) мне нужно было попробовать этот вариант, а я не совсем вчитавшись "воевал с ветряными мельницами" Колдунство работает =) http://jsfiddle.net/8VS7s/6/ Низкий поклон Switch74'у за терпение =) и респект! =)

мм вот сделал только ничего не изменилось =( http://jsfiddle.net/8VS7s/4/ HTML <div class="di_img"> <div class="di_img_cont"> </div> </div> CSS .di_img { margin:100px; width:200px; height:200px; background:#F00;position:relative;} .di_img_cont { background:#0F0; width:50px; position:relative; height:50px;bottom:2px;} так получается? но все равно как бы я не позиционироавл контейнер толку 0, (случай с absolute не рассматриваем т.к. он то работает однако мне нужно позиционировать относительно контейнера а не относительно окна браузера =). )

У меня прописано bottom 2px. Если следовать описанию http://htmlbook.ru/css/bottom (рис. 2) он должен притянуть внутренний div к низу и отодвинуть его на 2 пикселя вверх, вот как это выглядит у меня:

Доброго времени госопда, открыл простой урок по bottom, все очень банально, есть 2 div'a, 1ый является контейнером с фиксированной высотой и шириной 200px, в нем находится еще один div, с позицией relative и bottom суть такова если задаю абсолютное позиционирование (absolute) то как и положенно вложенный div относительно окна браузера делает отступ, если использую relative как-то не правильно работает, не как в уроке написанно, подскажите в чем моя ошибка? HTML <div class="di_img"> <div class="di_img_cont"> </div> </div> CSS .di_img { margin:100px; width:200px; height:200px; background:#F00;} .di_img_cont { background:#0F0; width:50px; position:relative; height:50px;bottom:2px;} Пример: http://jsfiddle.net/8VS7s/3/ Такое ощущение, что контейнер имеет height 0..

Шикарно!! Ребята благодарю Вас! Очень полезная информация! Оба варианта пригодятся =) Низкий вам поклон =)

Доброго времени суток, ситуация такова есть div он width:100% в нем 2 div'a по width:50% и с float;left, в одном из половинчатых div'ов вбиваю еще один див с параметрами width:100%, так вот если я последнему div'у задаю padding или marging к примеру 10px то он заходить на соседний div. Получается 100%+(10px+10px) и за счет этого вылазает, как сделать так чтобы этот отступ вычитывался из 100; последнего div'а? пример: HTML: <div class="main"> <div class="left"> <div class="title">Титул</div> </div> <div class="right">1</div> </div> CSS: .main {width:100%;background:#000;} .left {width:50%;height:100px;background:#f00;float:left;z-index:101;opacity: 0.6;} .right {width:50%;height:100px;background:#00f;float:left;z-index:101;opacity: 0.6;} .title {width:100%;background:#0f0;margin:10px;z-index:111;} Вот наглядный пример (HTML,CSS): http://jsfiddle.net/HgeD8/ Заранее благодарю за ответ и прошу прощения если вопрос очень простой, поиск мучал не знал как правильно сформулировать, везде вопрос решается за счет того, что если div имеет не %, а фиксированую ширину тогда получается оно все во внутрь вдавливается, а у меня проценты =(

Табличная разметка громоздкая и неудобная. К тому же, если её использовать для создания разметки основной страницы, то пока не загрузятся табличные данные, страница, скорее всего, не отобразится. Лучше использовать display: table и table-cell То, что пока вся таблица не загрузится она не будет отображаться это понятно, но тут много "но" и "если" - к примеру я расчитываю с точки зрения, что в любом случае если будет сделано все блоками, то пользователь будет ждать прогрузки всех блоков, я самый оптимальный описал вариант. С div тоже не все так просто, как выше было сказано если в средний блок будут фиксированные блоки вставляться и их ширина будет больше этого блока то они выйдут поверх. Вышенаписанное сугубо имхо =) Нам не известно для чего этот шаблон по этому бесмысленно обсуждать плюсы и минусы функционала не зная для чего он =) P.S. Я блочную верстку отвергаю потому что хуже ее знаю, и просто лень было запариться в свое время =)

Если мой пример разбирать, то: http://jsfiddle.net/Arhidiablo/CkXx4/2/ HTML код: <table width="100%" class="test" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="200px" class="test2">Установленно 200px</td> <td scope="col">Установленно 100%</td> <td width="200px" class="test3">Установленно 200px</td </tr> </table> CSS код: .test { background-color:#F60;} .test2 { background-color:#0F0;} .test3 { background-color:#008e00;}

Мне кажется, что если имеется в виду шаблон, то лучше использовать таблицу, дабы высота была одна. P.S. Вот мой пример http://jsfiddle.net/CkXx4/