Ć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ą...
/* 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%;
}