css problemi - R10.net

14-02-2007, 12:49:01

Üyeliği durduruldu

Merhaba,
bir site için menü yapmaya çalışıyorum, site firefoxta harika görünüyor ama explorer'da saçmalıyor, hem kötü görünüyor hemde üzerine gelince rengi değişmesi gerekirken değişmiyor, bu konudan anlayan birileri varsa şimdiden teşekkürler.

Firefox:

Explorer:

.menu {
	background-color: #2A4D91;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	color: #ECE9D8;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #3563B7;
	text-indent: 3pt;
	height: 20px;
}
.menu:hover {
	background-color: #1C356B;
		text-decoration: none;
}

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="menu">
  <tr>
    <td valign="middle">yazi</a></td>
  </tr>
  <tbody>
  </tbody>
</table>

14-02-2007, 13:54:51

#2

~~balik~~

Üyeliği durduruldu

.menu a  {background-color: #2A4D91;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    color: #ECE9D8;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #3563B7;
    text-indent: 3pt;
    height: 20px;}
.menu a:hover {
    background-color: #1C356B;
        text-decoration: none;
}

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="menu">
  <tr>
    <td valign="middle"><a href="http://www.siteadresi.com">yazi</a></td>
  </tr>
  <tbody>
  </tbody>
</table>

Bu şekilde kullanırsan sanırım sorun çözülür.. Ayrıca <table>..</table> yerine <div>...</div> kullanırsan SEO açısından çok daha olumlu sonuç alırsın..

14-02-2007, 14:31:19

#3

~~cross~~

Üyeliği durduruldu

çok teşekkür balik ama bu da olmadı, ne kadar bela bişeymiş bu ya, biraz daha uğraşayım en iyisi

14-02-2007, 15:10:45

#4

limonabi

Kimlik doğrulama veya yönetimden onay bekliyor.

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="menu" valign="middle">yazi</a></td>
</tr>
</table>

bunu deneyebilirsin (stil dosyasında bir değişiklik yapma). Ama görüşüm blackcode ile aynı yönde. div kullan.

14-02-2007, 15:13:38

#5

~~cross~~

Üyeliği durduruldu

BlackCode çok sağol +rep ama bu da olmadı, firefox'ta sorun yok, harika görünüyor, explorer'da hep görüntü çok bozuk, hem de üzerine gelince renk değişmiyor, neyse abi artık flash ile yapayım.

14-02-2007, 15:16:16

#6

~~cross~~

Üyeliği durduruldu

limonabi adlı üyeden alıntı: mesajı görüntüle

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="menu" valign="middle">yazi</a></td>
</tr>
</table>

bunu deneyebilirsin (stil dosyasında bir değişiklik yapma). Ama görüşüm blackcode ile aynı yönde. div kullan.

valla bi tuhaflık var çözemedim, nedense üzerine gelince rengi değişmiyor

birde firefox'taki gibi güzel görünmüyor, bilsem explorer'da açar yapardım siteyi, ek olarak rep verdim, çok teşekkür ederim.

14-02-2007, 17:10:59

#7

~~balik~~

Üyeliği durduruldu

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="menu">
  <tr>
    <td valign="middle">yazi</a></td>
  </tr>
  <tbody>
  </tbody>
</table>

Bu html kodlarının tamamını yazarsan sayfa düzenin hakkında bilgim olur o zaman tam olarak yapmak istediğin şeyi bulabiliriz.. Yani anatablo, sol menü, içerik bölümü vs..

14-02-2007, 17:22:09

#8

~~cross~~

Üyeliği durduruldu

çok teşekkürler balik, benim tüm kodum aynen aşağıdaki gibi, mesela onu dosya.html diye kaydedin, firefoxta ve explorer'da bakın, explorer'da rezil görünüyor ama firefox'ta harika görünüyor, nerede hata yaptım hala bulamadım.

<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.menu {
	background-color: #2A4D91;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	color: #ECE9D8;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #3563B7;
	text-indent: 3pt;
	height: 20px;
}

.menu:hover {
	background-color: #1C356B;
		text-decoration: none;
		
}
.menuyazilar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
-->
</style></head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="menu">
  <tr>
    <td valign="middle" class="menuyazilar"><a href="menu1.html" class="menuyazilar">menu 1</a></td>
  </tr>
  <tbody>
  </tbody>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="menu">
  <tr>
    <td valign="middle" class="menuyazilar"><a href="menu2.html" class="menuyazilar">menu 2</a></td>
  </tr>
  <tbody>
  </tbody>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="menu">
  <tr>
    <td valign="middle" class="menuyazilar"><a href="menu3.html" class="menuyazilar">menu 3</a></td>
  </tr>
  <tbody>
  </tbody>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="menu">
  <tr>
    <td valign="middle" class="menuyazilar"><a href="menu4.html" class="menuyazilar">menu 4</a></td>
  </tr>
  <tbody>
  </tbody>
</table>
</body>
</html>

14-02-2007, 17:53:25

#9

~~balik~~

Üyeliği durduruldu

dosya.css

.menutablo {width: 150px;}
.menu a {display: block;
background-color: #2A4D91;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #3563B7;
    text-indent: 3pt;
    height: 20px;}
.menu a:hover {
 background-color: #1C356B;
        text-decoration: none;}

dosya.htm

<!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=iso-8859-1" />
<title>Untitled Document, Burayı Untitled Document olarak bırakmamak gerekir bir sayfadaki en önemli etiket title etiketidir</title>
<link type="text/css" href="dosya.css" rel="stylesheet" media="screen" />
</head>
<body>
<div class="menutablo">       
<div class="menu"> 
<a href="#">menu 1</a>       
<a href="#">menu 2</a>       
<a href="#">menu 3</a>       
<a href="#">menu 4</a>
</div>
</div>
</body>
</html>

İnternet explorer ve firefox'da sorunsuz olarak çalışıyor, css dosyasını harici dosya olarak oluşturdum... Menü tablo genişliğini 150 px olarak ayarladım gerekli değişikliği yaparsın, bu şekilde kullanıldığında sayfa boyutu küçülmüş olur, böylece hem bant genişliğinden tasarruf yapılmış olur hem de sayfa daha çabuk yüklenir..

Kolay gelsin..