Interesuje me da zablim ivice na modulima sa leve i desne strane, i to pomoću rešenja sa 4 odvojena ugla (svaki ugao ima svoju slikicu).
Levi meni pozivam sa:
a, u CSS imam:
#left_col {
width: 200px;
float: left;
text-align: left;
margin-bottom: 10px;
}
#left_col div.module {
width: 200px;
background: transparent url(../images/corner_up_right.gif) top right no-repeat;
margin-top: 10px;
}
#left_col div.module div {
width: 200px;
background: transparent url(../images/corner_down_right.gif) bottom right no-repeat;
}
#left_col div.module div div {
width: 200px;
background: transparent url(../images/corner_up_left.gif) top left no-repeat;
}
#left_col div.module div div div {
width: 178px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
background: transparent;
font-size: 10px;
}
#left_col div.module div div div div {
padding: 0px;
margin: 0px;
}
tj. fali mi još jedan korak kako bih definisao i četvrtu slikicu za ugao. Na netu sam pronašao nekoliko rešenja, ali nijedno nisam uspeo efikasno da primenim
Može li se nekako optimizovati ovaj kod kako bi se dobio modul sa 4 zaobljene ivice? Ako ne može, da li imate neko drugo rešenje koje bi se lako moglo implementirati?Pozdrav!
