Forum PHP.pl > Dany styl tylko w danym div'ie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Dany styl tylko w danym div'ie

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

goroteb

1.10.2010, 11:23:57

Witam,

Mam coś takiego w stylach:

[HTML] pobierz, plaintext 
tbody th,td {
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 10px 7px;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #DDDDDD;
	text-align: center;
}
[HTML] pobierz, plaintext

chciałbym aby miało to zastosowanie tylko w divie z id #content
Mógłby ktoś podpowiedzieć? Dzięki!

Damonsson

1.10.2010, 11:25:13

#content { i to co masz dalej...

lord2105

1.10.2010, 11:27:30

@ Damonsson
zdążyłeś edytować

Damonsson

1.10.2010, 11:33:06

Chciałem być szybszy od mojego mózgu heh

goroteb

1.10.2010, 11:37:10

Cytat(Damonsson @ 1.10.2010, 12:25:13 )

#content { i to co masz dalej...

Dzięki za szybką odpowiedź, ale:

Właśnie to nie działa w ten sposób. Na jeden element, na przykład:
#content th {...} jest ok, ale jak jest "#content tbody th,td {...}" to już nie.

Przykład z tym nie dzialajacym motywem:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
 <style type="text/css">
  #content tbody th,td {
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 10px 7px;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #DDDDDD;
	text-align: center;
}
 
 </style>
 
</head>
<body>
 
 
<div id="content">
			<table>
			<thead>
			</thead>
			<tbody>
			<tr>
			<td>
				Inside 1
			</td>
			<td>
				Inside 12
			</td>
			</tr>
			</tbody>
			<tfoot>
			</tfoot>
			</table>
 
</div>
 
 
<table>
<thead>
</thead>
<tbody>
<tr>
<td>
	Inside 1
</td>
<td>
	Inside 12
</td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
 
 
</body>
</html>
[HTML] pobierz, plaintext

lord2105

1.10.2010, 11:37:16

też tak czasami mam

heh

Damonsson

1.10.2010, 11:47:36

Tak na szybko:
#content tbody th, #content td {
Ale coś mi się zdaję, że można to ładniej zapisać, tylko mam jakieś zaćmienie.

edit: A może jednak się nie da. Tak teraz patrzę, że chyba nie ma lepszego sposobu. Więc zastosuj to.

goroteb

1.10.2010, 12:04:13

Dzięki, to działa. Ale nadal mamy 2 razy tyle kodu w arkuszu niż potrzeba. Może jeszcze ktoś coś dorzuci to się dowiemy

Damonsson

1.10.2010, 12:08:14

9 znaków, to nie aż 2 razy tyle kodu ;P
Przeglądałem PRO arkusze i nie widziałem innego pomysłu, więc albo były za mało PRO, albo tak musi być.

goroteb

1.10.2010, 12:09:34

Sorry, nie zczaiłem, że to w jednej linii jest

Jest dobrze, dzięki.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.