Basit bir CSS problemi

09-08-2010, 11:18:08

Burti

Reveloper

WHMCS sistemime açılır menü yapmak istiyorum ancak bir türlü başaramadım delirmek üzereyim yardımınıza muhtacım.

<div class="anamenu"> BU menüde yapılacak

header.tpl

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset={$charset}" />
<title>{$companyname} - {$pagetitle}{if $kbarticle.title} - {$kbarticle.title}{/if}</title>
{if $systemurl}<base href="{$systemurl}" />{/if}
<link rel="stylesheet" type="text/css" href="templates/{$template}/style.css" />
<script type="text/javascript" src="includes/jscript/jquery.js"></script>
<script language="javascript" src="templates/{$template}/mootools/mootools.svn.js" type="text/javascript"></script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="templates/{$template}/newsticker.js"></script>

<!--[if lt IE 7]>
<script type="text/javascript" src="templates/{$template}/pngDuzenlemeKodu.js"></script>
<![endif]-->

</head> 
<body>





<div class="header">

<div class="topmenu">
<div class="topsol">
<img src="templates/{$template}/images/topara.jpg" alt="" /><a href="index.php">Ana Sayfa</a>
<img src="templates/{$template}/images/topara.jpg" alt="" /><a href="supporttickets.php">Teknik Destek</a>
<img src="templates/{$template}/images/topara.jpg" alt="" />
</div>
<div class="topsag"><img src="templates/{$template}/images/topok.gif" alt="" /><a href="alt-yapi.php">Alt Yapı</a>
<img src="templates/{$template}/images/topok.gif" alt="" /><a href="neden-biz.php">Neden Biz ?</a>
<img src="templates/{$template}/images/topok.gif" alt="" /><a href="contact.php">İletişim ve Ulaşım Bilgileri</a></div>
</div>


<div class="hgovde">

<div class="mainlogo"><a href="index.php"><img src="templates/{$template}/images/logo.jpg" alt="" /></a></div>

<div class="hbanner"></div>

<div class="hcer">
<div class="hlink"><img src="templates/{$template}/images/home.gif" alt="" /><a href="http://www.servertescil.net/clientarea.php">M&uuml;şteri Y&ouml;netim Paneli</a></div>
<div class="hlink"><img src="templates/{$template}/images/key.gif" alt="" /><a href="register.php">Musteri Kaydi</a></div>
<div class="hlink"><img src="templates/{$template}/images/hour.gif" alt="" /><a href="clientarea.php">Musteri Girisi</a></div>
</div>


</div>



<div class="anamenu">
<a href="web-hosting.php">Web Hosting</a>
<img src="templates/{$template}/images/anamenuara.jpg" alt="" /><a href="domainchecker.php">Alan Adı Tescili</a>
<img src="templates/{$template}/images/anamenuara.jpg" alt="" /><a href="reseller-hosting.php">Reseller Hosting</a>
<img src="templates/{$template}/images/anamenuara.jpg" alt="" /><a href="vps-hosting.php">VPS/VDS</a>
<img src="templates/{$template}/images/anamenuara.jpg" alt="" /><a href="Dedicated.php">Dedicated Server</a>
<img src="templates/{$template}/images/anamenuara.jpg" alt="" /><a href="oyunsunucu.php">Oyun Sunucusu</a>
<img src="templates/{$template}/images/anamenuara.jpg" alt="" /><a href="Servisler.php">Servisler</a>
<img src="templates/{$template}/images/anamenuara.jpg" alt="" /><a href="hakkimizda.php">Hakkımızda</a>
<img src="templates/{$template}/images/anamenuara.jpg" alt="" /><a href="contact.php">İletişim Bilgileri</a></div>


</div>



<div class="asilgovde"><div class="solblog">

style.css

.anamenu {width:988px; margin:auto; height:45px; background:url(images/anamenubg.jpg) ; line-height:40px; font-family:Tahoma; font-size:11px;}
.anamenu img { float:left; }
.anamenu a { float:left; text-decoration:none; padding:0 20px 0 20px; color: #FFFFFF; display:block;}
.anamenu a:hover { text-decoration:underline;}

yapılmak istenen menü türü:

http://www.t-infection.com/css3-xhtm...r-menu-yapimi/

bu tarz birşey.

Ya ben ihtiyarladım yada sistemde sorun var

çok acil yardım ederseniz cok mutlu olurum teşekkür ederim

09-08-2010, 16:10:21

#2

liarea

sorunu nerede yaşıyorsunuz?

10-08-2010, 00:39:52

Burti

Reveloper

heryerde

direk tema kayıyor

$(document).ready(function () {	

	$('#menu li').hover(
		function () {
			// #menu li üzerine gelince alt menümüzün SlideDown ile görünmesini sağlıyoruz.
			$('ul', this).slideDown(200);

		},
		function () {
			// imlecimiz ul üzerinden kalkınca alt menümüz SlideUp ile kapanıyor.
			$('ul', this).slideUp(200);
		}
	);

});

bu kodu yazınca beyaz sayfa geliyor

10-08-2010, 02:44:10

#4

Æon

#menu ID'li bir tag yok. Site'deki kodlar ile sizin eklediğiniz kodlar farklı. #menu li var, sizin kullandığınızda farklı bir yapı var.