[johnnynu]

Hello!

I having problem with showing my images vertical from flickr.

I use this code:

#flickr_badge { width: 300px; height: 200px; position: absolute; margin-left: 55%; margin-top: 1%; }

<div id="flickr_badge">
<script type="text/javascript" src="flickr/badge_code_v2.gne?count=5&display=random&size=t&la yout=x&source=user&user=23190634%40N02"></script>
</div>

Is it the src javascript that is the problem?

Anyone who have styled their own flickr badge? Any ideas?

[paulanthony]

You might wanna post a link to a site with the code, cant work out much from what you have there.

[johnnynu]

Originally Posted by paulanthony

You might wanna post a link to a site with the code, cant work out much from what you have there.

Ok. Here is the temporary site.
johnny . nu / test123456 (I can't post links).

I want the images to the right display vertical.

[paulanthony]

Ok...so this is actually what is happening in the browser. Now, it appears to be vertical in Firefox... what is it you want to be happening?

<div id="flickr_badge">

<div class="flickr_badge_image" id="flickr_badge_image1"><a href="http://www.flickr.com/photos/23190634@N02/2221834844/"><img src="http://farm3.static.flickr.com/2075/2221834844_39bc57896c_t.jpg" alt="A photo on Flickr" title="DSC_0316" height="20" width="100"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image2"><a href="http://www.flickr.com/photos/23190634@N02/2221834868/"><img src="http://farm3.static.flickr.com/2305/2221834868_be0960ca87_t.jpg" alt="A photo on Flickr" title="DSC_0310" height="100" width="38"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image3"><a href="http://www.flickr.com/photos/23190634@N02/2221834862/"><img src="http://farm3.static.flickr.com/2407/2221834862_ebb436c466_t.jpg" alt="A photo on Flickr" title="DSC_0277_2" height="100" width="75"></a></div>

<div class="flickr_badge_image" id="flickr_badge_image4"><a href="http://www.flickr.com/photos/23190634@N02/2221834854/"><img src="http://farm3.static.flickr.com/2100/2221834854_e4d7da6428_t.jpg" alt="A photo on Flickr" title="DSC_0320" height="67" width="100"></a></div>

</div>

[johnnynu]

I'm so sorry. I want it horizontal.
It shows vertical in both FF and IE. I'm going to change the CSS for FF and opera later...

[johnnynu]

I solved it with:

div#flickr_badge_image1 { display: inline; padding-right: 4px; }
div#flickr_badge_image2 { display: inline; padding-right: 4px; }
div#flickr_badge_image3 { display: inline; padding-right: 4px; }
div#flickr_badge_image4 { display: inline; padding-right: 4px; }
div#flickr_badge_image5 { display: inline; padding-right: 4px; }

...but IE seems to have a background color because i have the "padding-right: 4px;"