maddogrts

присвой ячейке класс. определи для нее стили (фон + градиент) Далее вложы туда два тега верхний для верхней картинки , нижний для нижней. А по центру используй параграф или див и пиши туда .

У тебя тоже нееплохо сделано. Нужно (мое мнение) Убрать жирность. Написать Русский English подчеркивание сделать одного цвета с буквами (булым в данном случае) Добавить фон в виде узора например справа. Все

Это конечный результат сайта ?

У вас блок контента ограничен по высоте ?

http://maddog-rts5.narod.ru/ Если ты уберешь лишнее сделаешь то что тебе надо. Не знаю почему тебе не помогли советы )

хе хе )) надеюсь вы так верстать не умеете ))

@charset "utf-8"; @namespace omf url(http://www.eee.com/2003/omf); @namespace html url(http://www.w3.org/TR/REC-html40); div.headers {/* Remove this rule if you want CSS-styled message headers, not toolbars */ position: absolute; top: -60000px; } div+div.headers { margin: 10px 50px 0; border: 1px solid rgb(100,100,100); border-top-width: 3px; position: static; } div+div.headers+div { margin: 0 50px 10px; border: 1px solid rgb(100,100,100); border-width: 0 1px 3px; } div#qp_error {display: none;} * { margin: 0; padding: 0; } object { width: 100%; height: -o-content-size; display: block; } @media screen, projection, tv { .attachments object { vertical-align: middle; padding: 4px; width: auto; max-width: 98%; height: auto; } omf|mime { color: WindowText; background-color: transparent; display: block; } omf|headers { font: status-bar; color: ButtonText; background: ThreeDFace; padding: 4px; border: 1px outset ThreeDFace; width: 100%; table-layout: fixed; } } omf|headers {display: table;} omf|hgrp {display: table-row-group;} omf|hdr {display:none;} omf|hdr[name="date"], omf|hdr[name="from"], omf|hdr[name="to"], omf|hdr[name="cc"], omf|hdr[name="bcc"], omf|hdr[name="newsgroups"], omf|hdr[name="followup-to"], omf|hdr[name="reply-to"], omf|hdr[name="subject"], omf|hdr[name="organization"], omf|hdr[name="resent-from"] {display:table-row;} omf|n { font-weight: bold; vertical-align: top; padding-left: 4px; width: 8em; display: table-cell; } omf|n:after {content: ": ";} omf|v { vertical-align: top; padding-left: 4px; display: table-cell; } omf|body, omf|div { margin: 0; display: block; } omf|div.plaintext {padding: 0 8px;} omf|p { white-space: -o-pre-wrap; padding: 0; margin: 0; display: block; } omf|l { padding: 0; margin: 0; display: block; } omf|sig { font-style: italic; color: gray; } #flowed omf|ql { padding: 0 0 0.3em 0.4em; margin-left: -0.2em; border-left: 2px solid; display: block; } omf|ql.L0 {color: #000000;} omf|ql.L1, omf|ql.L7, omf|ql.L13, omf|ql.L19, omf|ql.L25, omf|ql.L31 {color: #385FA3;} omf|ql.L2, omf|ql.L8, omf|ql.L14, omf|ql.L20, omf|ql.L26 {color: #4FA729;} omf|ql.L3, omf|ql.L9, omf|ql.L15, omf|ql.L21, omf|ql.L27 {color: #CC0000;} omf|ql.L4, omf|ql.L10, omf|ql.L16, omf|ql.L22, omf|ql.L28 {color: #6D3420;} omf|ql.L5, omf|ql.L11, omf|ql.L17, omf|ql.L23, omf|ql.L29 {color: #458183;} omf|ql.L6, omf|ql.L12, omf|ql.L18, omf|ql.L24, omf|ql.L30 {color: #212326;} #flowed omf|ql.L0 {border-left: none;} #flowed omf|ql.L1, #flowed omf|ql.L7, #flowed omf|ql.L13, #flowed omf|ql.L19, #flowed omf|ql.L25, #flowed omf|ql.L31 {border-left-color: #385FA3;} #flowed omf|ql.L2, #flowed omf|ql.L8, #flowed omf|ql.L14, #flowed omf|ql.L20, #flowed omf|ql.L26 {border-left-color: #4FA729;} #flowed omf|ql.L3, #flowed omf|ql.L9, #flowed omf|ql.L15, #flowed omf|ql.L21, #flowed omf|ql.L27 {border-left-color: #CC0000;} #flowed omf|ql.L4, #flowed omf|ql.L10, #flowed omf|ql.L16, #flowed omf|ql.L22, #flowed omf|ql.L28 {border-left-color: #6D3420;} #flowed omf|ql.L5, #flowed omf|ql.L11, #flowed omf|ql.L17, #flowed omf|ql.L23, #flowed omf|ql.L29 {border-left-color: #458183;} #flowed omf|ql.L6, #flowed omf|ql.L12, #flowed omf|ql.L18, #flowed omf|ql.L24, #flowed omf|ql.L31 {border-left-color: #212326;} #flowed .flow {margin: -1em 0 1em 0;} #flowed omf|l {display: inline;} #wrapped .L1 omf|l:before {content: '> ';} #wrapped .L2 omf|l:before {content: '>> ';} #wrapped .L3 omf|l:before {content: '>>> ';} #wrapped .L4 omf|l:before {content: '>>>> ';} #wrapped .L5 omf|l:before {content: '>>>>> ';} #wrapped .L6 omf|l:before {content: '>>>>>> ';} #wrapped .L7 omf|l:before {content: '>>>>>>> ';} #wrapped .L8 omf|l:before {content: '>>>>>>>> ';} #wrapped .L9 omf|l:before {content: '>>>>>>>>> ';} #wrapped .L10 omf|l:before {content: '>>>>>>>>>> ';} #wrapped .L11 omf|l:before {content: '>>>>>>>>>>> ';} #wrapped .L12 omf|l:before {content: '>>>>>>>>>>>> ';} #wrapped .L13 omf|l:before {content: '>>>>>>>>>>>>> ';} #wrapped .L14 omf|l:before {content: '>>>>>>>>>>>>>> ';} #wrapped .L15 omf|l:before {content: '>>>>>>>>>>>>>>> ';} #wrapped .L16 omf|l:before {content: '>>>>>>>>>>>>>>>> ';} #wrapped .L17 omf|l:before {content: '>>>>>>>>>>>>>>>>> ';} #wrapped .L18 omf|l:before {content: '>>>>>>>>>>>>>>>>>> ';} #wrapped .L19 omf|l:before {content: '>>>>>>>>>>>>>>>>>>> ';} #wrapped .L20 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>> ';} #wrapped .L21 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>> ';} #wrapped .L22 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>> ';} #wrapped .L23 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>> ';} #wrapped .L24 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>> ';} #wrapped .L25 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>> ';} #wrapped .L26 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>> ';} #wrapped .L27 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>> ';} #wrapped .L28 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';} #wrapped .L29 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';} #wrapped .L30 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';} #wrapped .L31 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';} [class^="smiley"] { width: -o-skin; height: -o-skin; } .smiley-happy {background-image: -o-skin("Smiley Happy");} .smiley-unhappy {background-image: -o-skin("Smiley Unhappy");} .smiley-wink {background-image: -o-skin("Smiley Wink");} .smiley-surprised {background-image: -o-skin("Smiley Surprised");} .smiley-grin {background-image: -o-skin("Smiley Grin");} .smiley-cool {background-image: -o-skin("Smiley Cool");} .smiley-indifferent {background-image: -o-skin("Smiley Indifferent");} .smiley-cry {background-image: -o-skin("Smiley Cry");} .smiley-angry {background-image: -o-skin("Smiley Angry");} .smiley-tongue {background-image: -o-skin("Smiley Tongue");} .smiley-pacman {background-image: -o-skin("Smiley Pacman");} .attachments a { font: status-bar; text-decoration: underline; vertical-align: middle; color: blue; display: inline; } .attachments a.unknown::before { content: ""; background-image: -o-skin('Attachment Documents'); margin-right: 3px; width: 16px; height: 16px; display: inline-block; } @media print { div.headers { padding: 0 0 2mm; margin: 0 2mm 4mm; border-bottom: 1px solid black; position: static; display: block; } .L1 omf|l:before {content: '> ';} .L2 omf|l:before {content: '>> ';} .L3 omf|l:before {content: '>>> ';} .L4 omf|l:before {content: '>>>> ';} .L5 omf|l:before {content: '>>>>> ';} .L6 omf|l:before {content: '>>>>>> ';} .L7 omf|l:before {content: '>>>>>>> ';} .L8 omf|l:before {content: '>>>>>>>> ';} .L9 omf|l:before {content: '>>>>>>>>> ';} .L10 omf|l:before {content: '>>>>>>>>>> ';} .L11 omf|l:before {content: '>>>>>>>>>>> ';} .L12 omf|l:before {content: '>>>>>>>>>>>> ';} .L13 omf|l:before {content: '>>>>>>>>>>>>> ';} .L14 omf|l:before {content: '>>>>>>>>>>>>>> ';} .L15 omf|l:before {content: '>>>>>>>>>>>>>>> ';} .L16 omf|l:before {content: '>>>>>>>>>>>>>>>> ';} .L17 omf|l:before {content: '>>>>>>>>>>>>>>>>> ';} .L18 omf|l:before {content: '>>>>>>>>>>>>>>>>>> ';} .L19 omf|l:before {content: '>>>>>>>>>>>>>>>>>>> ';} .L20 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>> ';} .L21 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>> ';} .L22 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>> ';} .L23 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>> ';} .L24 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>> ';} .L25 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>> ';} .L26 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>> ';} .L27 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>> ';} .L28 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';} .L29 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';} .L30 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';} .L31 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';} omf|ql[class] { color: black !important; border: none !important; } [class^="smiley"] { background-image: none; width: auto; height: auto; } img[title] {content: attr(title);} .attachments a:before { content: " " counter(attachment) ". "; counter-increment: attachment; } .attachments>a>img {display: none;} }

А как же ? да не уподобимся тем кто хуже нас ))

своя (если цена трудов и времени затраченных на нее не имеет значения )

Конечная цель любого коммерческого проекта принесение денег так ? Так вот поисковые системы рекомендует делать меню списками. (пример гугл) Вопрос исчерпан. Если вы делаете сайт для себя можете делать как хотите А если хотите чтобы ваш сайт был оптимизирован для поисковиков будете использовать списки. (думаю на этом настоит заказчик, если он конечно в курсе ) А как лучше, это личное мнение каждого. Делать так или делать так. Делайте как хотите, главное чтобы ваше творчество могло конкурировать на рынке и отвечало поставленным задачам. Лично мне в ТЗ прописывают как делать меню, может мне бы и хотелось сделать его тегом например )). То же самое про валидность и остальное.

Я не ошибаюсь это вы не правилньо делаете . во первых почитайте про наследование можно упростить [quote]<style type="text/css"> a {text-decoration:none; font-weight:bold; outline: none} a:link {color:#e00000; } a:visited { color:#800000; } a:hover {background-color:#ff0; } a:active {background-color:#cff; } a:focus { background-color:#080; } </style>[/quote] У меня почему то все выходит как надо ) Как хотите в след раз не помогу.

А где спасибо или еще чего нибудь ?

хм , проверил еще раз в опере. Клава появляется но херовая, без кнопок тока цифры и нажать не получается. . я вначале подумалчто так и задумано 6)))

а тебе не пример дали ?

http://www.biblus.ru/ есть панель в отдельном окне панель - клавиатура, если не появилась то есть кнопка-символ-картинка возле поиска. Для чего? И как ею пользоваться - у меня ничего не получилос У меня получилось ))), в опере немного тормозит, обновите просто и нажмите еще раз (опера всегда славилась своим отношением к скриптам)

http://www.yandex.ru/index_engl_qwerty.html и на яндексе она есть меню кстати у них нормальное ?))), они просто на всех кроме ие забили .

клаву сделали грамотно , тока иконка не понятная . Но вообще супер. Что-то я не видел подобного на yandex или google - это я про клаву. Яндекс русский , а гугл по мойму на все языки переведен или я не прав ?

хз , че то ты неправилньо делаешь ), дивами верстай вот забей на таблицы

<script language="javascript"> function printsite() { if (navigator.platform == "Win32"){ window.print(); } else { alert ("print out this page by hitting command + p"); }} </script> <a class="print" href="#" onclick="printsite();">print</a>

Живая кнопка .LiveButton {background: url(картинка живый кнопки 1!);} .LiveButton:hover {background: url(картинка живый кнопки 2!);} или .LiveButton1 {background: url(картинка живый кнопки 1!);} .LiveButton2 {background: url(картинка живый кнопки 2!);} А где спасибо или еще чего нибудь ?

a {outline: none;}

так и должно быть вы увеличиваете страницу она не влезает и появляется прокрутка, сделайте так чтобы при среднем размере все было окей.

никак средствами CSS и HTML . может на JS можно. (учитывая данные теги) С помощью таблицы можно. просто указать 100% ширину для table

убрать отступы у тега li

Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов: serif ? шрифты с засечками (антиквенные), типа Times; sans-serif ? рубленные шрифты (шрифты без засечек или гротески), типичный представитель ? Arial; cursive ? курсивные шрифты; fantasy ? декоративные шрифты; monospace ? моноширинные шрифты, ширина каждого символа в таком семействе одинакова.