0

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

2
Contributors
1
Reply
18
Views
4 Years
Discussion Span
Last Post by LastMitch
1

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.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.