• 09-08-2010, 13:13:04
    #1
    Merhaba.
    Facebook sayfama Photoshop ile bir sayfa hazırlamak istedim. Fakat normalde HTML sayfa düzgünce çalışmasına rağmen Facebook'a koyduğumda tablonun satırları arasında boşluk oluşuyor.

    Önizleme resmi:


    Sayfa Kodları:

    <table style="border-collapse:collapse;" id="Tablo_01" width="700" height="650" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td colspan="3">
    			<a href="http://www.facebook.com/SaniserFAN?v=app_4949752878" target="_parent">
    				<img src="http://poweroffical.com/saniser/fan/saniserfan_01.png" width="90" height="34" 
    
    border="0" alt="" /></a></td>
    		<td>
    			<a href="http://www.facebook.com/SaniserFAN?v=wall" target="_parent">
    				<img src="http://poweroffical.com/saniser/fan/saniserfan_02.png" width="57" height="34" 
    
    border="0" alt="" /></a></td>
    		<td colspan="2">
    			<a href="http://www.facebook.com/album.php?aid=190266&id=147444070786" target="_parent">
    				<img src="http://poweroffical.com/saniser/fan/saniserfan_03.png" width="63" height="34" 
    
    border="0" alt="" /></a></td>
    		<td colspan="2">
    			<a href="http://www.facebook.com/album.php?aid=190266&id=147444070786" target="_parent">
    				<img src="http://poweroffical.com/saniser/fan/saniserfan_04.png" width="81" height="34" 
    
    border="0" alt="" /></a></td>
    		<td colspan="2">
    			<a href="http://www.facebook.com/SaniserFAN?v=photos" target="_parent">
    				<img src="http://poweroffical.com/saniser/fan/saniserfan_05.png" width="94" height="34" 
    
    border="0" alt="" /></a></td>
    		<td>
    			<a href="http://www.facebook.com/video/?id=147444070786" target="_parent">
    				<img src="http://poweroffical.com/saniser/fan/saniserfan_06.png" width="73" height="34" 
    
    border="0" alt="" /></a></td>
    		<td colspan="2">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_07.png" width="19" height="34" alt="" 
    
    /></td>
    		<td colspan="2">
    			<a href="http://sarppalaur.com" target="_blank">
    				<img src="http://poweroffical.com/saniser/fan/saniserfan_08.png" width="69" height="34" 
    
    border="0" alt="" /></a></td>
    		<td colspan="2">
    			<a href="http://myspace.com/saniser" target="_blank">
    				<img src="http://poweroffical.com/saniser/fan/saniserfan_09.png" width="87" height="34" 
    
    border="0" alt="" /></a></td>
    		<td colspan="2">
    			<a href="http://blueorganization.com/iletisim.php" target="_blank">
    				<img src="http://poweroffical.com/saniser/fan/saniserfan_10.png" width="67" height="34" 
    
    border="0" alt="" /></a></td>
    	</tr>
    	<tr>
    		<td colspan="19">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_11.png" width="700" height="124" alt="" 
    
    /></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_12.png" width="16" height="218" alt="" 
    
    /></td>
    		<td colspan="11">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_13.png" width="459" height="218" alt="" 
    
    /></td>
    		<td colspan="2">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_14.png" width="23" height="218" alt="" 
    
    /></td>
    		<td colspan="5">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_15.png" width="202" height="218" alt="" 
    
    /></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_16.png" width="16" height="17" alt="" 
    
    /></td>
    		<td colspan="11">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_17.png" width="459" height="17" alt="" 
    
    /></td>
    		<td colspan="2">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_18.png" width="23" height="17" alt="" 
    
    /></td>
    		<td colspan="5">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_19.png" width="202" height="17" alt="" 
    
    /></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_20.png" width="16" height="16" alt="" 
    
    /></td>
    		<td colspan="11">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_21.png" width="459" height="16" alt="" 
    
    /></td>
    		<td colspan="2">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_22.png" width="23" height="16" alt="" 
    
    /></td>
    		<td colspan="5">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_23.png" width="202" height="16" alt="" 
    
    /></td>
    	</tr>
    	<tr>
    		<td colspan="19">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_24.png" width="700" height="53" alt="" 
    
    /></td>
    	</tr>
    	<tr>
    		<td colspan="2">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_25.png" width="26" height="133" alt="" 
    
    /></td>
    		<td colspan="3">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_26.png" width="156" height="133" alt="" 
    
    /></td>
    		<td colspan="2">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_27.png" width="31" height="133" alt="" 
    
    /></td>
    		<td colspan="2">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_28.png" width="157" height="133" alt="" 
    
    /></td>
    		<td colspan="10">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_29.png" width="330" height="133" alt="" 
    
    /></td>
    	</tr>
    	<tr>
    		<td colspan="19">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_30.png" width="700" height="23" alt="" 
    
    /></td>
    	</tr>
    	<tr>
    		<td colspan="16">
    			<img src="http://poweroffical.com/saniser/fan/saniserfan_31.png" width="606" height="32" alt="" 
    
    /></td>
    		<td colspan="2">
    			<a href="http://nitro.gen.tr" target="_blank">
    				<img src="http://poweroffical.com/saniser/fan/saniserfan_32.png" width="47" height="32" 
    
    border="0" alt="" /></a></td>
    		<td>
    			<a href="http://poweroffical.com" target="_blank">
    				<img src="http://poweroffical.com/saniser/fan/saniserfan_33.png" width="47" height="32" 
    
    border="0" alt="" /></a></td>
    	</tr>
    	<tr>
    		<td width="16" nowrap></td>
    		<td width="10" nowrap></td>
    		<td width="64" nowrap></td>
    		<td width="57" nowrap></td>
    		<td width="35" nowrap></td>
    		<td width="28" nowrap></td>
    		<td width="3" nowrap></td>
    		<td width="78" nowrap></td>
    		<td width="79" nowrap></td>
    		<td width="15" nowrap></td>
    		<td width="73" nowrap></td>
    		<td width="17" nowrap></td>
    		<td width="2" nowrap></td>
    		<td width="21" nowrap></td>
    		<td width="48" nowrap></td>
    		<td width="60" nowrap></td>
    		<td width="27" nowrap></td>
    		<td width="20" nowrap></td>
    		<td width="47" nowrap></td>
    	</tr>
    </table>
  • 09-08-2010, 15:26:25
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Photoshop ile çiziminiz esnasındaki, düzeltme cetveli çizgileri olabilir mi ?
  • 09-08-2010, 23:49:20
    #3
    a elementlerinin içindeki img elemenlerine border="0" ekleyin
  • 10-08-2010, 00:12:17
    #4
    O sorun facebook ile alakalı bir defa bir arkadaşım yaşamıştı aynı sorunu ama düzeltememiştik muhtemelen facebook bir kodu veya kodları engelliyor bu yüzden bu sorunu yaşıyorsunuz.

    iyi çalışmalar
  • 10-08-2010, 03:04:05
    #5
    Böyle yapmak yerine resmi bir bütün olarak kaydedin daha sonra aşağıdaki kodu kullanın;

    <div style="background:url(resim_adresi); width:resim_genislik; height:resim_yukseklik; float:left"> </div>
    Table ve özellikle de her td tagında colspan olan bir tasarımda en küçük bir oynama tüm tasarımı mahvedebilir.
  • 10-08-2010, 11:59:31
    #6
    Öncelikle hepinize teşekkürler.
    Æon'un dediği kodu kullandım ve arasına spacer.gif'lerden oluşturduğum yeni tablolu tasarımı koydum. Bu şekilde çözüme ulaşabilirdim fakat IE'de kayma yok, Google Chrome'da var. Ben Chrome kullanıyorum. Chrome'a göre yapsam bu kez IE'de kayacak. Kararsız kaldım
    İncelemek isteyen: http://www.facebook.com/SaniserFAN?v=app_4949752878
  • 10-08-2010, 15:12:06
    #7
    Yazdığınız kodlar önemli. Yapmak istediğiniz şey için şu kodları kullanın; top - left değerlerini kendiniz deneyerek girin;

    .yazi_1
    {
       position:relative;
       top:10px;
       left:10px;
    }
    .yazi_2
    {
       position:relative;
       top:20px;
       left:20px;
    }
    
    
    .yazi_3
    {
       position:relative;
       top:40px;
       left:40px;
    }
    
    Sayfa içindeki kod ise şöyle olacak
    <div style="background....">
       <div class="yazi_1">deneme- video</div>
       <div class="yazi_2">deneme- indir</div>
       <div class="yazi_3">deneme- takvim</div>
    </div>
    gibi... Table yapısı aynen duruyor. Table yapısından kurtulun önce, sizi çok kısıtlayacak.