|
Помощь в html/css/javascript/jq
|
|
| Бармалей | Дата: 07 Ноября 2009, 00:27 | Сообщение # 201 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | У .news_block прописан float:left. Именно он виновник.
 | | |
|
| mob_dp | Отредактировал mob_dp - Суббота, 07 Ноября 2009, 00:32 Дата: 07 Ноября 2009, 00:30 | Сообщение # 202 | ● ● ● ● ● 4112 сообщений Статус: Offline | Бармалей, я смотрел на этот флоат, но в оригинале он тоже присутствует. Хотя убирание float:left помогло (смотрел в драгонфлай), но как же так? p.s. кстати CSS примерно одинаковые у них, по крайней мере параметры каркаса я не менял | | |
|
| Бармалей | Дата: 07 Ноября 2009, 10:53 | Сообщение # 203 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | mob_dp, в обще-то элемент с float:left занимает ровно столько ширины, сколько ему нужно.
Лечите убиранием флоата / присвоением ширины в 100%.
| | |
|
| WeStRacer | Дата: 11 Ноября 2009, 18:26 | Сообщение # 204 | ● ● ● ● ● 189 сообщений Статус: Offline | Помогите с вёрсткой. Вот картинка:
Как сделать чтобы то что чёрный блок (справа и слева) растягивался сверху вниз в зависимости от того, насколько растянулся синий блок. То и есть нужно чтобы на сколько растянулся синий блок на столько и растянулись чёрные блоки. Верстка DIV-ная. | | |
|
| Бармалей | Дата: 11 Ноября 2009, 21:11 | Сообщение # 205 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Google → Колонки одинаковой высоты div.
| | |
|
| mob_dp | Дата: 12 Ноября 2009, 20:50 | Сообщение # 206 | ● ● ● ● ● 4112 сообщений Статус: Offline | По поводу u.js Помогите с такой штукой: надо в окошке типа _uWnd.alert() вывести картинку в углу. Окошко должно жить 4-5 секунд и исчезать. Вот писал вот такие коды:
Code return _uWnd.alert('<img src="'+this.src.split('?')[1]+'">','Img link',{autosizeonimages:true,tm:4000}); return new _uWnd('Img link', 'Img link', 300, 150, 'autosizeonimages', '<img src="'+this.src.split('?')[1]+'">', '', '');
this.src.split('?')[1] - адрес картинки Первый работает хорошо для маленьких картинок: появляется окно примерно 100х80 и все гуд, но большие картинки в нем не видны.
Второй отображает картинки любого размера но появляется в центре (а не в углу) и не исчезает. Каг правильно сделать надо? Последний варианты был вот такой:
Code _uWnd.alert('<img src="'+this.src.split('?')[1]+'">','Img link',{tm:4000,waitimages:true,autosize:true,autosizewidth:true,autosizeonimages:true});
все равно вылезает окно 180х100 и не хочет изменять размер пир большой картинке | | |
|
| virtuoso7797 | Отредактировал virtuoso7797 - Воскресенье, 22 Ноября 2009, 00:24 Дата: 22 Ноября 2009, 00:20 | Сообщение # 207 | ● ● ● ● ● 4 сообщения Статус: Offline | Доброго времени суток.
Не получается изменить стандартную надпись "Yahoo идентификатор" на пользовательскую "в соседях от...". Когда захожу в "замена стандартных надписей" - "изменить" - "сохранить", все как бы ОК, но до последующей перезагрузки. У меня сайт жильцов дома, поэтому в "форум-вид материалов" прописал следующее:
Code <?if($YAHOO$)?><div class="neighbor">В соседях от: <span="unp">$YAHOO$</span></div><?endif?>
В результате на форуме отображается все корректно, но в форме регистрации и в профиле пользователя остается не "В соседях от...", а прежний "Yahoo идентификатор". Помогите чем-нибудь  Может, в css надо что-то добавить? | | |
|
| cucYa | Дата: 22 Ноября 2009, 01:16 | Сообщение # 208 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Заменяйте тогда скриптом.
Code $('div.neighbor').text($('div.neighbor').text().replace(/Yahoo идентификатор/gi,'В соседях от')); | | |
|
| virtuozo | Дата: 22 Ноября 2009, 02:23 | Сообщение # 209 | ● ● ● ● ● 4 сообщения Статус: Offline | cucYa, спасибо, скриптом действительно правится.
Использовал, правда, не Ваш, а другой - в синтаксисе не разобрался... Code <script type="text/javascript">
txt = document.body.innerHTML;
bad = /Yahoo идентификатор:/i;
while (txt.indexOf(bad)>=0) txt = txt.replace(bad, 'В соседях от...');
document.body.innerHTML = txt;
</script> Как-то "плюсик" не работает, не могу Вам репутацию повысить... | | |
|
| cucYa | Дата: 22 Ноября 2009, 02:34 | Сообщение # 210 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | в синтаксисе не разобрался
А что там разбираться то, вставить в тег script и готово...
div.neightbor - div с классом neightbor, по идеи в нём заменяется текст.
Как-то "плюсик" не работает, не могу Вам репутацию повысить...
зы. через профиль ставится. | | |
|
| WeStRacer | Дата: 08 Декабря 2009, 19:19 | Сообщение # 211 | ● ● ● ● ● 189 сообщений Статус: Offline | Нужна помощь в вёрстке. Как избежать смещения блока с синим кругом?
Code <div style="width:100%;height:220px;background:red;"> <div style="margin-left:25px;"><div style="float:left;margin-top:47px;"><img src="logo.png" alt="" border="0" /></div><div style="float:left;margin-left:108px;margin-top:21px;"><img src="psp.png" alt="" border="0" /></div></div> </div> <div align="center" style="margin-top:-60px;position:relative;"> <div class="table vmiddle" style="height:124px;background:url(button.png);width:231px;text-align:left;" align="center"> <div class="tr"> <div class="td"> <div style="margin-left:20px;"><img src="o.png" alt="" border="0" /></div> </div> </div> </div> </div>
Code <style type="text/css">
.table {
display:table-cell;
}
.table .tr, .table .td { position: relative;}
.vmiddle {vertical-align:middle;}
.vbottom {vertical-align:bottom;}
/* fix for ie6 */
.vbottom .tr, .vbottom .td { //top: 100%; width: 100%;}
.vbottom .td {//top: -100%;}
/* fix for ie6 */
.vmiddle .tr, .vmiddle .td { //top: 50%; width: 100%;}
.vmiddle .td {//top: -50%;}
</style>
 | | |
|
| mob_dp | Дата: 08 Декабря 2009, 21:59 | Сообщение # 212 | ● ● ● ● ● 4112 сообщений Статус: Offline | WeStRacer, фаллос и вазелин предпочтительней чем 1 минута работы в фотошопе? Склей картинки и поставь ее бекграундом в шапку. И никаких img. | | |
|
| WeStRacer | Дата: 09 Декабря 2009, 20:52 | Сообщение # 213 | ● ● ● ● ● 189 сообщений Статус: Offline | mob_dp, Ну раз вариантов больше нет, то пусть будут так.  | | |
|
| mob_dp | Дата: 09 Декабря 2009, 21:00 | Сообщение # 214 | ● ● ● ● ● 4112 сообщений Статус: Offline | Ну раз вариантов больше нет, то пусть будут так.
ты читать умеешь?
2 варианта:
фаллос и вазелин (т.е. в КСС центрировать картинки)
1 минута работы в фотошопе | | |
|
| WeStRacer | Дата: 12 Декабря 2009, 22:00 | Сообщение # 215 | ● ● ● ● ● 189 сообщений Статус: Offline | Есть строчка
Code <tr><td width="17" id="leftside" style="background:url(leftside.png) repeat-y;"></td><td height="15" style="background:#f3f2ee;"> <table cellpadding="0" cellspacing="0" width="100%"><tr><td id="newstitle" height="52" style="background:url(newstitlebg.png) repeat-x;z-index:10;margin-right:-10px;position:relative;"></td><td height="52" width="14" style="background:url(newstitleright.png) no-repeat;"></td></tr></table> </td><td width="17" style="background:url(rightside.png) repeat-y;"></td></tr>
Нужно чтобы #newstitle залез на #leftside. Желательно без position:absolute. | | |
|
| Бармалей | Отредактировал Бармалей - Воскресенье, 13 Декабря 2009, 00:13 Дата: 12 Декабря 2009, 22:08 | Сообщение # 216 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Отрицательный margin-topleft.
| | |
|
| WeStRacer | Дата: 12 Декабря 2009, 22:23 | Сообщение # 217 | ● ● ● ● ● 189 сообщений Статус: Offline | Бармалей, А причём тут верх? О_о Надо чтобы залез на ячейку слева. | | |
|
| shehovn | Дата: 13 Декабря 2009, 00:01 | Сообщение # 218 |  ● ● ● ● ● 40 сообщений Статус: Offline | WeStRacer, Бармалей написал просто margin. | | |
|
| Бармалей | Дата: 13 Декабря 2009, 00:13 | Сообщение # 219 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Тогда margin-left.
| | |
|
| WeStRacer | Дата: 13 Декабря 2009, 07:51 | Сообщение # 220 | ● ● ● ● ● 189 сообщений Статус: Offline | Бармалей, О_о Втф?! Я так же пробовал у меня не смещалось О_О Спс, Это была очередная моя тупость... | | |
|
