Page 1 of 2 12 LastLast
Results 1 to 10 of 20

Thread: image position

  1. #1
    Join Date
    Jun 2012
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question image position

    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

  2. #2
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    47
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    Quote Originally Posted by faeze View Post
    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:
    Code:
    .sidebarmenu a.subfolderstyle{
    background: url(right.gif) no-repeat 97% 50%;
    }
    so what you have to do, is just replace that part with:
    Code:
    .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:
    Code:
    text-align: right;
    into .sidebarmenu li, in the css.
    bernie

  3. #3
    Join Date
    Jun 2012
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question

    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
    Last edited by faeze; 06-18-2012 at 09:53 AM.

  4. #4
    Join Date
    Jun 2012
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy

    pleaze help me.this is force for me

  5. #5
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    47
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    Quote Originally Posted by faeze View Post
    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;
    Code:
    Background-image: ../images/v.jpg;
    Repeat: repeat-x;
    Also check that you have the right directory for the image

  6. #6
    Join Date
    Jun 2012
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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?

  7. #7
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    47
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    Quote Originally Posted by faeze View Post
    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

  8. #8
    Join Date
    Apr 2012
    Location
    Chester, Cheshire
    Posts
    329
    Thanks
    7
    Thanked 35 Times in 35 Posts

    Default

    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:

    Quote Originally Posted by Dynamic Drive Forums
    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.

  9. #9
    Join Date
    Jun 2012
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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?

  10. #10
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    47
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    please encaption your code within [CODE] tags

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •