psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Да нее, это переходный период с таблиц на слои
-
"Фрилансеры не будьте наивны" или "что значит слово Вердера"
psywalker replied to DolphinSoul's topic in Flame
Да, а если этот знакомый Вердер, то надо брать предоплату 100%, как минимум, а лучше вообще с такими людьми дело не иметь. -
(не мое) ProstoSait.com.ua - узнай об верстке больше
psywalker replied to aTei's topic in Discussion of works
А что именно за бред? -
Ну я имел ввиду не копирование, а именно то, что нода то переноситься, но коллекция в переменной ведь так и остаётся 13 элементов, как и была?
-
Ну правильно, галимые способы намного лучше)
-
А нахрена тебе закруглять углы на джиквери, ведь есть 1000 способов сделать это на ЦСС?
-
А тогда и не важно дружище, они всё равно же будут разбросаны в хаотическом порядке по периметру шапки. И отдельный вопрос http://forum.htmlbook.ru/index.php?s=&...st&p=139572 s0rr0w Но секудну, этим действием мы же ничего не удаляем и не переносим из этой коллекции var lnk = cont.getElementsByTagName('a'); ? while ( lnk.length ) { head.appendChild(lnk.item(0)); } Мы просто же копируем первый элемент и вставляем его в контейнер head? А элемент в коллекции var lnk всё равно остаётся же на месте?
-
Например вот так вот: <!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> <title>Фильтр</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> *{ margin: 0; padding: 0;} img { display: none;} table { border-collapse: collapse; border: 1px solid #000;} td { border: 1px solid red;} td.c img { display: block;} </style> </head> <body> <table> <tr> <td id="one"> <img src="img1.png" alt="s0rr0w" width="150" height="200" /> </td> <td> <img src="img1.png" alt="s0rr0w" width="150" height="200" /> </td> <td class="c"> <img src="img1.png" alt="s0rr0w" width="90" height="90" /> </td> </tr> <tr> <td> <img src="img1.png" alt="s0rr0w" width="150" height="200" /> </td> <td class="c"> <img src="img1.png" alt="s0rr0w" width="90" height="90" /> </td> <td> <img src="img1.png" alt="s0rr0w" width="150" height="200" /> </td> </tr> </table> <script type="text/javascript"> var table = document.getElementsByTagName('table').item(0) var img1 = document.getElementsByTagName('img').item(0) var td = document.getElementById('one') var w = img1.width var h = img1.width td.style.width = w+'px' td.style.height = h+'px' </script> </body>
-
Согласен, тогда вообще предлагаю забыть об этом, а можно просто тупо написать так <a href="#">link 4</a> <a href="#">link 3</a> <a href="#">link 2</a> <a href="#">link 1</a> И тогда последняя как раз будет первая
-
А что если сделать так? for (var i = lnk.length - 1; i >= 0; i--) { var ch = 13-i lnk[i].innerHTML = 'link '+ ch head.appendChild(lnk[i]); }
-
s0rr0w 1) А что значит живой список? 2) Т.е. по твоему примеру выходит: [ 0:1, 1:2, 2:3, 3:4 ] Нулевой элемент - это первая ссылка? Первый элемент - это вторая ссылка? И т.д. ? 3) i = 0; - означает, что мы обращаемся к первому элементу, т.е. к ссылке 0:1, которая идёт самая первая в коллекции? 4) мы берем, и переставляем его в конец [ 0:2, 1:3, 2:4, 3: 1] А тут выходит, мы взяли первую ссылку 0:1 и забросили её в конец и теперь она стала третьей? А первой стала - вторая? 5)
-
Да, если не сложно, просто очень интересно увидеть рабочий вариантик
-
Небольшая, но очень интересная задачка по верстке.
psywalker replied to Great Rash'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>1</title> <style type="text/css"> *{ margin: 0; padding:0} html,body { height: 100%;} body { padding: 50px; border: 1px solid #000;} #wrap { width: 300px; height: 300px; padding: 50px; border: 1px solid #000; margin: 0 auto; } #wrap2 { margin-left: 100px;border: 1px solid #000; } #span { display: block; height: 100%; border: 1px solid #000;} </style> </head> <body> <div id="wrap"> <div id="wrap2"> <span id="span">Span</span> </div> </div> <script> var div = document.getElementById('wrap') var span = document.getElementById('span') function getBounds(obj,endElem) { var x = 0; var y = 0; var prnt = obj; var end = endElem ? endElem.nodeName.toLowerCase() : 'html'; while (prnt && prnt.nodeName.toLowerCase() != end) { x += prnt.offsetLeft; y += prnt.offsetTop; prnt = prnt.offsetParent; } var x1 = x + obj.offsetWidth; var y1 = y + obj.offsetHeight; return {'x0': x, 'y0': y, 'x1': x1, 'y1': y1, 'w': obj.offsetWidth, 'h': obj.offsetHeight} } alert('x0=' + getBounds(span,div).x0 + '\ny0=' + getBounds(span,div).y0); </script> </body> </html>
-
Небольшая, но очень интересная задачка по верстке.
psywalker replied to Great Rash's question in HTML Coding
Дело в том, что я вначале уже предлагал такой вариант с шириной 156пк, даже без НЕкроссбраузерного :after;, то он не подошёл, как бы нечестный http://forum.htmlbook.ru/index.php?s=&...st&p=139360 -
Небольшая, но очень интересная задачка по верстке.
psywalker replied to Great Rash's question in HTML Coding
Ааа, ну походу нужно было на 5+ владеть и вёрсткой и JS, да? Неее, тебе лучше всёж программистом заделаться -
Ну хорошо, а тогда вопрос: Вот при таких раскладах как же нам расчитать левый отступ Ноды Спан, от Первого контейнера #wrap ? Ведь во-первых он всегда выравнивается по середине экрана, во-вторых не имеет ни релатива, ни т.д. ? <!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>1</title> <style type="text/css"> *{ margin: 0; padding:0} html,body { height: 100%;} body { padding: 50px; border: 1px solid #000;} #wrap { width: 300px; height: 300px; padding: 50px; border: 1px solid #000; margin: 0 auto; } #wrap2 { margin-left: 100px;border: 1px solid #000; } #span { display: block; height: 100%; border: 1px solid #000;} </style> </head> <body> <div id="wrap"> <div id="wrap2"> <span id="span">Span</span> </div> </div> <script> var span = document.getElementById('span') function getBounds(obj) { var x = 0; var y = 0; var prnt = obj; while (prnt && prnt.nodeName.toLowerCase() != 'html') { x += prnt.offsetLeft; y += prnt.offsetTop; prnt = prnt.offsetParent; } var x1 = x + obj.offsetWidth; var y1 = y + obj.offsetHeight; return {'x0': x, 'y0': y, 'x1': x1, 'y1': y1, 'w': obj.offsetWidth, 'h': obj.offsetHeight} } alert('x0=' + getBounds(span).x0 + '\ny0=' + getBounds(span).y0); </script> </body> </html>
-
Небольшая, но очень интересная задачка по верстке.
psywalker replied to Great Rash's question in HTML Coding
Согласен, там вопросы задают прямо в лоб, и нет времени даже подумать. Кстати а какой там график намечался и зарплата? -
Я полагаю, что JS например может вычеслить ширину и высоту определённой картинки и в зависимости от её ширины уже прописать нужную ячейкам
-
Т.е. выходит, что если родителю не заданы position: relative; или position: absolute; или position: fixed;, то точка отсчёта идёт от БОДИ? А если заданы position: relative; или position: absolute; или position: fixed;, то точка отсчёта идёт от родителей?
-
Я тоже не далеко от нуба ушёл, поэтому могу посоветовать http://stepbystep.htmlbook.ru/
-
Небольшая, но очень интересная задачка по верстке.
psywalker replied to Great Rash's question in HTML Coding
Медведь смотри, первое решение нормал, а второе нечестное, так как ты ставишь ширину контейнеру 156пк, а она по умолчанию должна быть 150пк. А так спасиб за ещё один вариант. -
Во всех браузерах одинаково, только в Opera нет.
psywalker replied to Ritter's question in HTML Coding
Ааа, ну вот видишь, а ты боялся -
Ребят, а на мой вопрос ответьте пожалуйста. Почему результат алерта 101пк, ведь мы же по-идее должны отсчитывать левый отступ от родителя, а это Див, и он 50пк, а получается что отступ расчитывается от БОДИ, почему так? <!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>1</title> <style type="text/css"> *{ margin: 0; padding:0} body { padding: 50px; border: 1px solid #000;} #wrap { width: 300px; height: 300px; padding: 50px; border: 1px solid #000;} #span { display: block; height: 100%; border: 1px solid #000;} </style> </head> <body> <div id="wrap"> <span id="span">Span</span> </div> <script> var div = document.getElementById('wrap') var span = document.getElementById('span') var y = span.offsetLeft alert(y) </script> </body> </html>