Чат Telegram
Группа ВКонтакте
Новый комментарий


Mary

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

trialex3

Но можно не добавлять в стайл .rowGreen {background-color:green;}. Можно просто вписать это в <tr>
что бы получалось <tr style="background-color: yellow" ...... </tr>

1111

Артем, не пойму, почему не работает rowGreen(спать пора)). И, откуда ты берешь эти названия: rowGreen, specialTd??

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>table6-test</title>
</head>
<body>
<table >
    <style>
        table {
            border: solid 1px green;
            border-collapse: collapse;
            border-spacing: 10px;
            caption-side: top;
        }
        td {
            border: solid 1px green;
            border-left: solid 1px green;
            border-right: solid 1px green;
            border-bottom: solid 1px green;
            border-top: solid 1px green;
            text-align: center;
            padding: 30px;
            padding-bottom: 20px;
            padding-top: 20px;
            padding-right: 20px;
            text-align: center;
            vertical-align: top;
            height:70px;
            width:70;
            background-color: lightgreen;
                              }
        th {
            border: solid 5px green;
            background-color: red;
        }
        .specialTd {
            vertical-align: bottom;
            text-align: right;
               }
        .rowGreen {
            background-color: lawngreen;
        }
    </style>
    <tr>
        <td class="specialTd" rowspan="2"colspan="2">1</td>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
    </tr>
    <tr class="rowGreen">
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
   </table>
</body>
</html>

<tr class="rowGreen">

ivashkevich

Привет. Дело в том, что стили для td перезатирают стили для .rowGreen, так как они по правилам CSS считаются более приоритетными. Можно указать класс .rowGreen для каждой td отдельно, либо сделать так:

.rowGreen td {тут ваши стили}

И тогда это будут стили для всех td, расположенных внутри элемента с классом .rowGreen. Это правило будет уже более приоритетным, чем просто td.

Ну а имена просто придумываются :)

alsvis2013

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

ivashkevich

Задать этой таблице какой-то класс и прописать стили для этого класса. Типа такого:
CSS:

.color {
// тут стили
}

HTML:

<table class="color">
alsvis2013

Спасибо, всё получилось!

mr.niks2007@gmail.com
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Download minecraft 1.0.0</title>
<style><link href="syle.css rel="stylesheet">
table {
border: solid lpx blue;
border-collapse: collapse; }
    td, th {
border: solid lpx blue;
padding: 10px;
   }
 th {
            background-color: #eeeeee;

</style>
</head>
<body>
<a href="fhile.rar" download>
<a title="Minecraft 1.0.0" href="fhile.rar" >скачать майнкрафт</a><br>
<h3><strong>системные требование:</strong> <br></h3>
<table border="1">
<tr>
    <td style="background-color: greenyellow">512мб(Оперативной памяти)</td><td style="background-color: greenyellow">100мб(свободно на диске)</td>
<tr>
    <td style="background-color: greenyellow">16мб(видеопамяти)</td>          <td style="background-color: greenyellow">Windows xp,2000,7.10(32бит-64бит)</td>
</tr>
</table>
</body>

</html>
ivashkevich

Отлично

Veronika
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Всякая всячина</title>
    <meta name="keywords" content="всякая, всячина">
    <meta name="description" content="Кручу, верчу, обмануть всех хочу">
    <style>
        table {border: solid 1px gray; border-collapse: separate; caption-side: top;}
        table caption {text-align: center;}
        td, th {border: solid 1px gray; vertical-align: middle; text-align: center; padding: 10px;}
        .rowGreen {background-color:green;}
    </style>
</head>
<body>
<table style="margin: auto;">
<caption>Таблица</caption>
    <tr>
        <th rowspan="2" colspan="2" style="background-color: greenyellow">1</th>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
    </tr>
    <tr class="rowGreen" style="color: white">
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>
ivashkevich

Отлично

Самый понятный курс PHP
Онлайн-уроки в удобное время!
Начать бесплатно
Логические задачи с собеседований