Zaobljene ivice...

Locked
bane.lukic
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Mon Oct 23, 2006 4:40 am

Zaobljene ivice...

Post by bane.lukic » Mon Oct 23, 2006 4:54 am

Pošto imam samo osnovno znanje o CSS-u, pokušaću da objasnim šta mi tačno treba i dokle sam stigao.

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!

magnusscg
Joomla! Apprentice
Joomla! Apprentice
Posts: 44
Joined: Tue May 02, 2006 2:16 am
Location: Beograd, Srbija
Contact:

Re: Zaobljene ivice...

Post by magnusscg » Sat Nov 25, 2006 8:13 am

Boris


Locked

Return to “Šabloni”