Есть 2 файла html и css как мне сделать чтоб файл css распространялся на одну ячейку а не на все

@L_Egor · Регистрация: 15.10.2013

Студворк — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<table class="s">
    <tr>
    
        <link rel="stylesheet" type="text/css" href="style.css">
    
    
        <td>10</td>
        <td>11</td>
        <td>12</td>
    </tr>
 
    </tr>
</table>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
table.c {
    border-collapse: collapse;
}
table.s {
    border-collapse: separate;
}
tr {
    border: none;
}
table {
 
}
td {
    border-radius: 15px;
    border: #88f solid 5px;
    padding: 5px;
}

@Ukkas · 19.03.2014, 16:09

L_Egor, задать ячейке класс

@brain-4-me · 19.03.2014, 16:11

не знаю прикрепится у тебя или нет так стиль...мне на ум приходит только id прикрепить к ячейке...типа так

HTML5
1
<tr id="style">

а к остальным его не прикреплять и в css записать

CSS
1
#class{параметры}

p.s. у тебя tr два раза закрыт

Сообщение от L_Egor

</tr>
</tr>

@L_Egor · 19.03.2014, 16:12 **[ТС]**

пита так ?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<table >
    <tr>
    
        <link rel="stylesheet" type="text/css" href="style.css">
    
    
        <td class="s" >10</td>
        <td>11</td>
        <td>12</td>
    </tr>
 
    </tr>
</table>

Добавлено через 48 секунд

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<table >
    <tr>
    
        <link rel="stylesheet" type="text/css" href="style.css">
    
    
        <td class="s" >10</td>
        <td>11</td>
        <td>12</td>
    </tr>
 
    </tr>
</table>

если так тоже не работает

@Ukkas · 19.03.2014, 16:13

L_Egor, ну да, а в css для этого класса написать что угодно

Добавлено через 27 секунд
что именно не работает?

@brain-4-me · 19.03.2014, 16:13

Сообщение от L_Egor

это надо писать в header! и нигде более, по другому он не будет работать

@L_Egor · 19.03.2014, 16:27 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<HTML>
 
<header>
<link rel="stylesheet" type="text/css" href="style.css">
</header>
 
 
 
 
 
<table >
    <tr >
 
    
    
        <td class="s" >10</td>
        <td>11</td>
        <td>12</td>
    </tr>
    
</table>

если в теге header, то это должно быть выглядеть так, но так тоже не работает, у меня в рамке выделяются все три ячейки, и куда бы я не засунул тег

HTML5
1
<link rel="stylesheet" type="text/css" href="style.css">

у меня все ячейки выделяются рамкой

@Ukkas · 19.03.2014, 16:35

L_Egor, ну естественно будут все одинаковые, потому что для класса ячейки s ничего не прописано!

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<style>
td {
    border-radius: 15px;
    border: #88f solid 5px;
    padding: 5px;
}
td.s {
    border: none;
}
</style>
 
<table>
    <tr>
        <td class="s" >10</td>
        <td>11</td>
        <td>12</td>
    </tr>
</table>

@brain-4-me · 19.03.2014, 16:39

http://jsfiddle.net/WD5LM/ так что ли????

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table class="s">
    <tr>        
    
        <td id="style">10</td>
        <td>11</td>
        <td>12</td>
    </tr>
 
    <tr>        
    
        <td>10</td>
        <td>11</td>
        <td>12</td>
    </tr>
</table>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
table.c {
    border-collapse: collapse;
}
table.s {
    border-collapse: separate;
}
tr {
    border: none;
}
#style{
    border:none;
}
 
td {
    border-radius: 15px;
    border: #88f solid 5px;
    padding: 5px;
}

Добавлено через 53 секунды
Ukkas вместе)) догадались

Комментарий модератора

Код должен присутствовать в тексте сообщения. Песочницы — это лишь бонус для демонстрации.

@L_Egor · 19.03.2014, 16:55 **[ТС]**

спасибо всем большое, очень помогли, я разобрался

@brain-4-me · 19.03.2014, 16:56

Сообщение от L_Egor

спасибо всем большое, очень помогли, я разобрался

ну и хорошо) обращайся если чо))

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@Ukkas 153 / 126 / 39 Регистрация: 02.05.2012 Сообщений: 573
	19.03.2014, 16:09
	L_Egor, задать ячейке класс 0

@Ukkas 153 / 126 / 39 Регистрация: 02.05.2012 Сообщений: 573
	19.03.2014, 16:13
	L_Egor, ну да, а в css для этого класса написать что угодно Добавлено через 27 секунд что именно не работает? 0

@L_Egor 5 / 5 / 1 Регистрация: 15.10.2013 Сообщений: 206
	19.03.2014, 16:55 [ТС]
	спасибо всем большое, очень помогли, я разобрался 0