Hi guys..
i want to use arrow images in corner of my box...i m attaching pic as i want to do...
http://postimg.org/image/fs7xp3a23/

currently i m not able to use image..
http://postimg.org/image/vfotqnucl/

my css is

.tree li a{
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;


}

and html code is

<div class="tree">
    <ul>
        <li>
            <a href="#">Parent</a>
            <ul>
                <li>
                    <a href="#"><div>Child</div></a>
                    <ul>
                        <li>
                            <a href="#">Grand Child</a>
                        </li>

                        <li><a href="#">Grand Child 2</a>

                    </ul>
                </li>
                <li>
                    <a href="#">Child</a>
                    <ul>
                        <li><a href="#">Grand Child</a>

                        </li>
                        <li>
                            <a href="#">Grand Child</a>
                            <ul>
                                <li>
                                    <a href="#">Great Grand Child</a>
                                </li>
                                <li>
                                    <a href="#">Great Grand Child</a>
                                </li>
                                <li>
                                    <a href="#">Great Grand Child</a>
                                </li>
                            </ul>
                        </li>
                        <li><a href="#">Grand Child</a></li>

                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>

How to do it?
Regards..
Farhad

Member Avatar

LastMitch

i want to use arrow images in corner of my box...i m attaching pic as i want to do...

I really don't like to click on links next time post the image on Daniweb.

currently i m not able to use image..

Why? I hope you understand there's no way for someone to take their time to create a code to look like those arrows.

You have to have an image.

You can either used photoshop to do the image then slice it up and code it with CSS.