Change anchor position on a page

Navigation
1

The anchor is the same as image 1. I would like the anchor to be the same as image 2. "I solved" putting the anchor in another div , but can you solve this by HTML / CSS itself or JavaScript?

    
asked by anonymous 29.08.2017 / 21:24

1 answer

0

Giving normal anchor, for the session I want it to show, it conforms to image 1.

I want you to conform to image 2.

I solved this by putting the anchor in a previous section, but I do not think it is the best solution.

Follow the code

                                                     Home                             

  • Segments
    •                             
  • About Us
    •                             
  • Social Services
    •                                              

                                                               Growing and contributing 

                    <div id="myCarousel2" ><!-- class="carousel fdi-Carousel slide" -->
                 <!-- Carousel items -->
                    <div class="carousel fdi-Carousel slide" id="eventCarousel" data-interval="0">
                        <div class="carousel-inner onebyone-carosel">
                            <div class="item active">
                                <div class="col-md-3">
                                    <a href="#"><img src="http://placehold.it/300x300"class="img-responsive center-block"></a>

                                </div>
                            </div>
                            <div class="item">
                                <div class="col-md-3">
                                    <a href="#"><img src="http://placehold.it/300x300"class="img-responsive center-block"></a>

                                </div>
                            </div>
                            <div class="item">
                                <div class="col-md-3">
                                    <a href="#"><img src="http://placehold.it/300x300"class="img-responsive center-block"></a>

                                </div>
                            </div>
                            <div class="item">
                                <div class="col-md-3">
                                    <a href="#"><img src="http://placehold.it/300x300"class="img-responsive center-block"></a>

                                </div>
                            </div>
                            <div class="item">
                                <div class="col-md-3">
                                    <a href="#"><img src="http://placehold.it/300x300"class="img-responsive center-block"></a>

                                </div>
                            </div>
                            <div class="item">
                                <div class="col-md-3">
                                    <a href="#"><img src="http://placehold.it/300x300"class="img-responsive center-block"></a>

                                </div>
                            </div>
                            <div class="item">
                                <div class="col-md-3">
                                    <a href="#"><img src="http://placehold.it/300x300"class="img-responsive center-block"></a>

                                </div>
                            </div>
                        </div>
                        <a class="carousel-control controles glyphicon glyphicon-chevron-left" href="#eventCarousel" data-slide="prev"></a>
                        <a class="right carousel-control controles glyphicon glyphicon-chevron-right" href="#eventCarousel" data-slide="next"></a>
                    </div>
                    <!--/carousel-inner-->
                </div><!--/myCarousel-->



            </div>
        </div>
    </div>
</section>
        
    30.08.2017 / 17:41
    VBA Excel Internet Explorer capture table (td) SlideShow - Buttons with Jquery