Forum PHP.pl

Ć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ą...

[HTML] pobierz, plaintext 
 
/* Pierwszy znacznik div odpowiedzialny za levy górny zaokrąglony róg */
 
div.module_menu, div.module{
margin-top: 10px;
background: #999999 url(../images/topleft.gif) top left no-repeat;
width:90%;
}
/* Wyświetla prawy górny zaokrąglony róg */
div.module_menu div,
div.module
div{
 
background:  url(../images/topright.gif) top right no-repeat;
padding:0px;
border-bottom:1px solid #fff
margin:0;
color:#ffffff;
}
/* Wyświetla dolny lewy zaokrąglony róg */
div.module_menu div div,
 div.module div div{
padding: 0px;
background:  url(../images/bottomleft.gif) bottom left no-repeat;
border-bottom: 1px solid #fff;
}
/* Wyświetla dolny prawy zaokrąglony róg */
div.module_menu div div div,
 div.module div div div{
padding: 0px;
background:  url(../images/bottomright.gif) bottom right no-repeat;
border-bottom: 1px solid #ffffff;
}
/* Menu i tytuły modułów pisane białym kolorem */
div.module_menu div div div h3,
 div.module div div div h3{
padding: 10px;
margin:0;
color:#ffffff;
border-bottom: 1px solid #ffffff;
}
/* W IE6 lista nachodzi na zaokrąglenia, poniższa definicja zapobiega temu */
div.module_menu div div div ul,
 div.module div div div{
padding-top: 5px;
border-bottom: 5px ;
}
/* Opcje w sondzie wyświetlane na jasnoszarym tle */
.poll td{
background: #cccccc;
font-size: 80%;
margin-left:5px;
margin-right:5px;
margin-top:0px;
padding-left:5px;
}
.latestnews, .menu, .keyconcepts li, .othermenu li{
background: #cccccc top right repeat-y;
margin-left:5px;
margin-right:5px;
margin-top:0px;
padding-left:0px;
}
div.moduletable li, menu li, .keyconcepts li, .othermenu li {
background: #cccccc top right repeat-y;
margin-left:1.5em;
padding: 5px;
font-size:80%;
}
[HTML] pobierz, plaintext 

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.

Ten podtrzymuje żółwa podtrzymującego ziemię


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

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......

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

Ten post edytował yevaud 21.06.2010, 18:52:07

Czuli to chodzi o wskazanie konkretnego div-a który kryje się pod tymi wcześniejszymi blokami czy tak?

Dziekuje to chciałem się dowiedzieć :]