|
Помощь в html/css/javascript/jq
|
|
| Task | Дата: 30 Июня 2010, 14:49 | Сообщение # 1041 | ● ● ● ● ● 703 сообщения Статус: Offline | BoLena, у них собственный выпадающий список. | | |
|
| RicHMonD1325 | Дата: 01 Июля 2010, 22:41 | Сообщение # 1042 | ● ● ● ● ● 1 сообщение Статус: Offline | Здравствуйте,помогите настроить стили для этого блока Code <div class="block"> <div style="overflow:hidden"> <div class="b-top-right"></div><div class="b-top-left"></div> <div class="block_title b-top-main"></div> </div> <div class="block_content"> $SMENU_1$ <hr/> $SMENU_2$ </div> <div style="overflow:hidden"> <div class="b-bottom-right"></div><div class="b-bottom-left"></div><div class="b-bottom-main"></div> </div> </div>
<style> .b-top-left,.b-top-main,.b-bottom-main,.b-bottom-left{float:left} .b-top-right,.b-bottom-right{float:right} </style> Вот стили Code .b-top-left { width:29px;height:34px; background-image:url(style/images/b-top-left.gif); }
.b-top-main { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:11px;font-weight:bold; color:#fff; height:34px; padding: 2px 1px 1px 1px; background-image:url(style/images/b-top.gif);background-repeat:repeat-x; }
.b-top-right { width:29px;height:34px; background-image:url(style/images/b-top-right.gif); }
.b-left { width:29px; background-image:url(style/images/b-left.gif);background-repeat:repeat-y; }
.b-right { width:29px; background-image:url(style/images/b-right.gif);background-repeat:repeat-y; }
.b-bottom-left { width:29px;height:23px; background-image:url(style/images/b-bottom-left.gif); }
.b-bottom-main { height:7px; background-image:url(style/images/b-bottom.gif);background-repeat:repeat-x; }
.b-bottom-right { width:29px;height:23px; background-image:url(style/images/b-bottom-right.gif); } | | |
|
| Infamous | Дата: 03 Июля 2010, 11:42 | Сообщение # 1043 |  ● ● ● ● ● 1670 сообщений Статус: Offline | Как в jQ реализован объект $.fn? Я пробовал делать так: Code Q = function( props, context ) { return new Q.find( props, context ); // Q.find — ф-ция для поиска элементов } Q.prototype.myMeth = … Не работает, почему? | | |
|
| kanat07 | Отредактировал kanat07 - Среда, 07 Июля 2010, 10:33 Дата: 07 Июля 2010, 10:33 | Сообщение # 1044 |  ● ● ● ● ● 735 сообщений Статус: Offline | подскажите, как заставить это работать: script.js: на странице: Code $('#id').html('<' + 'script language="javascript" src="/script.js"><' + '/script' + '>'); вроде тут .html и document.writeln конфлуктуют. | | |
|
| cucYa | Дата: 07 Июля 2010, 14:11 | Сообщение # 1045 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Нахрен он там нужен вообще? | | |
|
| kanat07 | Дата: 07 Июля 2010, 22:02 | Сообщение # 1046 |  ● ● ● ● ● 735 сообщений Статус: Offline | cucYa, скрипт не мой... (wmlink.ru) | | |
|
| BoLena | Дата: 08 Июля 2010, 23:51 | Сообщение # 1047 |  ● ● ● ● ● 659 сообщений Статус: Offline | Как сделать прозрачность именно тексту. Есть такое Code <div style="border:1px solid #000; background:#3d3d3d; color:#4d4d4d;">Текст.</div> Нужно сделать прозрачность именно тексту... | | |
|
| kanat07 | Дата: 09 Июля 2010, 00:46 | Сообщение # 1048 |  ● ● ● ● ● 735 сообщений Статус: Offline | BoLena, Code [css]#text { filter:alpha(opacity=70); opacity: 0.7} Code <div style="border:1px solid #000; background:#3d3d3d; color:#4d4d4d;"><span id="text">Текст.</span></div> | | |
|
| BoLena | Дата: 09 Июля 2010, 01:09 | Сообщение # 1049 |  ● ● ● ● ● 659 сообщений Статус: Offline | kanat07, Я бы не догадался... Мне нужно именно без всяких добавок html. | | |
|
| cucYa | Дата: 09 Июля 2010, 03:01 | Сообщение # 1050 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Никак. | | |
|
| kanat07 | Дата: 09 Июля 2010, 05:37 | Сообщение # 1051 |  ● ● ● ● ● 735 сообщений Статус: Offline | kanat07, Я бы не догадался... Мне нужно именно без всяких добавок html. ну конечно.. может вам нужно без всяких css/js/jq/html...? | | |
|
| Бармалей | Дата: 09 Июля 2010, 08:36 | Сообщение # 1052 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline |
 | | |
|
| BoLena | Дата: 09 Июля 2010, 12:57 | Сообщение # 1053 |  ● ● ● ● ● 659 сообщений Статус: Offline | Бармалей, Что-то я не догнал, как там задается тексту прозрачность.. и работает ли во всех браузерах? | | |
|
| MegaFill | Дата: 09 Июля 2010, 13:09 | Сообщение # 1054 |  ● ● ● ● ● 1588 сообщений Статус: Offline | Бармалей, Что-то я не догнал, как там задается тексту прозрачность.. и работает ли во всех браузерах? css3 Code { color: rgba( 0, 0, 0, .5)} // 50% это css3... | | |
|
| BoLena | Дата: 11 Июля 2010, 23:19 | Сообщение # 1055 |  ● ● ● ● ● 659 сообщений Статус: Offline | Code <table border="0" cellspacing="1" cellpadding="2" width="100%" class="manTable"> <?if($NAME_FL$)?> <tr id="siM51"><td class="manTd1" id="siM52">$NAME_SIGN$</td><td class="manTd2" id="siM53">$NAME_FL$</td></tr><tr><td height="2" colspan="2"></td></tr> <?endif?> <?if($AOL_FL$)?> <tr id="siM9"><td class="manTd1" id="siM10">$AOL_SIGN$</td><td class="manTd2" id="siM11">$AOL_FL$</td></tr><tr><td height="0" colspan="2"></td></tr> <?endif?> <tr><td height="" colspan="2"><div class="separator"><div></div></div></td></tr> <?if($GENDER_FL$)?> <tr id="siM27"><td class="manTd1" id="siM28">$GENDER_SIGN$</td><td class="manTd2" id="siM29">$GENDER_FL$</td></tr><tr><td height="0" colspan="2"></td></tr> <?endif?> <?if($BIRTHDAY_FL$)?> <tr id="siM30"><td class="manTd1" id="siM31">$BIRTHDAY_SIGN$</td><td class="manTd2" id="siM32">$BIRTHDAY_FL$</td></tr><tr><td height="0" colspan="2"></td></tr> <?endif?> </table>
<table border="0" cellspacing="1" cellpadding="2" width="100%" class="manTable"> <?if($COUNTRY_FL$)?> <tr id="siM18"><td class="manTd1" id="siM19">$COUNTRY_SIGN$</td><td class="manTd2" id="siM20">$COUNTRY_FL$</td></tr> <?endif?> <?if($CITY_FL$)?> <tr id="siM24"><td class="manTd1" id="siM25">$CITY_SIGN$</td><td class="manTd2" id="siM26">$CITY_FL$</td></tr> <?endif?> </table> Почему отображается по разному?Добавлено (09 Июль 2010, 15:58) --------------------------------------------- Как бэ первый table отображается как надо, а второй уходит влево... Добавлено (11 Июль 2010, 22:17) --------------------------------------------- Ребят, помогите пожалуйста. У меня что-то криво отображаются блоки именно в Opere'е. Скриншот: [Opera] Вот сам код вывода блока: Code <div id="stenka" class="flexOpen"><div class="bOpen"> <div class="flexHeader clearFix" onclick="return collapseBox('stenka', this, 0.65, 0.30)" onfocus="blur()"> <div><h2>Стена<span> ($COM_NUM_ENTRIES$ записей)</span></h2></div><div class="flexEdit"></div></div></div><div class="c" >
<div class="fSub clearFix"> <div class="fSub_left" id="wall_shown"> показаны записи $COM_NUM_SHOWN$ из <a href="javascript://">$COM_NUM_ENTRIES$</a> </div><div class="fSub_right"></div></div>
<div class="flexBox clearFix">тут текст внутри блока... html, тыры-пыры))</div>
</div></div> Это код css: Code /* clearFix */
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { float: none; clear: both; }
/* Visual */
.flexOpen .whenShut { display: none; }
.flexOpen .whenShut { display: none; }
.flexOpen .whenOpen { display: block; }
.flexShut .whenShut { display: block; } .flexShut .whenOpen { display: none; }
.flexOpen { padding-bottom: 5px; } /* Headers */ .flexNarrow { border-bottom: solid 1px #DAE2E8; cursor: pointer; height: 8px; } .bOpen .flexNarrow { background: url('http://vk.com//images/arrow_up.gif') no-repeat center #eee; } .bOpen :hover.flexNarrow { background: url('http://vk.com//images/arrow_up.gif') no-repeat center #DAE2E8; } .bShut .flexNarrow { background: url('http://vk.com//images/arrow_down.gif') no-repeat center #eee; } .bShut :hover.flexNarrow { background: url('http://vk.com//images/arrow_down.gif') no-repeat center #DAE2E8; }
.bOpen .flexHeader { border-top: solid 1px #b1bdd6; background-repeat: no-repeat; background-image: url('http://vk.com//images/flex_arrow_open.gif'); background-position: left center; }
.bShut .flexHeader { background-color: #eee; border-top: solid 1px #ccc; background-repeat: no-repeat; background-image: url('http://vk.com//images/flex_arrow_shut.gif'); background-position: left center; }
.bShut .flexHeader h2 {font-size:11px; color: #888; }
.bShut .flexHeader .flexEdit{ display:none; }
.bOpen .flexHeader span{ display:none; }
.flexHeader {height: 14px; cursor: pointer; padding: 3px 8px 3px 23px; border-top: solid 1px #b1bdd6; background: #DAE2E8; }
.flexHeader div { float: left; height: 14px; }
.flexHeader .flexEdit { font-weight: bold; float: right; }
.flexHeader .flexEdit a{ color: #A9B8CB; }
.flexHeader h2 { display: inline; color: #45688E; }
.whenOpen .flexHeader { border-top: solid 1px #45688E; background-repeat: no-repeat; background-image: url('http://vk.com//images/flex_arrow_open.gif'); background-position: left center; }
.whenShut .flexHeader { background-color: #eee; border-top: solid 1px #ccc; background-repeat: no-repeat; background-image: url('http://vk.com//images/flex_arrow_shut.gif'); background-position: left center; }
.whenShut .flexHeader h2{ color: #888; } /* Content Box */
.flexBox { padding: 10px 8px 15px 8px; }
.no_padding { padding: 0px; }
.flexBox h4 { margin: 1px 0px 0px; padding: 4px 0px 2px; font-size: 11px; border: none; } h2 {font-size:11px;}
.fSub { padding: 2px 8px 4px 8px; border-top: solid 1px #ccc; background: #eee; }
.fSub h3 {display:inline; font-size:11px; }
.fSub .fDetails { float: left; color:#444; width: 184px; }
.fSub .wSeeAll { width: 140px; }
.fSub .fSeeAll { text-align: right; float: left; width: 44px; }
.fSub_left{ float:left; }
.fSub_right{ float:right; } Добавлено (11 Июль 2010, 22:51) --------------------------------------------- На отдельной странице работает как надо, а вот на перс. странице нет. почему? стили css проверил, повторяющихся на странице нет.  Добавлено (11 Июль 2010, 23:19) --------------------------------------------- Всё, спасибо, сделал вроде. Не поверите - 2 дня сидел и молился над ними и только после того как написал сюда пост, где-то через минуток 30 всё получилось. Блин магия на Хелпере. Надо теперь ему молится.  | | |
|
| kanat07 | Дата: 12 Июля 2010, 03:43 | Сообщение # 1056 |  ● ● ● ● ● 735 сообщений Статус: Offline | Как это убрать:  | | |
|
| Infamous | Дата: 12 Июля 2010, 04:34 | Сообщение # 1057 |  ● ● ● ● ● 1670 сообщений Статус: Offline | Code $('td.forumLastPostTd').empty(); | | |
|
| cucYa | Дата: 12 Июля 2010, 04:37 | Сообщение # 1058 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | css | | |
|
| kanat07 | Дата: 12 Июля 2010, 04:51 | Сообщение # 1059 |  ● ● ● ● ● 735 сообщений Статус: Offline | Нужно оставить Понедельник, 12 Июль 2010, 04:37 и убрать Тема: Помощь в html/css/javascript... Сообщение от: cucYa cucYa, у Тема:, Сообщение от: нету ид или класс | | |
|
| Infamous | Отредактировал Infamous - Понедельник, 12 Июля 2010, 06:47 Дата: 12 Июля 2010, 06:40 | Сообщение # 1060 |  ● ● ● ● ● 1670 сообщений Статус: Offline | Code $('td.forumLastPostTd').each(function (i) { $( this.childNodes ).wrapAll( '<div></div>'); $( 'div', this ).replaceWith( $('a[title="К последнему сообщению"]').eq(i) ); }); | | |
|