Spidey

Внутри этого листика будет контет. И резать нужно только с прозрачностью, потому что фон не позволяет по другому! Я порезал его применив фильтр * html #block_1 .blocks { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='images/img_5.png'); } Но в ие6 весь контент внутри этого листика работает через ж. Ссылки не мигают при наведении, и текст ваще не выделяется как надо! + ко всему он еще и тянуться должен. Как исправить ситуацию? Что бы и прозрачность и в ие норма работало. п.с. пнгфикс не подходит!

Есть вырезаная картинка в формате jpg. Возможно ли обрезать на ней лишнее и сохранить с прозрачностью не меняя ее размер?! Наперед спс за помощь)

Люди, порядок, поместил все это в таблицу в отдельные ячейки, все работает правильно!

Этот вариант к сожалению проблемы не решает, отступ попрежнем есть((

<div id="block_1"> <div class="block1_1"> <div style="width:300px; height:80px;"> <p class="t4">Select a Car:</p> <select> <option selected="selected">- Lorem Ipssum -</option> <option>wwwwwww</option> <option>jhjhhjh</option> </select> </div> <p class="t5">11</p> </div> </div> #block_1 { width:254px; height:651px; margin:33px 0 0 51px; display:table; display:inline; float:left;} #block_1 .block1_1 { width:284px; height:252px; display:table;} #block_1 .block1_1 select { width:221px; height:16px; padding:0 0 0 6px; margin:0 0 0 0; font:12px Tahoma; color:#656565; border-top:1px solid #656565; border-left:1px solid #656565; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;} #block_1 .block1_1 .t4 { width:150px; margin:23px 0 13px 0; font:12px Tahoma; font-weight:bold; color:#FFFFFF;} #block_1 .block1_1 .t5 { width:150px; font:12px Tahoma; font-weight:bold; color:#FFFFFF; display:inline;} Это пока что все что есть

я все пообнулял! А отступ всеравно остается! Вот потому и прошу помощи! Может есть светлые идеи?!

<select> <option>111</option> </select> <p>222</p> Между этиим блоками в фоксе 2.0.0.20 непонятной большой отступ! И самое что в этом проблематично, непоятно откуда( Помогите, плиз

mishka2, psywalker спс за помощь!

Ловко придумано)) Ну я так и поступлю и буду надеяться, что проверяющие не заметят, что бордер обрезан! Потому что там такие ювелиры сидят, полный ппц

гг)) Та у меня разница в 6 пикселей выходит, но за такое меня ипут на работе

ну так по идее тогда, если им прописать неопределенные размеры то этот дефект должен исчезнуть так как размеры для всех одинаковы! Но разница в размах всеравно остается!

<input type="text" name="first name" /> Без добавления своих размеров такое вот обычное поле имеет разницу в длине! Mozila FireFox 2.0.0.20, Internet Explorer 6 - имеют одинаковый размер Opera 10.10 - меньше на 6px Вчем же проблем? Наперед всем спс за ответ

<script type="text/javascript"> MIN_PICTERS=1; MAX_PICTERS=7; count=1; function gallery(){ switch(count) { case 1:image1=1;image2=2;image3=3;image4=4;image5=5;image6=6;break; case 2:image1=2;image2=3;image3=4;image4=5;image5=6;image6=1;break; case 3:image1=3;image2=4;image3=5;image4=6;image5=1;image6=2;break; case 4:image1=4;image2=5;image3=6;image4=1;image5=2;image6=3;break; case 5:image1=5;image2=6;image3=1;image4=2;image5=3;image6=4;break; case 6:image1=6;image2=1;image3=2;image4=3;image5=4;image6=5;break; case 7:image1=7;image2=2;image3=4;image4=5;image5=6;image6=7;break; } src1='images/img'.concat(image1).concat('.jpg'); src2='images/img'.concat(image2).concat('.jpg'); src3='images/img'.concat(image3).concat('.jpg'); document.getElementById('main_pic1').src=src1; document.getElementById('main_pic2').src=src2; document.getElementById('main_pic3').src=src3; } function left(){ count--; if (count<(MIN_PICTERS)){count=MAX_PICTERS} gallery(); } function right(){ count++; if (count>MAX_PICTERS){count=MIN_PICTERS} gallery(); } </script> <img alt="img" id="main_pic1" src="images/img1.jpg" /> <a href="java script::void(0)" onclick="left()" class="left">«</a> <a href="java script::void(0)" onclick="count=2;left()" class="numbers">1</a> <a href="java script::void(0)" onclick="count=3;left()" class="numbers">2</a> <a href="java script::void(0)" onclick="count=4;left()" class="numbers">3</a> <a href="java script::void(0)" onclick="count=5;left()" class="numbers">4</a> <a href="java script::void(0)" onclick="count=6;left()" class="numbers">5</a> <a href="java script::void(0)" onclick="count=7;left()" class="numbers">6</a> <a href="java script::void(0)" onclick="count=8;left()" class="numbers">7</a> <a href="java script::void(0)" onclick="right()" class="right" >»</a> Есть вот такая галерея, но в ие6 картинки, некоторые, отображаються неполностью или ваще не отображаються, но если нажимаешь на нужную цыфру к соответствующей картике дважды, то катинка отображаеться полностью как надо! Как этот дефект можно исправить?

Добрый день! Подскажите пожалуйста как сделать, что бы второе "Page 3" выпадало справа от первого? наперед спс кто поможет) <style type="text/css"> .menu { width:500px;} .menu ul { list-style:none; margin:0px; padding:0px;} .menu ul li { float:left; margin:0 0 0 2px; text-align:center;} .menu ul li a { display:block; width:100px; background:#3366FF;} .menu ul li a:hover { background:#FF0000;} .menu ul li ul { display:none; width:215px;} .menu ul li ul li { float:none; margin:5px 0 0 0;} .menu ul li:hover ul { display:block; position:absolute;} .menu ul li ul li .ul { display:none; float:left;} .menu ul li ul li .ul2 { display:none; float:none; position:relative;} .menu ul li:hover ul li:hover ul { float:none; display:block; position:absolute;} </style> <div class="menu"> <ul> <li><a href="#">Page 1</a> <ul> <li><a href="#">Site 1</a></li> <li><a href="#">Site 2</a></li> <li><a href="#">Page 3</a> <ul class="ul2"> <li><a href="#">Site A</a></li> <li><a href="#">Site B</a></li> <li><a href="#">Site C</a></li> <li><a href="#">Site D</a></li> <li><a href="#">Site E</a></li> <li><a href="#">Site F</a></li> </ul> </li> <li><a href="#">Site 4</a></li> <li><a href="#">Site 5</a></li> <li><a href="#">Site 6</a></li> </ul> </li> </ul> </div>

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

Где же ты был раньше, долгими мучениями)) сам дошел к похожему варианту! Но всеравно спс за помощь

Ну я поставил все размеры и правильные картинки, и получился исключительный бред)) Можно вас спросить,как можно написать поврх простой катинки имг? Получаеться что верхняя часть сделана фоном а нижняя просто картикой! Как тогда мне поверх этого всего еще и текст прилепить? При этом всем выходит что текст должен быть на линии стыка верхней и нижней части?!

А как бы можно это сделать что бы все вышло какнадо?

При добавлении текста нужно что бы он тянулся по вертикали! Фон и маркер справа в фотошопе сделаны одним слоем. Я придумал способ, о тогда нужно как то три бекграунда рвзмесить для одного элемента, типа вырезать верхнюю половину, поцентру один пиксель для повторений, и нижнюю половину. Но как это воплотить в жизнь в html не могу сообразить! Как бы его правильно совместить?! Наперед спс!

Я не написал так как не могу поянть как его ваще писать так что бы один блок использовал элемент другого! Какова сама идея этого способа?

попробуй этот див заключить в тег center

Доброго время суток всем! Прошу помочь с простым но хитрым меню! Проблема в том что один блок использует кусок другого, соседнего! Как это можно записать в цсс?! Наперед всем спс за помощь!