dropoff
User-
Posts
79 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by dropoff
-
про fadeIn() я знаю. Я пробовал приделать, но что-то эффекта не заметил. Как я понял нужно после загрузки добавить функцию в которой этот эффект будет(как в первом посте)? А по поводу обновления... После нажатия refresh - блок с контентом исчезает и появляется картинка, текст, что угодно, загрузчика, типа "подождите" и после повторного получения контента плавно появляется блок. Может я усложняю все и достаточно будет просто перед обновлением #counter поставить fadeOut(), а после загрузки fadeIn() ? Я с JS совсем мало знаком и синтаксис для меня пока не очень понятен.
-
Дабы не создавать похожую тему... Есть такой простой код <script type="text/javascript"> $(document).ready(function(){ jQuery('#counter').load('load.php'); jQuery("#refresh").click(function(evt) { jQuery("#counter").load("load.php") evt.preventDefault(); }) }); </script> Как тут сделать так, чтобы при первой загрузки было плавное появление контента. При клике на обновить (refresh), чтобы появлялся div в который я бы вставил уже стили для оформления, а после опять плавно появлялся контент. Будьте добры, подскажите решение.
-
Горизонтальное выравнивание div`ов относительно друг друга
dropoff replied to fr1run's question in HTML Coding
poster_bg задайте float:left; -
Получилось сделать так {if $smarty.foreach.aussen.iteration % 3 == 0}<hr />{/if} Подскажите пожалуйста, почему php не пашет в шаблонах? Что нужно прописать в Smarty.class.php, чтобы заработал php? постоянно пишет Fatal error: Uncaught exception 'SmartyCompilerException' with message 'Syntax Error in template "S:/html/cdf/theme/index.tpl" on line 35 "{php}{/php}" unknown tag "php"'..... Хотя пробовал рецепты с оф сайта.
-
я вот как раз не могу понять как сделать правильно. через total можно получить количество же? но как правильно условие составить - я не знаю.
-
количество колонок не известно. нужно бить по 3 категории в колонке.
-
Всем привет! Не могу понять или найти решения. Если есть у кого минут, подскажите пожалуйста. Есть некий цикл <ul> {foreach name=aussen item=data from=$content} <li>бла бла бла</li> {/foreach} </ul> в нем выводится список, допустим, категорий. В списке может быть 2, а может 10, а может 50 записей. Как можно сделать, чтобы билось на колонки? Т.е. чтобы в списке было, к примеру по 6 категорий. При этом количество колонок изначально не известно. На примере. В списке 10 категори Категория 1 Категория 2 Категория 3 Категория 4 Категория 5 Категория 6 Категория 7 Категория 8 Категория 9 Категория 10 на выходе получить Категория 1 | Категория 4 | Категория 7 | Категория 10 Категория 2 | Категория 5 | Категория 8 Категория 3 | Категория 6 | Категория 9 И еще подскажите как включить использование PHP в Smarty. Пробовал как в доках написано, но ничего не работает. Заранее огромное спасибо!
-
хм. т.е. три в ряд и все в одном блоке? Это идея! Как раз Smarty прикручу и попробую в нем сделать. А то эта каша порядком надоела в коде.
-
Думал то же плюнуть и сделать таблицами, но вывода товара будет много и куча таблиц - не есть гуд. Я вот склоняюсь к тому, что часть текста просто действительно скрывать. Пробовал. Дело в том, что у меня у основного контейнера margin:0 0 -9999px;padding:0 0 9999px; у внутреннего "tovari" просто отступы, без указания высоты, так как содержимое (картинка, текст, название товара) могут менять высоту, соответственно некуда там позиционировать нижние два спана, хоть объединенные, хоть нет.
-
У меня блоки такого вида <div class="tovari"> <div class="kartinka"><img src="<?=$img?>" /></div> <div class="naz"><a href="<?=$link?>" title="<?=$name?>"><?=$name?></a></div> <div class="opis"><?=$text?></div> <span class="cena"><?=$price?></span> <span class="cart"><?=$in_cart?></span> </div> и этот блок идет в цикле. В оригинале таблицы. Хотелось без них. display: table-cell -не подходит. работа в IE нужна
-
Всем привет. Не могу придумать как так сделать http://s006.radikal.ru/i215/1104/cf/27543fb9d14b.png Сами блоки смог выровнить с помощью margin:0 0 -9999px;padding:0 0 9999px; Картинки то же на одном уровне А вот на скрине видно, что кнопки Купить и цена, расположены всегда внизу. Как такое сделать? Это пример на сайте МТС, в каталоге товаров. Верстка там таблицами+ такая структура, что картинки идут сначала, потом описание и т.д... Т.е. чтобы кнопки Купить всегда располагались внизу. Или тут только через JS высчитывать высоту самого большого блока и делать такую же остальным? Может можно как-то через CSS? Не охота JS пихать. Может кто сталкивался уже с таким? Заранее спасибо.
-
Расположение блоков друг под другом в несколько колонок
dropoff replied to dropoff's question in HTML Coding
Точно! Masonry. Я не мог вспомнить как называется. Сейчас попробую. Спасибо. Жаль, что на чистом CSS не выходит кроссбраузерно. -
Расположение блоков друг под другом в несколько колонок
dropoff replied to dropoff's question in HTML Coding
Да. Все блоки разной высоты. Где-то есть подкатегории, где-то нет, где-то их 20, а где-то 1. Вот с этим и проблема. -
Привет всем. Не могу понять как сделать так как на скрине скрин http://s50.radikal.ru/i129/1103/96/49082ab6107c.gif Это будут ссылки категорий новостей. У категорий есть подкатегории. Генерация вывода идет через smarty {foreach name=aussen item=news from=$news_data} <div class="block1"> <a href="{$news.LINK}">{$news.TITLE}</a> // категория первого уровня <div class="block2"> {foreach key=key_data item=subnews_data from=$news_data.sub} <a href="{$subnews_data.LINK}">{$subnews_data.TITLE}</a> // категория второго уровня {/foreach} </div> </div> {/foreach} Вот нужно, чтобы все block1 шли друг за другов в три или более колонок Пробовал использовать capture, но что-то не работает с ним вообще вывод. Помогите советом пожалуйста. А то с 7 утра бьюсь. Заранее спасибо.
-
Блин, а я пол дня бился с PHP) Огромное спасибо! Все сразу заработало как нужно)
-
Не могу понять как правильно сделать. Есть такой код $query = mysql_query("select distinct id, name from table where id = '".$_GET['cat_id']."'"); while($cat = mysql_fetch_array($query, true)) { ..... } Суть такая. Я перехожу в определенную категорию на сайте и у меня выводится то, что получаю из базы. И вот нужно сделать проверку. Если в базе к текущей категории ничего не привязано, то выводить определенное сообщение(или скрывать блок), если привязано, то выводить что привязано. Т.е. если к id 5 не добавлено name, то не выводим, если к id 5 добавлено name или несколько name, то выводим. А вся проблема в том, что выводи идет через HTML файл(шаблонизатор smaty). И если содержимого нету, то висит пустой блок. Я в PHP очень слаб. Делаю интуитивно и по примерам. Но вот подобного примера найти не могу( Гуру. Помогите пожалуйста.
-
Спасибо! То, что нужно. MC WEST, у меня там иногда будут меняться ссылки, и через CSS задавать каждому li определенную ширину не вариант.
-
Привет всем. Есть менюшка обычная, горизонтальная <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> </ul> Как можно его растянуть на всю ширину родителя и чтобы все ссылки меню были по центру? не могу никак придумать. Т.е. как таблица растягивается и все ячейки занимают автоматическую ширину... Спасибо.
-
К сожалению такое не приемлемо наверно. Ибо очень много картинок и в разных выводах(блоки и контент). и скрипт тогда будет не хило грузить страницу. имхо. Так и сделаю. Спасибо. Спасибо всем за помощь.
-
Да, да. Такое я и вычитывал, но не нашел как реализовать. И решений не было. А как цеплять тогда к нужной картинки её описание?
-
Нет. Описания будут появляться только при наведении на определенную картинку. Т.е. у каждой картинки свое описание. И при наведении на определенную картинку выскакивает её описание. На скрине я просто убрал display:none;, чтобы была понятна суть проблемы. Проблема, естественно, только в осле. причем и в 8 и 7. в 6 даже не открывал) z-index не помогает. Если я у image ставлю z-index:1; а у desc ставлю z-index:1000; - дела не меняет. нижние блоки image все- равно налазят на desc обновил сообщение первое, там страница с примером.
-
В ie блоки перекрывают окошки. z-index не помогает. вот скрин http://i060.radikal.ru/1010/c1/984b58b3259f.png сайт блок будет резиновый. это я тут фикс щирину сделал. на деле картинки с сужением страницы будут двигаться по блоку. и описание нужно всегда поверх всех картинок. а получается, что в IE описание всегда ПОД рядом картинок окторые идут ниже.
-
Привет всем. Столкнулся с проблемой в IE Не могу понять как поправить Есть такой код <!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> <title>HeLlO</title> <meta http-equiv="content-type" content="text/html; charset=cp-1251" /> </head> <body> <style> * {margin: 0;padding: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {padding:0; margin:0;} html {height: 100%;} body {font: 12px/18px Tahoma, Helvetica, "Helvetica Neue", Verdana, sans-serif;height:100%;background:#fff;} .block {width:700px;margin:0 auto;text-align:center;} .block .img {margin:4px;padding:4px;border:1px solid #000000;width:150px;background:red;} .block .image {position:relative;height:150px;line-height:125px;vertical-align:middle;display:-moz-inline-box;display:inline-block;} .block .image img {vertical-align:middle;} .image .desc {position:absolute;top:60%;right:50px;text-align:left;width:150px;padding:10px;background:blue;z-index: 1;} </style> <div class="block"> <ins class="image"> <div class="img"><a href="#">картинка</a></div> <div class="desc"> описание </div> </ins> <ins class="image"> <div class="img"><a href="#">картинка</a></div> <div class="desc"> описание </div> </ins> <ins class="image"> <div class="img"><a href="#">картинка</a></div> <div class="desc"> описание </div> </ins> <ins class="image"> <div class="img"><a href="#">картинка</a></div> <div class="desc"> описание </div> </ins> <ins class="image"> <div class="img"><a href="#">картинка</a></div> <div class="desc"> описание </div> </ins> <ins class="image"> <div class="img"><a href="#">картинка</a></div> <div class="desc"> описание </div> </ins> </div> </body> </html> Получается так, что всплывающее окошко с описание перекрывается последующими картинками. появление описания происходит через небольшой скрипт, который просто добавляет display:block;, эт не важно. Облазил кучу сайтов, но так и не нашел решения. Пробовал использовать zoom, но тоже не помогает. Как можно поправить? Заранее всем огромное спасибо!
-
Да. Код открыт. Просто пожат был для уменьшения веса. Я то сам не переношу когда код не отформатирован. Понатыкают по 5 пробелов вместо одного нажатия таба)
-
Спасибо большое всем помощь. Разобрался, получилось как хотел!