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/

Я правильно понял? HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><link rel="stylesheet" type="text/css" href="style/style.css"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> </head> <body> <table width="100%" class="test" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <!--Пока поставил 100px потом когда станет известно можно заменить, либо вставить туда переменную--> <td width="100px" class="test2"> </th> <!--Тянется на то что осталось 100%--> Установленно 100px <td scope="col"> </th> Установленно 100%</tr> </table> </body> </html> CSS .test { background-color:#F60;} .test2 { background-color:#0F0;}

Доброго времени суток! Столкнулся в плотную с тенденцией одностраничьных сайтов, почитал информацию стал верстать, принцип прост, движение по якорям, однако возникла одна проблема: Сайт состоит из фиксированного меню, и блоков, вся загвоздка в отображении прикрепленного меню если двигаюсь с верху в низ в одном месте закрепляется если с низу верх прохожусь по меню по другому фиксируется. Вот код: HTML код страницы index <!--Блок Навигация--> <?php include('block/rollmenu.php')?> <body> <!--Блок с галереей--> <?php include('block/block_galery.php')?> <!--Блок Продаваемая инфа--> <?php include('modules/block_info.php')?> <!--Блок Правила--> <?php include('modules/block_rules.php')?> <!--Блок Участники или клиенты--> <?php include('modules/block_client.php')?> <!--Блок Контакты--> <?php include('modules/block_contact.php')?> <!--Блок footer--> <?php include('block/footer.php')?> Блоки: <!--Блок с галереей--> <!--Блок Продаваемая инфа--> <!--Блок Правила--> <!--Блок Участники или клиенты--> <!--Блок Контакты--> <!--Блок footer--> По своей сути состоят по такому принципу: HTML <!--Div блок для якоря #info--> <div class="block_delimiter" id="info"></div> <!--Сам информационный блок забитый информацией--> <table align="center" class="block_info" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <th scope="col"> <h1> <strong>Заголовок информационного блока (анонс)</strong> </h1> </th> </tr> <tr> <td> <h2>Основная информация</h2> </td> </tr> <tr> <td> <h3>Вторичная информация.</h3> </td> </tr> </table> CSS /*Скрыртый разделитель*/ .block_delimiter { width:0%; height:0%; position: relative; top:-246px; background-color:#000000;} Сам блок фиксированного меню имеет код: HTML <!--Прокручиваемое меню--> <div class="floating"> <!--Меню--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <th scope="col"><a title="Главная страница карты" href="#">ГЛАВНАЯ</a></th> <td><a title="Все о карте" href="#info">О КАРТЕ</a></td> <td><a title="Правила использования картой" href="#rules">ПРАВИЛА</a></td> <td><a title="Фирмы выбравшие нашу карту" href="#client">КЛИЕНТЫ</a></td> <td><a title="Контактная информация карты" href="#contact">КОНТАКТЫ</a></td> </tr> </table> <!--Меню--> </div> <!--Прокручиваемое меню--> CSS .floating { z-index:190; width: 100%; height:123px; background:#FFF; color:#000000; } Вот так отображается в Google Chrome Вот так отображается в IE 8 Мне кажется я задал неправильный параметры невидимого якоря (не фиксированные)?