Yahoo!

Несколько статей ещё сделал) вот откорректировал с CSS3 http://www.greymlelelele.chat.ru/acquainted_with_CSS3.html Да это и не слово вовсе =) , а мой ник)) а без ошибок так вроде - excellent

Я имел ввиду не дизайн, а оформление текста, заголовков и всё в таком плане. Их читабельность... Вы не найдёте, а кто-то другой может и найдёт. Согласен, что нового нет, но если так смотреть, то что выкладывать?? Тем более я старался своим языком выложить, а не тупо скопировать и выложить. Даа, хостинг - фикалий)) когда сделаю сайт, переведу на платный и всё будет. exeleNt мой ник, а ничего лучше не придумал, а что придумал - занято. Чем логотип не угодил? Без логотипа лучше??? Нее exeleNt )) Почему >> нельзя? Я толком не знаю js, да и не парюсь о рекламе) "Веб" это и есть "все статьи", просто мало кто может подумать что это ссылка, а подчёркивать её там не оч. красиво, пришлось вот такую ссылочку добавить. Запутанно как-то получилось. "Веб" это раздел в котором Вы находитесь и в начало этого раздела Вы можете вернуться. Во как.

Много-вато получается, но, пожалуй, да. А чем так плох пустой див? Я им не пользуюсь, плохой тон и всё такое, но интересно стало.

2psywalker, скажи как прекратить обтекание, если после блока стоит заголовок у которого есть верхний отступ, короче clear: both уберёт у него отступ, а сам блок не имеет родителя. Тут по моему без пустого дива ты никак не обойдёшься. Тут только display: table или ещё есть варианты?

http://milongos.narod.ru/ - душевно Расстояние между картинками на таблицах - border-collapse: collapse на дивах флоатами и отступами. Короч на дивах долго объявлять.

Увеличь размер шрифта если это смущает) Зато ничто не отвлекает от чтения статьи

То есть не плохо? Спасибо а то уже привык в свой адрес слышать слово на букву "Г" Это я пробную статейку сделал, одну пока. Имел ввиду, удобство читаемости и прочее, ну и качество тоже)) По центру расположил только саму статью и ничего по бокам, что б не отвлекало.

Да это я знаю) начал верстать аж в в конце 2008, потом затянулся почти на год в КС)))) и вот учёба началась, опять стал верстать, 2 дня и всё вспомнил, ещё неделя и я стал ещё лучше верстать) А на своём сайте можно хоть заработать?

Данной страницы

Мда, я в них как рыба в консервах, а то и ещё хуже) а в чистой вёрстке? Видел 30000)

Ну сколько? В объявлениях видел, что PHP/JS 80000 могут получать=)

Так я хочу что б вы посоветовали, что улучшить в оформлении P.S.: надо отдельный раздел на форуме создать "Юзабилити" ибо важнее для пользователя даже получается.

Да это по-любому) куда денусь, но блииин, как представлю... до лета... п...... А на хорошей вёрстке сайтов в будущем можно будет хорошо заработать?

О вёрстке не спрашиваю=) всё сделаю не переживай, но после того как завершу с оформлением.

http://www.greymlelelele.chat.ru/statz.html Что надо исправить? На саму статью не смотрите=)

Как думаете? Жестоко было лишать меня на пол года компа, за то что 3 по-русскому получил в полугодии? Верстать наверн разучусь)))

Ваще кууул!!! Избавился от этого громадного межстрочного расстояния! Надо было спану задать межстрочное расстояние равное высоте т.е. выровнить содержимое в нём по центру и родителю задать межстрочное расстояние 0.

CSS: .code {overflow: auto; max-height: 500px} .code-2 {height: 1%} .code, .code-2 { border: 1px solid #aaa; margin: 1em 0; line-height: 1em } .code table, .code-2 table { table-layout: fixed; height: 100%; width: 100% } .code .lineNumber, .code-2 .lineNumber { text-align: right; background: #ECE9D8; color: #555; width: 2em } .lineNumber pre {padding: 1em 0.5em 1em 0;} .code .codeWrap { padding: 0 0 0 0.5em } .code-2 .codeWrap pre { overflow: auto; width: 100%; float: left } .code-2 .codeWrap pre code { padding: 1em 0 1em 0.5em; display: block } .code span, .code-2 span { display: block; height: 1.2em; font-size: 1em; white-space: nowrap; line-height: 1.2em } .code span span, .code-2 span span {display: inline} HTML: <div class="code-2"> <table> <tr> <td class="lineNumber"> <pre><span>1</span> <span>2</span> <span>3</span> <span>4</span> <span>5</span> <span>6</span> <span>7</span> <span>8</span> <span>9</span> <span>10</span> <span>11</span> <span>12</span> <span>13</span> <span>14</span> <span>15</span> <span>16</span> <span>17</span> </pre> </td> <td class="codeWrap"> <pre><code><span><span class="commentHTML"><!--CSS:--></span></span> <span><span class="tagHTML"><style</span> <span class="attribute">type</span>=<span class="value">"text/css"</span><span class="tagHTML">></span></span> <span><span class="tagCSS">.box</span> {</span> <span><span class="commentCSS">/*в начале закруглим углы*/</span></span> <span><span class="property">border-radius</span>: 5px; <span class="commentCSS">/* основное свойство; 5px — это радиус закругления */</span></span> <span><span class="property">-moz-border-radius</span>: 5px;<span class="commentCSS"> /* закругляем углы для браузеров на мозиловском движке, в том числе для наших любимых fire fox'ов 3+ */</span></span> <span><span class="property">-webkit-border-radius</span>: 5px; <span class="commentCSS">/* закругляем углы для браузеров на движке webkit */</span></span> <span><span class="commentCSS">/* помните, что необходимо прописывать все эти три строки */</span></span> <span></span> <span><span class="commentCSS">/* + */</span></span> <span><span class="property">padding</span>: 5px;</span> <span><span class="property">border</span>: 1px solid #aaa</span> <span>}</span> <span><span class="tagHTML"></style></span></span> <span></span> <span><span class="commentHTML"><!--HTML:--></span></span> <span><span class="tagHTML"><div</span> <span class="attribute ">class</span>="<span class="value">box</span>"<span class="tagHTML">></span>Блок c закруглённиями, с тенью у нижней и правой границы и тенью у текста.<span class="tagHTML"></div></span></span> </code></pre> </td> </tr> </table> </div>

Вот теперь всёёё. Я очень трашно ступил! Надо было писать white-space... Плюс ещё пару колдовских мелочей и полная кроссбраузерность. Единственно, но это большое межстрочное расстояние...

Есть-есть, посмотри сейчас, для всех браузеров width: 300% для спана.

Не помогает. Всё дело в spanе .code span, .code-2 span { display: block; height: 0.3em; font-size: 1em; word-space: nowrap; width: 100% } .code span span, .code-2 span span {display: inline} До того как я их вставил, всё было норм. Кстати помогает костыль для ие6, если задать spanу например width:200%, тогда строка будет занимать больше 100% и не будет переноситься. но это как-то... ну не то=) 200% и позади всей конструкций пустое пространство, а вдруг строка будет ещё длиннее, это не есть гуд

Всмысле? Там есть один длинный комментарий, в фф он продолжается, а в ИЕ6 переноситься но новую строку. У тебя как?

Шутку оценил. На самом деле всё не так просто. Объяснять честно долго, ещё вдруг не так объясню. Вот короче ссылка (смотреть только первый пример с кодом) http://www.greymlelelele.chat.ru/statza.html За статью не бейте =)

Конструкция такая: <div class="code"> <table> <tr> <td class="listNumber"> <pre><span>1</span></pre> </td> <td class="codeWrap"> <pre><code><span>TyT KAKOu-TO TPAHCJIuTHblu TEKCT</span> </code></pre> </td> </tr> </table> </div> Не до такой степени я новичок Скрин не нужен думаю, в лисе всё отображается супер.

Есть проблемка. Есть блок с overflow: auto В нём span с display: block и заданной высотой Всё нормально, но в IE6 при заполнений больше 100% от родителя текстом вместо, того что б продолжать строку и тем самым образовывать полосу прокрутки у родителя, он переносит строчку. word-space: nowrap не помогает =( Что сделать? Заранее спасибо.