Форум Сайтостроение Веб-строительство

Как сделать всплывающую подсказку слева?

[Удален]
614

Всем привет,

имеется код 

<script>

$(document).ready(function()

{

$(".com_comment, .com_news").mouseover(function () {

$(this).children( 'span').fadeTo( 'slow', 0.8 ).show( );

});

$(".com_comment, .com_news").mouseout(function (){

$(this).children( 'span' ).hide( );

});

});

</script>

По умолчанию при наведении на него мышкой всплывающее окно показывается справа.

Как сделать чтобы оно показывалось слева на определенном расстоянии?

T
На сайте с 13.04.2008
Offline
67
t3s
#1

в CSS укажите нужные свойства для .children

webamator (http://webamator.ru) приглашает потестить сервис бесплатной оптимизации CSS и JavaScript (http://service.webamator.ru/) Занимаюсь проектами любой сложности. Качественно. Дорого. Примеры некоторых работ (http://blog.webamator.ru/category/portfolio)
[Удален]
#2

Попробовал...что то не получается, подскажите примерно что именно нужно дописать

V
На сайте с 05.01.2011
Offline
23
veterinar
#3
Mafin:
Попробовал...что то не получается, подскажите примерно что именно нужно дописать

надо хотябы примерно видить контекст

[Удален]
#4

полный код вот такой:

<style type="text/css">
.com_span {
	border: 1px solid #eee;
	padding: 1px;
	font-size: 12px;
	overflow:hidden;
}

.com_news a:link, .com_news a:visited, .com_news a:active, .com_news a:hover {
	text-decoration: none;
}

.com_line {
	clear: both;
	height: 2px;
	background: url({THEME}/images/com_line.gif) repeat-x;
}

.com_comment {
	border: 1px solid #eee;
	padding: 1px;
	margin: 1px;
}

.com_comment > span, .com_news > span {
	display:none;
	font-family: Verdana;
	font-size: 12px;
	color: #fff;
	background: #000;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 2px;
	margin: 3px;
	z-index: 100;
	position: absolute;
	width:400px;
	-webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}

</style>


<script language="javascript" type="text/javascript">
$(document).ready(function()
{
	$(".com_comment, .com_news").mouseover(function () {
		  $(this).children( 'span').fadeTo( 'slow', 0.8 ).show( );
	});
	$(".com_comment, .com_news").mouseout(function (){
		  $(this).children( 'span' ).hide( );
	});
});
</script>
C
На сайте с 04.02.2005
Offline
291
Chukcha
#5

.com_comment > span {

left :0;

}

Это пробовали?

[Удален]
#6

Chukcha, сейчас попробовал - получилось)) Спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий