Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: CSS-оформление таблиц
 
 автор: gobseck   (03.07.2008 в 19:14)   письмо автору
 
 

Итак, это своего рода тест на знание CSS. Хотя вопрос тут очень простой.

Есть таблица, состоящая из 2 столбцов и 30-40 строк. Первая строка (далее - заголовок) имеет темно-синий фон, на котором посередине в каждой строке написано по слову (для контраста пусть эти слова будут белымы жирными). Собственно, с заголовком закончили.
Для удобства восприятия пусть четные и нечетные строки будут иметь разные цвета фона (светло-голубой и светло-зеленый).
Все ячейки первого столбца (кроме заголовка) имеют следущий шаблон: сначала надпись сверху посередине жирным подчеркнутым, чуть ниже картинка, в самом низу маленькая подпись (выравивание: по левому краю).
Ячейки второго столбца имеют другую структуру: верхняя надпись идет слева жирным, она крупная и бросается сразу в глаза, ниже идет пояснение к вышесказанному.
Теперь немного о границах: вокруг таблицы должна быть толстая жирная рамка цвета заголовка (ну, чтоб сливалось, был плавный красивый переход). Между столбцами и строками должна быть тонкая белая линия.

Задача: напасать такой код (или пример для 3-4 строк), чтоб выполнялись все вышеперечисленные условия и сам код занимал как можно меньше места.

Вот и все. Собственно, ответы писать тут можно, я не обижусь :-)

   
 
 автор: coloboc66   (04.07.2008 в 23:03)   письмо автору
 
   для: gobseck   (03.07.2008 в 19:14)
 

Да собственно, я CSS не знаю, а посему вы сами ответ напишите, а я поучусь...

   
 
 автор: gobseck   (04.07.2008 в 23:08)   письмо автору
 
   для: coloboc66   (04.07.2008 в 23:03)
 

:-) Присоединяйся к нам, мы тоже в CSS не шарим.
А посему ждем ответа от умного человека.

   
 
 автор: coloboc66   (04.07.2008 в 23:22)   письмо автору
 
   для: gobseck   (04.07.2008 в 23:08)
 

Вряд ли дождётесь, так как умные люди работают за деньги, а не на халяву.

   
 
 автор: gobseck   (04.07.2008 в 23:29)   письмо автору
 
   для: coloboc66   (04.07.2008 в 23:22)
 

Во-первых , такое за деньги подсказывать - не стыдно ли будет?
Во-вторых , я никогда никому не платил за то, что могу сделать сам (или частично сам).
В-третьих , это вызов?! Ну что ж, я принимаю.

   
 
 автор: OLi   (04.07.2008 в 23:46)   письмо автору
 
   для: gobseck   (04.07.2008 в 23:29)
 

))))) Такой серьездный ебб-видно что программер)))) Деньги я бы не взял поверь...Это так-есть люди которым срочно что-то надо сделать за пару минут.

   
 
 автор: gobseck   (05.07.2008 в 20:09)   письмо автору
 
   для: 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>


Ну, это каркас. Вроде так должно быть.

   
 
 автор: OLi   (04.07.2008 в 23:34)   письмо автору
 
   для: gobseck   (03.07.2008 в 19:14)
 

Если срочно надо могу без проблем написать но за маленькую цену)) Оставь асю если надумаешь ;)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования