iillyyaa2
-
Posts
242 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by iillyyaa2
-
твою мать, вот я безграмотный... сказывается отсутствие образования а ведь пробовал сделать так и раньше, и тоже чё то не получалось... наверно так же накосячил теперь то я и к резиновому прилеплю может кому пригодится... <!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"> <style> body {margin:5;} .tops { position:absolute; border:1px solid red; height:300px; width:100%; top:0; z-index: 99; } </style> <div style="height:50px; border:1px solid;">верхний блок</div> <div style="position:relative;"> <table class="tops" width="100%" height="100%"> <tr> <td align="center" valign="middle">вот оно решение то</td> </tr> </table> </div> <div style="position:relative; height:300px; border:2px solid blue;">Средний блок</div> <div style="height:50px; border:1px solid;">нижний блок</div>
-
вот такой контейнер получается: <div id="divForText"> <div id="idTXT_0_div"> <input id="idTXT_0" type="Text"> <b onclick="ddel(0);">del</b> </div> <div id="idTXT_1_div" style="display: none;"> <input id="idTXT_1" type="Text"> <b onclick="ddel(1);">del</b> </div> <div id="idTXT_2_div"> <input id="idTXT_2" type="Text"> <b onclick="ddel(2);">del</b> </div> </div> и хочу добавить туда <div id="idTXT_3_div"> <input id="idTXT_3" type="Text"> <b onclick="ddel(3);">del</b> </div> всё работает прекрасно, но вот содержимое инпутов обнуляется (если конечно их вбили) можно тупо создать переменную, в неё запихать те блоки что уже там есть, считать значения, установить новым input-ам их, добавить новый инпут, и потом заменить содержимое... но не уж-то проще никак ?
-
в контейнер подгружаю блок с инпутом, всё хорошо, но вот при добавлении следующей строки, если что то было в инпутах написано, почему то обнуляется... с чем это связано ? document.getElementById('divForText').innerHTML += '<div id="'+txt[txt.length-1]+'_div"><input type="Text" value="" id="'+txt[txt.length-1]+'"><b onclick="ddel('+(txt.length-1)+');">del</b></div>'; обнуляются инпуты которые находятся в этом же блоке...
-
buddah, да да, я это тоже читал... или я что то не так делаю... <!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"> <div style="position:relativ; border:1px solid; height:200px;"></div> <div style="position:relativ; border:1px solid; height:200px;"> <div style="position:absolute; top:0; border:1px solid red; height:100px; width:100px;"></div> </div>
-
background-position c background не должен работать ?
iillyyaa2 replied to iillyyaa2's question in HTML Coding
это да, думал может есть хитрый способ какой указать 1 координату а вдруг -
пробовал, top: 0 всё равно идёт в верх окна... выше "серого" родителя или что то не так ?
-
красный блок резиновый, растянуться может до зелёного. вопрос, можно ли привязать как то верхнюю точку к концу голубого блока.. думал, может position:absolute; взятый из серого блока не пойдёт до верха, а нет, он топ берёт от края окна а не родителя
-
с координатами сделать такое не проблема, если верхний блок имеет чёткие размеры, а если эти размеры не известны ? возможно ли вообще ? блок должен центрироваться, а в случае если его размеры превысят серый блок, он должен прилипнуть к голубому блоку и тянутся, не сдвигая желтый блок (красный маленький блок, зелёный, если его содержимое будет большим) вот так смог если известен размер верхнего блока <!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"> <style> body {margin:0;} .tops { position:absolute; border:1px solid red; height:295px; width:100%; top:60px; } </style> <div style="height:50px; border:1px solid;">верхний блок</div> <table style="position:relativ; border:1px solid; height:100%;" width="100%"> <tr> <td style="height:300px; border:2px solid blue;">ddd</td> </tr> <tr> <td>bbb</td> </tr> </table> <table class="tops" width="100%" height="100%"> <tr> <td align="center" valign="middle">ddd</td> </tr> </table>
-
background-position c background не должен работать ?
iillyyaa2 replied to iillyyaa2's question in HTML Coding
вот ещё такой вопрос... .all { display:block; position: relative; width:450px; height:60px; background:url(900x420.png) no-repeat; cursor:pointer; } .background_position_0_0{ background-position: 0px 0px; } .background_position_0_60{ background-position: 0px -60px; } .background_position_0_0:hover{ background-position: -450px 0px; } .background_position_0_60:hover{ background-position: -450px -60px; } <div class="all background_position_0_0"></div> <div class="all background_position_0_60"></div> всё работает, вот только напрягает большое кол-во .background_position_0_0:hover можно как то в одну строчку им задать ? как поменять только смещение по х ? background-position-x не предлагать, т.к. он не во всех браузерах работает -
background-position c background не должен работать ?
iillyyaa2 replied to iillyyaa2's question in HTML Coding
а почему с background-image сработало ? потому что background уже содержит background-position и последующее не учёл, а у background-image позиционирования нет вообще и он добавил ? -
Great Rash, спасибо за реализацию , если заказчик будет настаивать на блоках, получит лишних 20 строк кода
-
background-position c background не должен работать ? почему второй див не работает ?? <style> div.all { display:block; position: relative; width:100px; height:100px; background:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-position: 300px 0px; } </style> <div class="all" style="background-position: 300px 0px"></div> <div class="all background_position_300_0"></div> а вот так работают правильно оба дива: <style> div.all { display:block; position: relative; width:100px; height:100px; background-image:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-position: 300px 0px; } </style> <div class="all" style="background-position: 300px 0px"></div> <div class="all background_position_300_0"></div> (в коде изменены только background на background-image) почему так ?
-
Как передать переменную в функцию функцией_переменной
iillyyaa2 replied to iillyyaa2's question in JavaScript
хорошо, с предыдущим примером по поводу CSS выкрутились... давайте вот такой пример: есть несколько блоков, есть 1 png файл с десятком картинок, каждому диву назначаем нужную картинку через background-position <style> .mypng { display:block; position: relative; width:100px; height:100px; background:url(9x100.png); background-position: 0px 0px; } </style> <div class="mypng" style="background-position: 0px 0px;"></div> <div class="mypng" style="background-position: 100px 0px;"></div> <div class="mypng" style="background-position: 200px 0px;"></div> или и тут, "по Вашему" лучше сделать отдельных кучу классов и в них напихать background-position и писать уже .background_position_200_0{ background-position: 200px 0px; } <div class="mypng background_position_200_0"> ??? PS блин, пока это писал вам в пример, решил сделать файлик background_position.css и в нём эти классы прописать... симпотнее выглядит код уйду я от Вас, вы мне рушите мировозрение но с той функцией удобнее так.. -
Internet Explorer до версии 7 включительно: значение inline-block применяется только для встроенных элементов, с блочными элементами работает некорректно. ЗЫ не проверял
-
и чем это лучше чем просто тейбл, тр, тд ? ведь таблица это тоже блок с ячейками...
-
Как передать переменную в функцию функцией_переменной
iillyyaa2 replied to iillyyaa2's question in JavaScript
alanvanduke, так ты ответь по существу той темы.. жмакни в ссылку и отпишись -
тоесть, вместо <table> сделать <div style="display: table;"> ?
-
тоесть var obj = document.getElementById('ID'); мы написали где то, но использовать в этот момент не собираемся ? а лишь потом, когда будет нужда ? зачем тогда заранее создавать переменную ? может мы её вообще не используем...
-
а почему бы сразу не проверить if (document.getElementById('ID'))
-
так нет же, заказчик хочет блоками... на вопрос, почему не обернуть в таблицу ответа нет... я так понимаю решения нет ? сейчас кинули макет, там явой с задержкой меняется верхний отступ... прыгает жесть ) а им нравится... позиция, нехера менять размеры...
-
Как передать переменную в функцию функцией_переменной
iillyyaa2 replied to iillyyaa2's question in JavaScript
http://forum.htmlbook.ru/index.php?showtopic=26914 давайте там пофлудим про таблицы -
есть ли решение блоками сделать такое ? всё резиновое. блок отцентрировать по высоте и ширине если размеры окна меньше, он липнет к правому краю (и к верхнему) таблицей проще некуда <table width="100%" height="100%"> <tr><td align="center" valign="middle">ddd</td></tr> </table> а как блоками ? БЕЗ ЯВЫ!
-
Как передать переменную в функцию функцией_переменной
iillyyaa2 replied to iillyyaa2's question in JavaScript
хорошо, а лишне занятое имя класса ? ради 1 строчки ? которая встретится 1 раз, и всего на 1 странице... сайт из 100 страниц, и на 1 встречается такой стиль... ради этого занимать класс ? -
Как передать переменную в функцию функцией_переменной
iillyyaa2 replied to iillyyaa2's question in JavaScript
Great Rash, не перевирайте это ваша логика, вы говорите про то, что юзерь этого не заметит. я задал вопрос, откуда вы знаете какой класс надо менять в CSS файле ?? -
Как передать переменную в функцию функцией_переменной
iillyyaa2 replied to iillyyaa2's question in JavaScript
а зачем вы вообще используете яваскрипт ?? ничего не случится с пользователем, если он перезагрузит страницу... зачем их обновлять динамически ? не очень хороший подход у вас. alanvanduke, как ты узнал какой класс нужно менять ? и в каком из нескольких CSS файлов ?? зашел в "html" файл, посмотрел этот блок, запомнил и начал искать класс ? вместо того, что бы сразу поменять ? (я молчу уже про занятое имя, в больших проектах это усложняет написание)