image position

[faeze]

in this link
http://www.dynamicdrive.com/style/cs...side_bar_menu/
i want position arow pic (right.gif) inthe left the li no in right.
i dont know wher change to solved problem
plz help me

[bernie1227]

in this link
http://www.dynamicdrive.com/style/cs...side_bar_menu/
i want position arow pic (right.gif) inthe left the li no in right.
i dont know wher change to solved problem
plz help me

If you say plz because it's shorter than please, i'll say no because it's shorter than yes.
I'm just kidding you faeze, here's the solution.
the part that's controlling where the arrow is displayed is:

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

so what you have to do, is just replace that part with:

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 5% 50%;
}

of course, then you have the problem of the arrow being behind the text. So, you can either no-space break the text across, or you can go and put:

text-align: right;

into .sidebarmenu li, in the css.
bernie

[faeze]

really tnx

instead of using this code , backgroundcolor for li

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #012D58; /*background of tabs (default state)*/
}
,i want to use the image for li

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background: white url(../images/v.jpg) repeat-x bottom left; /* of tabs (default state)*/
}

after using this code ,it didnt show me the arow key(right.gif) for submenu
what can i do to show me right.gif?
help me

[faeze]

pleaze help me.this is force for me

[bernie1227]

really tnx

instead of using this code , backgroundcolor for li

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #012D58; /*background of tabs (default state)*/
}
,i want to use the image for li

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background: white url(../images/v.jpg) repeat-x bottom left; /* of tabs (default state)*/
}

after using this code ,it didnt show me the arow key(right.gif) for submenu
what can i do to show me right.gif?
help me

Couldn't you just do;

Background-image: ../images/v.jpg;
Repeat: repeat-x;

Also check that you have the right directory for the image

[faeze]

it means i cant do anything to show me right.gif for submenu?
i want vertical menu whit image arrowkey for submenu whitout color for li,what shold i do?

[bernie1227]

it means i cant do anything to show me right.gif for submenu?
i want vertical menu whit image arrowkey for submenu whitout color for li,what shold i do?

Could you please post your code? Also, it would be great if you could more clearly tell me what the problem is.


Note: please post in plain English, everyone likes it better

[ApacheTech]

Also, faeze, could you please wrap your code in the appropriate BBCode tags, shown at the top of your editor window. [HTML][/HTML] or [PHP][/PHP] tags will be fine. It will be a lot easier to help you with your query if you use the aids offered by the forum correctly.

When you made the original post, you should have been able to see the big reminder box just under the editor window:

Reminder: Be sure to use a descriptive title for your question that summarizes(sic) it. If your post includes code, wrap it around using the [CODE] tag for multi-line code, and the [ICODE] tag for inline code that's part of a sentence.

[faeze]

this is code
css
/*-----------------------------------------------Menu-----------------------------------------*/
.sidebarmenu ul{
margin-left:10px;;
padding: 0;
list-style-type: none;
font: 13px tahoma;
width: 210px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
direction:rtl;

}

.sidebarmenu ul li{
position: relative;
margin-top:1px;

}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;

}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background: url(../images/v.jpg) repeat-x ; /* of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: black;
}

.sidebarmenu ul li a:hover{
background: url(../images/4.png) repeat-x 97% 50%;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;

}

.sidebarmenu a.subfolderstyle{
background: url(../images/right.gif) no-repeat 97% 50%;
}
.s{
background: url(../images/right.gif) no-repeat 97% 50%;
width:10px;
height:10px;
}

/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


but i put the image instead of .sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background: white url(../images/v.jpg) repeat-x
}
v.jpg =gradinat image for li
when i use this cod ,no display righ.gif for submenu
what can i do show me the right.gif over v.jpg?

[bernie1227]

please encaption your code within [CODE] tags