Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Po co w template.css tyle div-ów
Forum PHP.pl > Forum > Przedszkole
Darek82
Ćwicze tworzenie w joomla zaokrąglonych rogów menu i mam plik css w któym nie rozumiem dlaczego jest tyle div-ów za co one odpowiadają...

  1.  
  2. /* Pierwszy znacznik div odpowiedzialny za levy górny zaokrąglony róg */
  3.  
  4. div.module_menu, div.module{
  5. margin-top: 10px;
  6. background: #999999 url(../images/topleft.gif) top left no-repeat;
  7. width:90%;
  8. }
  9. /* Wyświetla prawy górny zaokrąglony róg */
  10. div.module_menu div,
  11. div.module
  12. div{
  13.  
  14. background: url(../images/topright.gif) top right no-repeat;
  15. padding:0px;
  16. border-bottom:1px solid #fff
  17. margin:0;
  18. color:#ffffff;
  19. }
  20. /* Wyświetla dolny lewy zaokrąglony róg */
  21. div.module_menu div div,
  22. div.module div div{
  23. padding: 0px;
  24. background: url(../images/bottomleft.gif) bottom left no-repeat;
  25. border-bottom: 1px solid #fff;
  26. }
  27. /* Wyświetla dolny prawy zaokrąglony róg */
  28. div.module_menu div div div,
  29. div.module div div div{
  30. padding: 0px;
  31. background: url(../images/bottomright.gif) bottom right no-repeat;
  32. border-bottom: 1px solid #ffffff;
  33. }
  34. /* Menu i tytuły modułów pisane białym kolorem */
  35. div.module_menu div div div h3,
  36. div.module div div div h3{
  37. padding: 10px;
  38. margin:0;
  39. color:#ffffff;
  40. border-bottom: 1px solid #ffffff;
  41. }
  42. /* W IE6 lista nachodzi na zaokrąglenia, poniższa definicja zapobiega temu */
  43. div.module_menu div div div ul,
  44. div.module div div div{
  45. padding-top: 5px;
  46. border-bottom: 5px ;
  47. }
  48. /* Opcje w sondzie wyświetlane na jasnoszarym tle */
  49. .poll td{
  50. background: #cccccc;
  51. font-size: 80%;
  52. margin-left:5px;
  53. margin-right:5px;
  54. margin-top:0px;
  55. padding-left:5px;
  56. }
  57. .latestnews, .menu, .keyconcepts li, .othermenu li{
  58. background: #cccccc top right repeat-y;
  59. margin-left:5px;
  60. margin-right:5px;
  61. margin-top:0px;
  62. padding-left:0px;
  63. }
  64. div.moduletable li, menu li, .keyconcepts li, .othermenu li {
  65. background: #cccccc top right repeat-y;
  66. margin-left:1.5em;
  67. padding: 5px;
  68. font-size:80%;
  69. }
darko
Z tego, co widać, to w tych divach są właśnie ustawiane te zaokrąglenia jako tło w każdym z czterech rogów.
wookieb
Kod
/* Pierwszy znacznik div odpowiedzialny za levy górny zaokrąglony róg */

Ten podtrzymuje żółwa podtrzymującego ziemię

Kod
/* Wyświetla prawy górny zaokrąglony róg */

Ten jest w ciemnym rogu, czyli jest murzynem, czyli służy białym

Reszta to rodzina i nie chce mi się opisywać całego drzewa genealogicznego.

W skrócie: PRZECIEŻ JEST NAPISANE
Darek82
zaznaczyłem div-y pogrubieniem , chodzi mi o nie po co np. w "div.module_menu div div div h3," są te 3 div-y......
yevaud
widocznie ktos chcial zeby tylko te konkretne divy(ostatnie wymienione) byly okragle, a ze jest ich po drodze sporo (bo zwykle sa uzywane jako kontener) to trzeba bylo wymienic te ktore nie powinny miec rogow

jak nie rozumiesz to poczytaj o selektorach css
Darek82
Czuli to chodzi o wskazanie konkretnego div-a który kryje się pod tymi wcześniejszymi blokami czy tak?
yevaud
nie tyle pod nimi co w nich
Darek82
Dziekuje to chciałem się dowiedzieć :]
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.