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

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.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.