• 22-12-2010, 16:31:01
    #1
    başlıkta çok anlatamamış olabilirim





    yukarıdaki resimde 2 rengin arası bos beyaz görüyosunuz burayı birlestirmek istiyorum

    <td width="%25" class="logo"></td>
    <td width="%75" class="menu" COLSPAN="2"></td>
    kodlaması böyle

    table td.menu {
    	border-left: 1px solid #584E44;
    	background-color: #584E44;
    	background-image:url('./img/menu.png');
    	background-repeat:no-repeat;
    	background-position:center bottom;
    }
    
    table td.logo {
    	border-right: 1px solid #584E44;
    	background-color: #584E44;
    	background-image:url('./img/logo.bmp');
    	background-repeat:no-repeat;
    	background-position:left bottom;
    }
    css de böyle yardımcı olursanız sevinirim.
  • 22-12-2010, 20:27:25
    #2
    bir sorum daha var

    yaptıgım tasarımım mozillada böyle

    http://img252.imageshack.us/i/mozillal.png/

    internet explorer 8de böyle problem nedir?

    http://img6.imageshack.us/i/12348611.png/
  • 22-12-2010, 20:56:23
    #3
    borderlerden kaynaklanıyor olabilir cssde margin:0; ekle bi denele
  • 22-12-2010, 23:16:00
    #4
    td'lerin yer aldığı tr için bir class oluşturun..
    tr.classismi { background:#584e44;}
    ikinci mesele için diyebileceğim, daralan yerlerdeki elemanlar için genişlik değerleri atanmalı.
    lütfen işe yaradıysa belirtiniz.
  • 23-12-2010, 21:19:01
    #5
    sadeeq adlı üyeden alıntı: mesajı görüntüle
    td'lerin yer aldığı tr için bir class oluşturun..
    tr.classismi { background:#584e44;}
    ikinci mesele için diyebileceğim, daralan yerlerdeki elemanlar için genişlik değerleri atanmalı.
    lütfen işe yaradıysa belirtiniz.
    tr isin class olusturdum yine aynı arada ince bir cizgi var..

    genislik degeri demissiniz ben o degeri width="%25" gibi yaptım sorun bundan olabilirmi?
  • 23-12-2010, 23:17:02
    #6
    aradaki çizgi genişlik değerinden kaynaklanmaz. bize, <table> den itibaren olan kısmı yazarsan daha net olur. bir de css'de table ile ilgili bölümü de yaz.
    ayrıca arkadaşın dediği margin:0px; olayını da bir dene..
    VEYA
    css dosyasında:

    .tablo { border-spacing:0; border-collapse:collapse;}
    td.menu, td.logo, table.tablo {border:1px solid #584e44;}

    olarak düzenlemeyi dene.