Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dany styl tylko w danym div'ie
goroteb
post
Post #1





Grupa: Zarejestrowani
Postów: 20
Pomógł: 1
Dołączył: 16.03.2009

Ostrzeżenie: (0%)
-----

Witam,

Mam coś takiego w stylach:

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



chciałbym aby miało to zastosowanie tylko w divie z id #content
Mógłby ktoś podpowiedzieć? Dzięki!
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 9)
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

#content { i to co masz dalej...

Ten post edytował Damonsson 1.10.2010, 11:25:49
Go to the top of the page
+Quote Post
lord2105
post
Post #3





Grupa: Zarejestrowani
Postów: 380
Pomógł: 59
Dołączył: 24.04.2010
Skąd: London

Ostrzeżenie: (0%)
-----

@ Damonsson
zdążyłeś edytować (IMG:style_emoticons/default/tongue.gif) (IMG:style_emoticons/default/haha.gif)

Ten post edytował lord2105 1.10.2010, 11:27:48
Go to the top of the page
+Quote Post
Damonsson
post
Post #4





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

Chciałem być szybszy od mojego mózgu heh (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
goroteb
post
Post #5





Grupa: Zarejestrowani
Postów: 20
Pomógł: 1
Dołączył: 16.03.2009

Ostrzeżenie: (0%)
-----

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 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>Insert title here</title>
  6.  <style type="text/css">
  7.   #content tbody th,td {
  8. 	font-family: Arial, Helvetica, sans-serif;
  9. 	color: #777777;
  10. 	padding: 10px 7px;
  11. 	border-top: 1px solid #FFCA5E;
  12. 	border-right: 1px solid #DDDDDD;
  13. 	text-align: center;
  14. }
  15.  
  16.  </style>
  17.  
  18. </head>
  19. <body>
  20.  
  21.  
  22. <div id="content">
  23. 			<table>
  24. 			<thead>
  25. 			</thead>
  26. 			<tbody>
  27. 			<tr>
  28. 			<td>
  29. 				Inside 1
  30. 			</td>
  31. 			<td>
  32. 				Inside 12
  33. 			</td>
  34. 			</tr>
  35. 			</tbody>
  36. 			<tfoot>
  37. 			</tfoot>
  38. 			</table>
  39.  
  40. </div>
  41.  
  42.  
  43. <table>
  44. <thead>
  45. </thead>
  46. <tbody>
  47. <tr>
  48. <td>
  49. 	Inside 1
  50. </td>
  51. <td>
  52. 	Inside 12
  53. </td>
  54. </tr>
  55. </tbody>
  56. <tfoot>
  57. </tfoot>
  58. </table>
  59.  
  60.  
  61. </body>
  62. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
lord2105
post
Post #6





Grupa: Zarejestrowani
Postów: 380
Pomógł: 59
Dołączył: 24.04.2010
Skąd: London

Ostrzeżenie: (0%)
-----

też tak czasami mam (IMG:style_emoticons/default/smile.gif) heh
Go to the top of the page
+Quote Post
Damonsson
post
Post #7





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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.

Ten post edytował Damonsson 1.10.2010, 11:58:27
Go to the top of the page
+Quote Post
goroteb
post
Post #8





Grupa: Zarejestrowani
Postów: 20
Pomógł: 1
Dołączył: 16.03.2009

Ostrzeżenie: (0%)
-----

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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Damonsson
post
Post #9





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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ć.
Go to the top of the page
+Quote Post
goroteb
post
Post #10





Grupa: Zarejestrowani
Postów: 20
Pomógł: 1
Dołączył: 16.03.2009

Ostrzeżenie: (0%)
-----

Sorry, nie zczaiłem, że to w jednej linii jest (IMG:style_emoticons/default/smile.gif) Jest dobrze, dzięki.
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 04:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn