Закругление углов картинок в топ 10 (DLE)

[Pro100User]

Подскажите как сделать закругленные углы у картинок в топ 10 новостей (DLE 9.5)

Скрипт модуля

<?php 
$sql_result = $db->query( "SELECT id, title, date, alt_name, category, short_story, flag FROM " . PREFIX . "_post WHERE approve='1' ORDER BY rating DESC LIMIT 0,10" );
while ( $row = $db->get_row()){$row['date'] = strtotime( $row['date'] );
$row['category'] = intval( $row['category'] );
if( $config['allow_alt_url'] == "yes")
{
if( $row['flag'] and $config['seo_type'])
{
if( $row['category'] and $config['seo_type'] == 2 )
{
$full_link = $config['http_home_url'] . get_url( $row['category'] ) . "/" . $row['id'] . "-" . $row['alt_name'] . ".html";
}
else{$full_link = $config['http_home_url'] . $row['id'] . "-" . $row['alt_name'] . ".html";
}
}
else
{
$full_link = $config['http_home_url'] . date( 'Y/m/d/', $row['date'] ) . $row['alt_name'] . ".html";
}
}
else{$full_link = $config['http_home_url'] . "index.php?newsid=" . $row['id'];
}
$title = substr( $row['title'], 0, 200 ) . "...";$short_story = substr( strip_tags($row['short_story']), 0, 0 )."...";

$shortnews = $row['short_story'];

preg_match_all( '#<img[^>]*\\ssrc=(\'|")(.*?)\\1.*?>#i',$shortnews,$total);

foreach( $total[2] as $image )

echo('

<a class="tooltip" href="'.$full_link.'" ><img align="center" src="'.$image.'" width="97" height="133" ><span>'.$title.'<small></small></span></a>')

;}
?>

CSS

.tooltip { position: relative;}

.tooltip span {
  position: absolute;
  left: 0;
  top: -80px;
  display: none;

  padding: 3px 8px;
  white-space: nowrap;
  font-size: 14px;
  font-weight:500;
  text-align: right;
  background-color: #CCCCCA;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #000;
  border: 1px solid #FFAD33;
}
.tooltip span small {
  position: absolute;
  right: 10px;
  bottom: -6px;
  border-top: 6px solid rgba(0,0,0,.8);
  border-left: 6px solid transparent;
}
.tooltip:hover span { display: block; 
}

Или может border закругленный сделать, тока как для каждой картинки???

Edited February 22, 2012 by Pro100User

[Arinden]

.tooltip { position: relative; width: 97px; height:133px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; overflow: hidden; }

[Pro100User]

Не помогло Есть еще какие нибудь идеи?

[Arinden]

Не помогло Есть еще какие нибудь идеи?

.tooltip img { width: 97px; height: 133px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 5px; -khtml-border-radius: 10px; overflow: hidden; }

Edited February 23, 2012 by Arinden

[Pro100User]

Arinden Спасибо, сам уже понял =)

Edited February 23, 2012 by Pro100User