How do i fix this?

FIREBOSS

Supreme Member
Joined
Aug 21, 2014
Messages
1,337
Reaction score
461
I'm setting up some HTML site and i added this image to gallery (already on).but when i add it it's getting out of range.How do u fix this.

capture057.jpg


Code:
<h4>Commodities</h4>            <div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/Rice.jpg" alt="Rice" width="110" height="90"></a>
                <div class="desc">Rice</div>
            </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/sagoseeds.jpg" alt="sagoseeds" width="110" height="90"></a>
                <div class="desc">Sago Seeds</div>
            </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/onions.jpg" alt="onions" width="110" height="90"></a>
                <div class="desc">Onion</div>
            </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/Potato.jpg" alt="Potato" width="110" height="90"></a>
                <div class="desc">Potatoes</div>
            </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/Garlic.jpg" alt="Garlic" width="110" height="90"></a>
                <div class="desc">Garlic</div>
                        </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/sugar.jpg" alt="Sugar" width="110" height="90"></a>
                <div class="desc">Sugar</div>
                        </div><div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Commodities/greenpeas.jpg" alt="Green peas" width="110" height="90"></a>
                <div class="desc">Green peas</div>






            </div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        <h4 style=" background:#bbbbbb;"><br />Spices<br /></h4>
        <div class="img">
                <a target="_blank" href="#"><img src="http://www.blackhatworld.com/blackhat-seo/images/Spices/CorianderSeeds.jpg" alt="CorianderSeeds" width="110" height="90"></a>
                <div class="desc">Coriander Seeds</div>
            </div>

* If this is not right place to post please delete or move
I'm sorry
 
Try

Code:
 <br style="clear: both;" />

after the green peas div.
 
Those <br /> tags hurt my eyes.

But yes, a "clear: both" attribute should do the trick for you.
 
Download NVU html editor. You can drag and drop that thing at the right place using the software!
 
Back
Top