Member Avatar for Farhad.idrees

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
  • 124 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by LastMitch
Member Avatar for 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.

Be a part of the DaniWeb community

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