Ahmed Shan

I tried to fetch the albums from RSS using PHP and I can fetch them easily. However Google have wrapped the album image inside the description element, therefore I can’t get the album image separately. I can get the album image and the few other details of the album, with a link to view the album.
The description element is wrapped around a HTML table, it has a row and two columns. So what I did to get the album image is to use little bit of CSS tricks. The HTML structure looks like this.

<div class=”tag”>
<table>
<tr>
<td><!–Album Image–></td>
<td><!–Album Information–></td>
</tr>
</table>
</div>

I wrapped the whole table in a DIV tag and gave it a class name of “tag”, so that I can easily control the elements inside the DIV tag. Then I used the following CSS code to get the end result.
.tag {
float: left;
}
.tag tr td:last-child {
display: none;
}
Because there are only two columns in the table, last-child will is targeted to the second column which holds the album information. So now I have hidden that column.

Checkout the Picasa Web Albums page