mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
Странно, почему я впервые слышу о "известном однопиксельном баге в ие6"? Серстанно абы как, вот и валится. Зато блоков по минимуму, ведь если разбить все нормально по колонкам, этоже дополнительные элементы! Это же, о ужас, дополнительное время загрузки. Ни вкоем случае не добавлять больше дивов. Все с помошью релейтивов и отрицательных маргинов. Так держать.
-
В архиве прмер посложнее. Там 3 колонки одинаковой высоты с контентом впереди. Поэтому я решил попроще набросать <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> body{margin:0} #content{ width:100%; float:left; } .c{ padding:0 0 0 300px; } #sidebar{ float:left; width:280px; margin:0 0 0 -100%; } </style> </head> <body> <div id="content"> <div class="c"> <p>Lorem ipsum dolor sit amet consectetuer ridiculus nec Nulla montes rhoncus. Libero Phasellus et Pellentesque porta urna Sed augue orci sit id. Quis odio dolor id Vivamus in ac faucibus Vestibulum lacus Curabitur. Tempus condimentum pharetra nec et.</p> <p>Sed semper sem sollicitudin auctor hac Suspendisse lacus morbi orci Ut. Augue Morbi Mauris auctor mauris auctor dignissim elit tellus leo pretium. Mauris et dictumst lacinia eget lorem est Nullam vitae quis a. Velit Aenean.</p> </div> </div> <div id="sidebar"> <p>Lorem ipsum dolor sit amet consectetuer ridiculus nec Nulla montes rhoncus. Libero Phasellus et Pellentesque porta urna Sed augue orci sit id. Quis odio dolor id Vivamus in ac faucibus Vestibulum lacus Curabitur. Tempus condimentum pharetra nec et.</p> </div> </body> </html>
-
постучи в аську - архивчег кину разберешся, а Макс будет возможно на хост себе выложит и линку даст. А смотреть километры твоего ***кода желания нет.
-
Небудет ие сильно задумываться повторяя однопиксельную полоску по иксу, хоть на 24" монике, хоть на больше. Вот если пнг 1х1 репитить по всем направлениям, то ие7 заметно будет ее репитить
-
Как спрятать блок за экран без горизонтальной прокрутки?
mishka replied to MiHALbI4's question in HTML Coding
Я думал ты ТС . Так и непонял что ты хотел, и чего достиг Если задача ТС была ясна из дизайна, кроме мелочей. То чего хотел ты - для меня осталось загадкой -
чет незаметил такого
-
На самом деле jQuery легче чем чистый джс. А если знаешь чистый, то и фреймворк несложно выучить. Я незнаю еще ни того ни того... вот учу...
-
Я это вижу как-то так <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Test jQuery</title> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ initOpenClose(); }); function initOpenClose(){ var _holder = $('.fade-holder'), _openerTextActive = 'DIV on', _openerTextDisabled = 'DIV off', fadeSpeed = 200; _holder.each(function(){ var _this = $(this), _opener = $('.opener', _this), _slide = $('.fade-box', _this); if(!_opener.is('.active')){ _slide.hide(); _opener.text(_openerTextDisabled); } else { _opener.text(_openerTextActive); } _opener.click(function(){ if (_slide.is(':hidden') && !_slide.is(':animated')){ _slide.fadeIn(fadeSpeed); $(this).addClass('active').text(_openerTextActive); } else if (!_slide.is(':animated')) { _slide.fadeOut(fadeSpeed); $(this).removeClass('active').text(_openerTextDisabled) } return false; }); }); } </script> </head> <body> <ul> <li class="fade-holder"> <a class="opener active" href="#">DIV</a> <div class="fade-box"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et risus non arcu porttitor feugi at in at neque. In hac habitasse platea dictumst. Proin pretium neque at turpis fermentum de aliquet. Ut risus nisi, scelerisque in convallis et, volutpat malesuada elit. Ut nulla libero, condi entum eget scelerisque eget, blandit sit amet metus. Suspendisse potenti...</p> </div> </li> <li class="fade-holder"> <a class="opener" href="#">DIV</a> <div class="fade-box"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et risus non arcu porttitor feugi at in at neque. In hac habitasse platea dictumst. Proin pretium neque at turpis fermentum de aliquet. Ut risus nisi, scelerisque in convallis et, volutpat malesuada elit. Ut nulla libero, condi entum eget scelerisque eget, blandit sit amet metus. Suspendisse potenti...</p> </div> </li> <li class="fade-holder"> <a class="opener" href="#">DIV</a> <div class="fade-box"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et risus non arcu porttitor feugi at in at neque. In hac habitasse platea dictumst. Proin pretium neque at turpis fermentum de aliquet. Ut risus nisi, scelerisque in convallis et, volutpat malesuada elit. Ut nulla libero, condi entum eget scelerisque eget, blandit sit amet metus. Suspendisse potenti...</p> </div> </li> </ul> </body> </html>
-
а, у тя там 100%... значит это просто лишняя запись
-
все правильно, это я еще за мамонтами с копьем бегаю... на боди ширину.... вот когда попробуешь например лайтбокс сделать, тогда поймешь или попапчик с затемнением заднего плана.... затемнение принимает ширину боди, и получается затемненным не весь экран
-
Стучите в аську, посмотрим.
-
а просто outline:0 что нехватает?
-
swetlana, да вы серьезный кодер однако. Наверное лучшая из работ, которую тут выкладывали на суд. Да еще при всем этом HTML5/CSS3. Супер.
-
Набирай 30 сообщений
-
Как спрятать блок за экран без горизонтальной прокрутки?
mishka replied to MiHALbI4's question in HTML Coding
botyaslonim, ты меня игноришь? или просто сам с собой общаешься? -
Как спрятать блок за экран без горизонтальной прокрутки?
mishka replied to MiHALbI4's question in HTML Coding
центр резина/фикс? Красный блочек таким маленьким и будет? Вот решение для фиксированной ширины. Если резина, говорите - придумаем. <!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>test</title> <style type="text/css"> body{ margin:0; min-width:1000px; _width:expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto"); } #wrapper{ width:100%; overflow:hidden; position:relative; } #content{ width:1000px; position:relative; margin:0 auto; } .decor{ position:absolute; left:100%; top:0; width:50px; height:50px; background:#f00; } </style> </head> <body> <div id="wrapper"> <div id="content"> <p>Lorem ipsum dolor sit amet consectetuer Phasellus Nulla Vestibulum faucibus mattis. Ac enim dolor facilisi tellus in massa tellus quis non consectetuer. Consequat tortor libero dictumst Curabitur Suspendisse a Nam tellus amet elit. Tincidunt Cum In.</p> <p>Tempus lacinia lacus Duis ridiculus adipiscing semper eget tellus ut tincidunt. Ante sapien ligula congue pretium pede et Praesent eget Proin congue. Tincidunt pede massa tellus elit Vivamus at tellus et sagittis enim. Phasellus porttitor ante Vivamus volutpat ligula penatibus et nunc.</p> <div class="decor"></div> </div> </div> </body> </html> -
Здорово что сам это пытаешся сделать, так далеко пойдешь. В будующем для себя (и не только) будешь писать маленькие(имею ввиду не пустяковые, а меньше чем всякие плагины с библиотеками) шустрые скрипты. Но поверь при подключении библиотеки скорость разработки увеличивается значительно. Этой задачи что ты сделал есть плагины на jQuery, которые отлично работают, и плавно и качественно. И подключить его дело 15 минут. Это мой ответ на твой вопрос.
-
Это не баг, и ненужно с этим бороться усердно! Как вы думаете если этой штуки небыло в старых браузерах, а в новом есть то это же не просто так, значит она реально нужна. Убирая ее вы приносите дискомфорт людям которые привыкли пользоваться клавиатурой.
-
по JS отличный сайт http://javascript.ru/
-
Ну там не самая лучшая галерея. Я сам ей не пользуюсь. Ну а для общего развития посмотреть можно что к чему, может почерпнуть что для себя...
-
А галлерейка будет резиновой? И какую библиотеку используешь? Ну и пример дай посмотреть ) Если не во всеуслышание, так хоть в личку )
-
Странно.... а "домохозяйки" с того сайта знают про это..
-
Могу дать архив, чтобы удобнее было...
-
Так вы долго будете искать себе нужного человека. Лучше взять молодого, амбициозного, старательного и обучить так как вам нужно.
-
Если мне нужен Js-ер, то зачем я буду ему дополнительно платить за то что он знает C++? Мне нужен хороший джсер