|
|
|
| Итак, это своего рода тест на знание CSS. Хотя вопрос тут очень простой.
Есть таблица, состоящая из 2 столбцов и 30-40 строк. Первая строка (далее - заголовок) имеет темно-синий фон, на котором посередине в каждой строке написано по слову (для контраста пусть эти слова будут белымы жирными). Собственно, с заголовком закончили.
Для удобства восприятия пусть четные и нечетные строки будут иметь разные цвета фона (светло-голубой и светло-зеленый).
Все ячейки первого столбца (кроме заголовка) имеют следущий шаблон: сначала надпись сверху посередине жирным подчеркнутым, чуть ниже картинка, в самом низу маленькая подпись (выравивание: по левому краю).
Ячейки второго столбца имеют другую структуру: верхняя надпись идет слева жирным, она крупная и бросается сразу в глаза, ниже идет пояснение к вышесказанному.
Теперь немного о границах: вокруг таблицы должна быть толстая жирная рамка цвета заголовка (ну, чтоб сливалось, был плавный красивый переход). Между столбцами и строками должна быть тонкая белая линия.
Задача: напасать такой код (или пример для 3-4 строк), чтоб выполнялись все вышеперечисленные условия и сам код занимал как можно меньше места.
Вот и все. Собственно, ответы писать тут можно, я не обижусь :-) | |
|
|
|
|
|
|
|
для: gobseck
(03.07.2008 в 19:14)
| | Да собственно, я CSS не знаю, а посему вы сами ответ напишите, а я поучусь... | |
|
|
|
|
|
|
|
для: coloboc66
(04.07.2008 в 23:03)
| | :-) Присоединяйся к нам, мы тоже в CSS не шарим.
А посему ждем ответа от умного человека. | |
|
|
|
|
|
|
|
для: gobseck
(04.07.2008 в 23:08)
| | Вряд ли дождётесь, так как умные люди работают за деньги, а не на халяву. | |
|
|
|
|
|
|
|
для: coloboc66
(04.07.2008 в 23:22)
| | Во-первых , такое за деньги подсказывать - не стыдно ли будет?
Во-вторых , я никогда никому не платил за то, что могу сделать сам (или частично сам).
В-третьих , это вызов?! Ну что ж, я принимаю. | |
|
|
|
|
|
|
|
для: gobseck
(04.07.2008 в 23:29)
| | ))))) Такой серьездный ебб-видно что программер)))) Деньги я бы не взял поверь...Это так-есть люди которым срочно что-то надо сделать за пару минут. | |
|
|
|
|
|
|
|
для: OLi
(04.07.2008 в 23:46)
| |
<STYLE>
TABLE
{
BORDER-RIGHT: blue 4pt solid;
BORDER-TOP: blue 4pt solid;
FONT-SIZE: 50pt;
BORDER-LEFT: blue 4pt solid;
BORDER-BOTTOM: blue 4pt solid;
BORDER-COLLAPSE: collapse
}
TD.1
{
BORDER-RIGHT: white 1pt solid;
BORDER-TOP: none;
BORDER-LEFT: none;
BORDER-BOTTOM: blue 2pt solid;
BACKGROUND-COLOR: aquamarine
}
TD.2
{
BORDER-RIGHT: none;
BORDER-TOP: none;
BORDER-BOTTOM: blue 2pt solid;
BACKGROUND-COLOR: aquamarine
}
TD.3
{
BORDER-RIGHT: white 1pt solid;
BORDER-TOP: none;
BORDER-LEFT: none;
BORDER-BOTTOM: blue 2pt solid;
BACKGROUND-COLOR: lightgreen
}
TD.4
{
BORDER-RIGHT: blue 3pt;
BORDER-TOP: none;
BORDER-BOTTOM: blue 2pt solid;
BACKGROUND-COLOR: lightgreen
}
#H
{
BORDER-RIGHT: white 1pt solid;
BORDER-TOP: none;
FONT-WEIGHT: bolder;
BORDER-LEFT: none;
COLOR: white;
BORDER-BOTTOM: none;
BACKGROUND-COLOR: blue
}
</STYLE>
<head>
</head>
<body>
<table>
<tr><td id=H>Heading 1</td><td id=H>Heading 2</td></tr>
<tr><td class=1>Cell 1</td><td class=2>Cell 2</td></tr>
<tr><td class=3>Cell 3</td><td class=4>Cell 4</td></tr>
<tr><td class=1>Cell 1</td><td class=2>Cell 2</td></tr>
<tr><td class=3>Cell 3</td><td class=4>Cell 4</td></tr>
</font>
</body>
|
Ну, это каркас. Вроде так должно быть. | |
|
|
|
|
|
|
|
для: gobseck
(03.07.2008 в 19:14)
| | Если срочно надо могу без проблем написать но за маленькую цену)) Оставь асю если надумаешь ;) | |
|
|
|