Başlık biraz garip olmuş olabilir, kusura bakmayın. Sanıyorum ki soru da öyle olacak bu yüzden sorunumu olabildiğince görsel olarak anlatmaya çalışacağım

Daha önce html/css olarak hazırlanmış bir firma tasarımı var. Ben bu tasarıma yönetim sistemi yazıyorum fakat bir bölümde takıldım.

Standart olarak eklenen sayfalarla sitenin üst bölümü şöyle;



Fakat bir link eksildiğinde durum şöyle oluyor;



Bu benim ilk işim değil fakat tasarımı hazırlayan kişinin ilk işi olabilir bilmiyorum.


Diller bölümünün html kodları şöyle;

    	<div class="logo-genel">
        	<div class="logo"><a href="index.php"><img src="logo.png" width="383" height="97" border="0"/></a></div>
            <div class="diller-arkaplan">
            	<div class="diller-genel">
                	
<div class="genel01">
<div class="tr"><img src="resimler/diller/tr.jpg" width="24" height="18" border="0"/></div>
<div class="en"><a href="en/index.php"><img src="resimler/diller/en.jpg" width="24" height="18" border="0"/></a></div>
<div class="ru"><a href="ru/index.php"><img src="resimler/diller/ru.jpg" width="24" height="18" border="0"/></a></div>
<div class="de"><a href="de/index.php"><img src="resimler/diller/de.jpg" width="24" height="18" border="0"/></a></div>
<div class="fr"><a href="fr/index.php"><img src="resimler/diller/fr.jpg" width="24" height="18" border="0"/></a></div>
<div class="ar"><a href="ar/index.php"><img src="resimler/diller/ar.jpg" width="24" height="18" border="0"/></a></div>
</div>	
                </div>
            </div>
        </div>

Css kodları;

.genel01 {
	float: left;
	height: 18px;
	width: 253px;
}
.diller-arkaplan {
	float: right;
	height: 97px;
	width: 253px;
	background-image: url(../resimler/diller-arkaplan.png);
	margin-right: 15px;
}
.diller-genel {
	float: left;
	height: 18px;
	width: 253px;
	margin-top: 72px;
}

Menü html koldarı şöyle;

        <div class="menu-genel">
        	<div class="buton"><img src="resimler/buton/anasayfa-buton-a.png" width="124" height="50" /></div>
            <div class="ayrac"></div>
			
            <div class="buton"><a href="kurumsal.php" class="kurumsalbuton"></a></div>
            <div class="ayrac"></div>
			
            <div class="buton"><a href="urunler.php" class="urunlerbuton"></a></div>
            <div class="ayrac"></div>
			
            <div class="buton"><a href="videolar.php" class="videolarbuton"></a></div>
            <div class="ayrac"></div>
			
            <div class="buton"><a href="katalog.php" class="katalogbuton"></a></div>
            <div class="ayrac"></div>
			
            <div class="buton"><a href="fuarlar.php" class="fuarlarbuton"></a></div>
            <div class="ayrac"></div>
			
            <div class="buton"><a href="haberler.php" class="haberlerbuton"></a></div>
            <div class="ayrac"></div>
			
            <div class="buton01"><a href="iletisim.php" class="iletisimbuton"></a></div>
        </div>

Css kodları ise;

.menu-genel {
	height: 50px;
	width: 1000px;
}

.buton {
	float: left;
	height: 50px;
	width: 124px;
}
.buton01 {
	float: left;
	height: 50px;
	width: 125px;
}

.ayrac {
	float: left;
	height: 50px;
	width: 1px;
	background-image: url(../resimler/buton/ayrac.jpg);
}

Çok karışık olmuş olabilir. Hani bir umut bu konuyu açıyorum. Artık en olmadı menü linklerini değişken değilde sabit olarak tutmaya çalışacağım.

Not: Referans amaçlı yapıyorum bu işi css bilgim ne yazık ki bu sorunu çözecek seviyede değil.

Şimdiden teşekkür ederim.