mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
Я все пытался с експрешеном разобратся, но чтото несмог
-
Great Rash, ты гений
-
всем устраивает, только експрешены для ие6-7 надо, и все гуд. Я и неговорил что меня неустраивает твой способ. Извини перепутал. Неустраивает тем что я не юзаю htc Но всеравно отличный способ. Я его себе в примеры закинул Можна уточнить какой именно способ? с htc или без? Я пользуюсь всегда тем способом где без htc, только там експрешены еще нужны для ие6-7
-
В этом примере высота блока строго задана. Как быть с динамической высотой? Кстати ктонить сделает и по горизонтали и по вертикали центрирование. И динамичесский и по горизонтали и по вертикали?
-
psywalker, плс свяжись со мной по аське
-
блоку #main вместо height:100% поставь min-height:100% сори за оффтоп psywalker, ты личку смотрел?
-
Родительский блок на абсолют и ширину ему 100%, а внутри еще блок с бордерами и без ширины, он сам растянется по родителю.
-
Ширина вашего блока 100% + 2px бордера поэтому и вылазит за пределы окна.
-
А это спрайтом? Это когда картинка для бг одна, и для ховера и для нормального состояния. Ну и естественно не порезана на правую, левую и центральную часть отдельно. Ну и задачку давай посмотрим
-
Я непросил тебя задавать мне задачки, я просил дать решение.
-
Наверное это секретные разработки и их никто не выдает. Или слишком элементарный вопрос чтобы тратить на него свое время...
-
Ну для кого может и не изысканное.... Но хотелось бы узнать кто как делает тянущиеся по горизонтали png кнопочки. Желательно спрайтом конечно и с ховером.
-
Да я у тебя тоже подчерпнул немало . Да и вообще на этом форуме.
-
Да все пирстойные редакторы так умеют. Где это включается в дриме я незнаю, но в настройках гдет есть чтото типа "Show Hidden Characters" ну иль както так по смыслу
-
Посмотри - фрейм находится внутри блока который ты вешаешь на абсолют! Ни до него, ни после, а именно внутри. Лесенка - посмотри на отступы в моем цсс и в своем. У тебя они как в хтмл - каждий вложеный елемент на таб сдвигаешь вправо. пример: *{margin:0;padding:0;list-style:none;} body{min-width:1000px;} ul{ height:47px; padding:0 20px; background:url(m-bg.jpg) left top repeat-x; border:1px solid #6b9b07; background:#94c74e; } ul li:hover .drop{display:block;} ul li{ float:left; width:14%; position:relative; height:45px; display:table-cell; vertical-align:middle; padding:1px 1px; top:-1px; _behavior:url("csshover.htc"); } ul li a{ font-size:15px; color:#fff; background:url(arrow.gif) no-repeat 10px 50%; vertical-align:middle; display:table-cell; height:42px; padding-left:30px; } Пробелы сами ставятся при копипасте. Советую также работать с включенными в редакторе непечатаемыми символами (пробелы, табуляции) Это не смертельно - но всеже... Я например абсолютно уверен в своем редакторе что он непоставит пробелы вместо табов там где это ненадо. Но немогу работать без них. И это огромный плюс моего редактора что пробелы и табы еле заметны, но если гдето чтото нетак то сразу становится заметно. И их отображение легко редактировать. Вот в нотепаде я несмог их так настроить, поэтому отказался от него, и не только от него
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menu</title> <style type="text/css"> *{margin:0;padding:0;list-style:none;} body{min-width:1000px;} ul{ height:47px; padding:0 20px; background:url(m-bg.jpg) left top repeat-x; border:1px solid #6b9b07; background:#94c74e; } ul li:hover .drop{display:block;} ul li{ float:left; width:14%; position:relative; height:45px; display:table-cell; vertical-align:middle; padding:1px 1px; top:-1px; _behavior:url("csshover.htc") } ul li a{ font-size:15px; color:#fff; background:url(arrow.gif) no-repeat 10px 50%; vertical-align:middle; display:table-cell; height:42px; padding-left:30px; } ul li:hover{ background:url(m-bg.jpg) repeat-x 0 -48px; border:1px solid #b1770b; height:45px; padding:0px 0px 1px; } ul .drop{ display:none; position:absolute; z-index:1; width:305px; overflow:hidden; } ul ul{ left:0; top:49px; overflow:hidden; background:#94c74e; border:1px solid #6fa204; border-width:0 1px 1px; height:auto; } ul ul li{float:none;text-align:left;width:300px;padding:0 10px;background:none;display:block;} ul ul a{padding:0;padding-left:15px;} </style> <!--[if lt IE 7]> <style type="text/css"> ul li{width:13.8%;display:inline;zoom:1;} ul li a{zoom:1;position:relative;padding-left:30px;width:70%;display:block;background:url(arrow.gif) no-repeat 10px 50%;} ul li a span{position:absolute;top:50%;} ul li a span span{position:relative;top:-50%;} iframe{ position:absolute; top:0px; left:0px; z-index:-1; width:3000px; height:3000px; filter:mask(); } </style> <![endif]--> </head> <body> <div> <ul> <li><a href="#"><span><span>Детские коляски</span></span></a></li> <li><a href="#"><span><span>Детская мебель</span></span></a> <div class="drop"> <ul> <li><a href="#">Детские кроватки</a></li> <li><a href="#">Детские комнаты</a></li> <li><a href="#">Дуэты (кровать+комод)</a></li> <li><a href="#">Кроватки-трансформеры</a></li> <li><a href="#">Комод-пеленатор(с ванночкой иеленальным столиком)</a></li> <li><a href="#">Комоды</a></li> <li><a href="#">Шкафы</a></li> <li><a href="#">Игровые манежи</a></li> <li><a href="#">Манежи-кроватки</a></li> <li><a href="#">Пеленальные столики с Ванночкой</a></li> <li><a href="#">Люльки</a></li> <li><a href="#">Люльки - переноски</a></li> </ul> <!--[if lt IE 7]><iframe></iframe><![endif]--> </div> </li> <li><a href="#"><span><span>Автокресла</span></span></a></li> <li><a href="#"><span><span>Постельные пренадлежности</span></span></a></li> <li><a href="#"><span><span>Мамочкам в помощь</span></span></a></li> <li><a href="#"><span><span>Детский транспорт</span></span></a></li> <li><a href="#"><span><span>Для купания и гигиены</span></span></a></li> </ul> <form action="#"> <select class="brand"><option>Выберите производителя</option></select> <select class="brand"><option>Выберите производителя</option></select> <select class="brand"><option>Выберите производителя</option></select> <select class="brand"><option>Выберите производителя</option></select> </form> </div> </body> </html> неделай в css лесенки, это не упрощает, а усложняет код, также у тя много пробелов вместо табов iframe{ position:absolute; top:0px; left:0px; z-index:-1; width:3000px; height:3000px; filter:mask(); } Также это можна вынести в цсс для ие6
-
<li> <a href="#">abrakadabra</a> <div> <ul> <li>Lorem ipsum</li> <li>Lorem ipsum</li> <li>Lorem ipsum</li> <li>Lorem ipsum</li> </ul> <!--[if lt IE 7]><iframe></iframe><![endif]--> </div> </li> Ну дальше сам поймешь Знаю что нехорошо что див появляется.... но либо так либо писать джс который будет убирать селекты во время выпадения дропа на них. iframe{ filter:mask(); position:absolute; top:0px; left:0px; z-index:-1; width:3000px; height:3000px; }
-
Ты же обрати внимание что у него фрейм находится в блоке который на абсолюте чтото мне кажется что тут <ul> неподойдет, так как фрейм придется в <li> запихивать можеш просвятить меня что это за хак display/**/:block; ? это типа для ие ниже 6й версии? если да то он ненужен, так как фрейм мы вставляем только в ие ниже шестой версии, следовательно все стили для фрейма подхватит только ие6 и ниже, так как фрейм только там и появится.
-
a:hover { color:#92D051; text-decoration:underline; text-shadow:0 0 4px #99FE64; } text-shadow - css3 у меня только опера его поддерживает http://dimox.name/css-text-shadow/ тут более детально можете прочитать
-
Ну дык это аналог сифра, но как по мне так лучше. Вы что неработали с сифром (sIFR)? http://www.mikeindustries.com/blog/sifr/ Текст ксожалению выделяется и копируется только в сафари и хроме. Есть аналг куфону typeface ( http://typeface.neocracy.org/ ), тут текст выделяется, и мне он понравился больше куфона, до тех пор пока я необнаружил проблемы с отображением в опере. Естественно - применять это для всего текста нестоит. А вот для тайтлов вполне. Постучи ко мне в аську.
-
Вы уверены что их ширина по содержимому? подсветите их бекграундом для проверки. Дайте более полный код. Желательно сделайте css в html (это только для того чтобы мне не совмещать их самому, чтобы я скопировал код и вставил у себя в редактор) Все ваши <div> лежат в одном <td>. Вот их ширина будет такая как у <td>
-
td{vertical-align:top;} - вертикальное выравнивание по верху. Я так понял что вы там наворотили чудеса в решете. Подозреваю что вам ненадо никаких таблиц. Вы лучше чем так много описывать проблему - выложите код.
-
Вобщет все блочные элементы сремятся занять 100% ширины родителя.
-
Пробовал у себя так в фф посмотреть видео в формате avi... Сафари, хром, опера воспроизводят. ИЕ только делает вид что собирается воспроизводить, но не более. ФФ требует установки плагина. Если у вас ФФ тоже требует плагин то поставьте его и смотрите что получится. Если заказчик будет против то предложите ему в инете без браузера попробовать посерфать... Вы же неответственны за то что браузер без плагина видео невоспроизводит.
-
Конечно всех подробностей незнаю, ксожалению . Но меня всегда учили - на <tr> ничего не прописывать, все писать на <td>. Почему в твоем случае на <td> нельзя повесить бг? если убрать с <td> background:none; то работает...