Member Avatar for Simon_4

I am not sure anymore, how I can center my elements on the follow page: http://www.outdoorequipped.com/info/Clarks

I speak about the 4 images, 1 in the top and 3 underneath.

I am sure, it is about text-align and/or margin, and so on.

those 3 images, eg clarks002.png, i like to center under the image (topclarks01.jpg) in the top of them.

Here the part of this, what I want center:

<div class="wrap-content zerogrid">
        <div class="row block">
            <div id="sidebar" class="col-1-4">
                <div class="wrap-col">
                    <div class="box">
                        <div class="content">
                            <img src="http://www.outdoorequipped.com/media/Site%20Files/Merchandising%20Files/clarks_logo.jpg" />
                        </div>
                    </div>
                    <div class="box">
                        <div class="content">
                            <ul>
                                <li><a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8076410011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name">Shop Women</a></li>
                                <li><a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8403896011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name">Shop Men</a></li>
                                <li><a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8546518011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name">Shop Children</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div id="main-content" class="col-3-4">
                <div class="col-1-1">
                    <div class="wrap-col">
                        <article>
                            <div class="content">
                                <a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&title=Clarks"><img src="http://www.outdoorequipped.com/media/Site%20Files/Merchandising%20Files/topclarks01.jpg" /></a>
                            </div>
                        </article>
                    </div>
                </div>
                <div class="col-1-3">
                    <div class="wrap-col">
                        <a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8076410011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name"><img src="http://www.outdoorequipped.com/media/Site%20Files/Merchandising%20Files/clarks001.png"></a>
                    </div>
                </div>
                                <div class="col-1-3">
                    <div class="wrap-col">
                        <a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8403896011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name"><img src="http://www.outdoorequipped.com/media/Site%20Files/Merchandising%20Files/clarks002.png"></a>
                    </div>
                </div>
                                <div class="col-1-3">
                    <div class="wrap-col">
                        <a href="/Clarks-Main-Brands/b/8924814011?ie=UTF8&amp;title=Clarks&amp;field_subjectbin=8546518011&amp;field_brandtextbin=&amp;field_brand_name=&amp;field_age_gender_category=&amp;field_color_map=&amp;field_price=&amp;field_size_name=&amp;searchRank=salesrank&amp;searchSize=12&amp;searchPage=1&amp;searchBinNameList=subjectbin%2Cbrandtextbin%2Cbrand_name%2Cage_gender_category%2Ccolor_map%2Cprice%2Csize_name"><img src="http://www.outdoorequipped.com/media/Site%20Files/Merchandising%20Files/clarks003.png"></a>
                    </div>
                </div>

            </div>
        </div>
    </div>
  • 2 Contributors
  • 1 Reply
  • 141 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by Albert Pinto
Member Avatar for Albert Pinto

Instead of div why not use span tag

I mean make a parent div with text-align center

and put the 3 images inside it...

As in like....

<div class="image_box">

<span><img src="image1.jpg"></span>

<span><img src="image2.jpg"></span>

<span><img src="image3.jpg"></span>

</div>

In CSS

.image_box
{
text-align: center;
}

I hope it works...

Regards

Edited by Albert Pinto
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.