Всем здарова...проблемма на скрине, вот:
1 вид) Вот там показана проблемма, у меня при наведении на изображение вылазит "2 вид" и проблемма в том, что вылазит не так как надо.Видите нет закруглённых уголков, я показал как это выглядит на "1 вид-е" красной полосой
3 вид) Это вид который я хочу видеть.....
Вот код вида:
Code
<table style="border-collapse:collapse;width:145px;margin-bottom:5px;">
<tr>
<td class="beeq1" rowspan="2" colspan="2" style="vertical-align:top"><a href="$ENTRY_URL$" class="tool_title"><img src="http://i1.ytimg.com/vi/<?if(strpos($SOURCE$, 'www.youtube')='-1')?><?substr($SOURCE$,27)?><?else?><?substr($SOURCE$,31)?><?endif?>/default.jpg" border="0" alt="Значок видео" class="VideoImg" onclick="playnav.playVideo('favorites-all','0','vCrJpVERqSg');return false;" width="105px"/><span><b>$TITLE$</b><small></small></span></a></td>
<?if($CID$='2')?>
<td height="50%" style="padding:5px;vertical-align:top;border:1px solid #EFC700;background:#FFD800;"><a href="#" class="tooltip11" style="text-decoration:none;"><font color="#FFFFFF"><b>PR<span>$RATING_NUM$<small></small></span></b></font></a></td>
<?else?>
<td height="50%" style="padding:5px;vertical-align:top;border:1px solid #cccccc;background:#f3f3f3;"><a href="#" class="tooltip11" style="text-decoration:none;"><font color="#404040"><b>PR<span>$RATING_NUM$<small></small></span></b></font></a></td>
<?endif?>
</tr>
<tr>
<td style="vertical-align:top;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;">
<table align="center" valign="middle" height="100%">
<tr>
<td height="20px" align="center" valign="middle"><span id="image2"><a href="#1" style="text-decoration:none;"><img src="http://djtest.do.am/d1/video_glv/img/1s.png" border="0" width="13px"></a></span></td>
</tr>
<tr>
<td height="20px" align="center" valign="middle"><span id="image2"><a href="#2" style="text-decoration:none;"><img src="http://djtest.do.am/d1/video_glv/img/2s.png" border="0" width="13px"></a></span></td>
</tr>
<tr>
<td height="20px" align="center" valign="middle"><span id="image2"><a href="#3" style="text-decoration:none;"><img src="http://djtest.do.am/d1/video_glv/img/3s.png" border="0" width="12px"></a></span></td>
</tr>
</table>
</td>
</tr>
</table>
<style>
.beeq{
border:1px solid #d2d2d2;
background:#f3f3f3;
padding:5px;
}
.beeq1{
border:1px solid #d2d2d2;
background:#ffffff;
padding:5px;
}
.beeq1:hover{
border:1px solid #d2d2d2;
background:#f1f1f1;
padding:5px;
}
.beeq3{
border:1px solid #d2d2d2;
background:#f3f3f3;
padding:5px;
}
.beeq3:hover{
border:1px solid #d2d2d2;
background:#ffffff;
padding:5px;
}
</style>
<style>
.tool_title { position: relative; }
.tool_title span {
position: absolute;
right: -50px;
top: 15px;
width:145px;
Height:auto;
display: none;
min-width: 10px;
padding: 6px 8px;
white-space: normal;
font-size: 11px;
text-align: left;
background-origin: content-box;
background-position: 0% 50%;
background: url('http://djtest.do.am/d1/video_glv/bag_video_title.png')no-repeat;
color: #fff;
z-index:1;
}
.tool_title:hover span { display: block; }
</style>
<style>
.tooltip11 { position: relative; }
.tooltip11 span {
position: absolute;
right: -32px;
top: -6px;
display: none;
min-width: 10px;
padding: 6px 8px;
white-space: nowrap;
font-size: 11px;
text-align: right;
background:#FFFFFF url('http://djtest.do.am/d1/video_glv/bgvideopr.png')no-repeat;
color: #fff;
}
.tooltip11:hover span { display: block; }
</style>
<style type="text/css">
#image2 a img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5; /* Mozilla 1.6 */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
filter: alpha(opacity=50); /* IE 5.5+*/
}
#image2 a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; /* Mozilla 1.6 */
-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
filter: alpha(opacity=100); /* IE 5.5+ */
}
</style>