- Katılım
- 14 Temmuz 2010
- Mesajlar
- 30
- Reaction score
- 0
Merhabalar;
Hazırladığım html dosyasının tamamını aşağıda code içerisinde belirttim.
Arkadaşlar o turuncu üçgeni dış text den nasıl yok edebiliriz? Sadece here yazısına basıldığında ortaya çıkmasını istiyorum.Ayrıca normalde ipucu balonunun içerisinde olması gereken yazı dış metinde gözüküyor.Bu anormallikleri nasıl halledebilirim.?
Hazırladığım html dosyasının tamamını aşağıda code içerisinde belirttim.
Arkadaşlar o turuncu üçgeni dış text den nasıl yok edebiliriz? Sadece here yazısına basıldığında ortaya çıkmasını istiyorum.Ayrıca normalde ipucu balonunun içerisinde olması gereken yazı dış metinde gözüküyor.Bu anormallikleri nasıl halledebilirim.?
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Ipucu kutu modellemeleri</title>
<style type="text/css">
a:focus.ipucu,a:active.ipucu {
position:relative; background:#000; color:red;
}
em.inner, em.outer, b, a:focus.ipucu b,a:active.ipucu b {
position:absolute;
display:block;
}
a:focus.ipucu b, a:active.ipucu b {
top:33px;
left:-25px;
border:1px solid #ff0;
text-decoration:none;
}
b, a:focus.ipucu b, a:active.ipucu b {
padding:5px;
font-weight:normal;
color:#000;
}
.outer, a:focus.ipucu b, a:active.ipucu b {
background:orange;
}
b {
top:20px;
left:25px;
width:350px;
}
em.inner,em outer {
left:20px;
width:0;
height:0;
background:transparent;
border-left:17px dashed transparent;
border-right:17px dashed transparent;
overflow:hidden;
}
em.outer {
border-bottom:20px solid yellow;
top:17px;
}
em.inner {
top:-15px;
border-bottom:17px solid orange;
}
</style>
</head>
<body>
<a class="ipucu" href="#">here<b><em class="outer"></em><em class="inner"></em>Karavan girls , deneme, i got a rocket, yazilar</b>
</a>
</body>
</html>