Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
Hi everybody,
i have customize some panels with differents colors : orange and red.
you can see with this link a picture that represents it
panels red & orange
you can see below the css :
.panelRouge.z-panel .z-panel-tl {
background-image: none;
}
.panelRouge.z-panel .z-panel-tr {
background-image: none;
}
.panelRouge.z-panel .z-panel-hl {
background: url("images/panel/rouge//hl.png") transparent no-repeat 0 0;
border: 0 none;
}
.panelRouge.z-panel .z-panel-hr {
background: url("images/panel/rouge/hr.png") transparent no-repeat right 0;
border: 0 none;
}
.panelRouge.z-panel .z-panel-hm {
background: url("images/panel/rouge/hm.png") transparent repeat;
height:35px;
border: 0 none;
}
.panelRouge.z-panel .z-panel-cl{
background-color: #DD0000;
background-image: none;
padding-left: 0px;
border: 0 none;
}
.panelRouge.z-panel .z-panel-cr{
background-color: #DD0000;
background-image: none;
padding-right: 0px;
border: 0 none;
}
.panelRouge.z-panel .z-panel-cm{
background-color: #DD0000;
border: 0 none;
background-image: none;
}
.panelRouge.z-panel .z-panel-bl {
background: url("images/panel/rouge/bl.png") no-repeat transparent left;
height:27px;
border: 0 none;
}
.panelRouge.z-panel .z-panel-br {
background: url("images/panel/rouge/br.png") transparent no-repeat right;
height:27px;
border: 0 none;
}
.panelRouge.z-panel .z-panel-icon {
float: left;
margin-right: 8px;
background : transparent ;
}
.panelRouge.z-panel .z-panel-header {
overflow: hidden;
color : white;
border: 0 none;
padding: 10px 15px 4px 5px;
}
.panelRouge.z-panel .z-panel-children {
border: 0 none;
color:white;
}
.panelMoutarde.z-panel .z-panel-tl {
background-image: none;
}
.panelMoutarde.z-panel .z-panel-tr {
background-image: none;
}
.panelMoutarde.z-panel .z-panel-hl {
background: url("images/panel/moutarde//hl.png") transparent no-repeat 0 0;
border: 0 none;
}
.panelMoutarde.z-panel .z-panel-hr {
background: url("images/panel/moutarde/hr.png") transparent no-repeat right 0;
border: 0 none;
}
.panelMoutarde.z-panel .z-panel-hm {
background: url("images/panel/moutarde/hm.png") transparent repeat;
height:35px;
border: 0 none;
}
.panelMoutarde.z-panel .z-panel-cl{
background-color: #E5B033;
background-image: none;
padding-left: 0px;
border: 0 none;
}
.panelMoutarde.z-panel .z-panel-cr{
background-color: #E5B033;
background-image: none;
padding-right: 0px;
border: 0 none;
}
.panelMoutarde.z-panel .z-panel-cm{
background-color: #E5B033;
border: 0 none;
background-image: none;
}
.panelMoutarde.z-panel .z-panel-bl {
background: url("images/panel/moutarde/bl.png") no-repeat transparent left;
height:19px;
border: 0 none;
}
.panelMoutarde.z-panel .z-panel-br {
background: url("images/panel/moutarde/br.png") transparent no-repeat right;
height:19px;
border: 0 none;
}
.panelMoutarde.z-panel .z-panel-icon {
float: left;
margin-right: 8px;
background : transparent ;
}
.panelMoutarde.z-panel .z-panel-header {
overflow: hidden;
color : white;
border: 0 none;
padding: 10px 15px 4px 5px;
}
.panelMoutarde.z-panel .z-panel-children {
border: 0 none;
color:white;
}This panels are very nice under all browsers but not in IE6 as you can see with the picture.
i have the same problem with the label when i put a background image on the label
all the label have the background-image et porperties.
Do you have some suggestions and if someone can help me it wiil be very precious !!!
thanks for all
Hi,
Thanks for the image,
please post to zk bugs.
http://sourceforge.net/tracker/?group_id=152762&atid=785191
Asked: 2009-05-27 16:01:25 +0800
Seen: 376 times
Last updated: Jun 01 '09
