Hello all,

Cek this site:

http://www.innovation.web.id/portfolio-marketing.php

I have this codes for portfolio-marketing.php

<div class="Page page1" style="display: block;">

    <div id="portfoliomkt1"><img src="images/large pic.jpg" alt="portfolio1" height="230" width="280"></div>

    <div id="portfoliomkt2"><img src="images/large pic.jpg" alt="portfolio2" height="230" width="280"></div>

    <div id="portfoliomkt3"><img src="images/large pic.jpg" alt="portfolio3" height="230" width="280"></div>

    <div id="portfoliomkt4"><img src="images/large pic.jpg" alt="portfolio4" height="230" width="280"></div>

    <div id="portfoliomkt5"><img src="images/large pic.jpg" alt="portfolio5" height="230" width="280"></div>

    <div id="portfoliomkt6"><img src="images/large pic.jpg" alt="portfolio6" height="230" width="280"></div>

and style.css

#portfoliomkt1 {margin: -50px 0 0 200px; border: 3px solid gray;}
#portfoliomkt2 {margin: -200px 0 0 500px; border: 3px solid gray;}
#portfoliomkt3 {margin: -200px 0 0 800px; border: 3px solid gray;}
#portfoliomkt4 {margin: -50px 0 0 200px; border: 3px solid gray;}
#portfoliomkt5 {margin: -200px 0 0 500px; border: 3px solid gray;}
#portfoliomkt6 {margin: -200px 0 0 800px; border: 3px solid gray;}

I wonder why in the website the gray border goes all the way to the right ? I only want them to stay just around each of the rustoleum portfolio box.

How to make it happens ?

Give the div a width equal to the image.

i'm not sure what you mean by gray border "goes all the way to the right"? can you clarify... upload a pic with notation as to what you mean?

@JorgeM, it was visible on the page he linked, but he already updated it.

ah, got it...

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.