BPOTHOCOK
-
Posts
6 -
Joined
-
Last visited
BPOTHOCOK's Achievements
Explorer (1/14)
0
Reputation
-
http://jsfiddle.net/ogb7kbLw/ <!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title><STYLE>.button-master {border: 1px solid #000;padding: 2px; /* вопрос б *///float: left; /* вопрос в */} .button-slave {padding: 2px;background: #aaa;font-size: 13px;font-weight: bold;border: 1px dashed #fff;color: #fff;}.canvas {display: inline;} canvas {//position: absolute; /* вопрос г *///float: left;}</STYLE></head><body><HEADER></HEADER><SECTION><NAV></NAV><ARTICLE><span class="button-master"><span class="button-slave">Элемент</span></span><div class="canvas"><canvas id="icon01" width="16" height="16" style="border:1px solid red;"></canvas></div><div class="canvas"><canvas id="icon02" width="16" height="16" style="border:1px solid green;"></canvas></div><div class="canvas"><canvas id="icon03" width="16" height="16" style="border:1px solid blue;"></canvas></div></ARTICLE></SECTION><FOOTER></FOOTER></body></html>Несколько вопросов вызывает данный код. а. Почему элементы изначально позиционированы не ровно, здесь какой тип элементов canvas или span не ровный по высоте? На jsfiddle они ровные, что странно, проверьте всё-же в IE. Далее по порядку, каждый вопрос это закомментированный в коде стиль, применяется только отдельно, но не все сразу. б. Для .button-master padding два пикселя. Почему если его закомментировать .button-slave по высоте выходит за границы родительского элемента .button-master? в. Почему если раскомментировать float для button-master тогда элементы все ровняются, но по верхнему краю? г. Почему если раскомментировать position для canvas, эти элементы ровняются по центру, что мне и нужнее всего. Но при этом они создают коллапс, все позиционируются в одно место, один в другой. Какое решение здесь можно применить? UPD. Определил способ позиционировать canvas. Установить для canvas position: relative; и далее позиционировать по высоте top; относительно родительского div. Но всё-же интересуют все соображения по вопросам.
-
Всё верно )
-
window.onload = newNumber; function RandomNumber() { for (var i=0; i<10; i++) { /* очерёдность строк */ var mulNum = new Array(0,2,4,6,16,32,64,128,256,512); /* свой множитель для каждой строки */ var eqNum = (mulNum[i] * 15) + Math.floor(Math.random() * 15) + 1; /* формула получения случайного числа */ document.getElementById("insert" + i).innerHTML = eqNum; /* вставить число в строки относительно очерёдности */ } } Суть кода записать случайные числа в соответствующие множителю поля. А непонятен момент формулы получения случайного числа. Вот (mulNum * 15) Эта часть сначала очереди выглядит как (0[0] * 15) то-есть записать ноль в строку id="insert0" и далее по формуле?
-
Я всё переделал. CSS прошёл проверку с одной ошибкой "Свойство font-face не существует : monospace monospace" А html валидатор тоже прошёл с одной ошибкой повторяющейся много раз. Я в таблице выравнивание во всех ячейках поставил одним id идентификатором. оказывается не по правилам. хотя всё логично.
-
Отказался от списков. div'ы удобнее. По второй проблеме всё верно, попробую. :9
-
Наткнулся при коде на несколько проблем, кроме того я чайник. Готовый htm файл залил здесь http://rapidshare.com/files/416737094/TEMPO.htm.html и вот тот же самый код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Что то тут не то</title> <style type="text/css"> ul { border: solid 1px; float: left; list-style: none; margin: 10% 0 0 1em; padding: 0 1em 0 0.5em; } li { background: #00FFCC; } ul div { background: #CCCCFF; margin-left: -0.5em; } a:hover { text-decoration: none; background: #CCCC99; display: block; } table { margin: 0 auto; } th.ftable { border: dotted 1px; } table table { border-collapse: collapse; margin: 1em auto; } th,td { border: solid 1px; padding: 0.2em; } </style> </head> <body> <ul> <div>Пункт 1</div> <li><a href="scilko.html">Ссылка</a></li> <li><a href="scilko.html">Ссылка</a></li> <div>Пункт 2</div> <li><a href="scilko.html">Ссылка</a></li> <div>Пункт П</div> <li><a href="scilko.html">Ссылка</a></li> </ul> <table><tr><th class="ftable"> <table> <caption>ЗАГОЛОВОК</caption> <tr><th>Н</th><th>что то интересное</th></tr> <tr><td>1</td><td>AAA</td></tr> <tr><td>2</td><td>BBB</td></tr> <tr><td>3</td><td>CCC</td></tr> <tr><td>4</td><td>DDD</td></tr> <tr><td>5</td><td>EEE</td></tr> <tr><td>6</td><td>FFF</td></tr> <tr><td>7</td><td>GGG</td></tr> <tr><td>8</td><td>HHH</td></tr> <tr><td>9</td><td>III</td></tr> <tr><td>10</td><td>JJJ</td></tr> <tr><td>11</td><td>KKK</td></tr> <tr><td>12</td><td>LLL</td></tr> </table> <table> <tr><th>Н</th><th>что то интересное</th></tr> <tr><td colspan=2>ПОДЗАГОЛОВОК</td></tr> <tr><td>1</td><td>MMMMM</td></tr> <tr><td>2</td><td>NNNNN</td></tr> <tr><td>3</td><td>OOOOO</td></tr> <tr><td>4</td><td>PPPPP</td></tr> <tr><td>5</td><td>QQQQQ</td></tr> <tr><td>6</td><td>RRRRR</td></tr> <tr><td>7</td><td>SSSSS</td></tr> <tr><td>8</td><td>TTTTT</td></tr> <tr><td>9</td><td>UUUUU</td></tr> <tr><td>10</td><td>VVVVV</td></tr> <tr><td>11</td><td>WWWWWWWWWW</td></tr> <tr><td>12</td><td>XXXXX</td></tr> <tr><td>13</td><td>YYYYY</td></tr> <tr><td>14</td><td>ZZZZZ</td></tr> </table> </th></tr></table> </body> </html> Собственно проблем с этим кодом несколько. 1. При наведении на ссылки из списка, вторая и последняя раскрываются (IE6 XPsp2). В Opera всё хорошо. 2. Заметьте что две таблицы вложены в таблицу. Это я сделал потому что если эти таблицы закрыть в блок DIV то таблицы не получается выстроить одна под другой, из за того что DIV в свой контейнер забирает и предыдущий список ссылок почему то.