Tarpai tarp paveikslėlių

Labas vakaras, norėjau paklausti kodėl man tarpu nepasidaro? Ir kodėl tie kvadratai, juodai ryškesni?

http://www.part.lt/img/de123454e8484a1433f89d67866060f477.JPG

Kodas:

	//meniu
echo "<table align='center' cellspacing='0' cellpadding='0' width='".THEME_WIDTH."'><tr>
<td><a href='".BASEDIR."index.php'><img src='".THEME."images/sub_01.png'  alt='' border:0px;' /></a>
<a href='".BASEDIR."index.php'><img src='".THEME."images/sub_02.png' alt='' border:0px;' /></a>
<a href='".BASEDIR."index.php'><img src='".THEME."images/sub_09.png' alt='' border:0px;' /></a>
<a href='".BASEDIR."index.php'><img src='".THEME."images/sub_10.png' alt='' border:0px;' /></a>
</tr></table>";

Ačiū, iš anksto.

kur tie tarpai turi buti?

ir šiaip html kodas visuomet rašomas pirmiau. tavo būdu sunkiai paredaguosi stilių, o ir kodą rašyt nepatogu. notepad++ negalės tinkamai nuspalvoti

http://www.part.lt/img/2ef2e4d0d2e9e7aa27b9dffd1b48acf6700.JPG

Va šitoj foto kur raudonai užtušuota, noriu kad paveikslėliai susijungtu. O jei čia mažai, ką galima reguliuot gal galima per css?

Duok visą veikiančią svetainę, ką čia dabar žaist kai nėra pačio kodo. Priežasčių gali būti šimtas.

Svetainė stovi ant WAMP, poto tik bus perkeltas ant tiklalapio.

Beje galiu duot tada theme.php ir css kodus

Tau yra tarpai, nes dedi su <img src... /> tag'u. :)

Šitą kodą:

  //meniu
       echo "<table align='center' cellspacing='0' cellpadding='0' width='".THEME_WIDTH."'><tr>
       <td><a href='".BASEDIR."index.php'><img src='".THEME."images/sub_01.png'  alt='' border:0px;' /></a>
       <a href='".BASEDIR."index.php'><img src='".THEME."images/sub_02.png' alt='' border:0px;' /></a>
       <a href='".BASEDIR."index.php'><img src='".THEME."images/sub_09.png' alt='' border:0px;' /></a>
       <a href='".BASEDIR."index.php'><img src='".THEME."images/sub_10.png' alt='' border:0px;' /></a>
       </tr></table>";

Keisk į šitą:

  //meniu
       echo "<table align='center' cellspacing='0' cellpadding='0' width='".THEME_WIDTH."'><tr>
       <a href='".BASEDIR."index.php'><td id='sub_01'></td></a>
       <a href='".BASEDIR."index.php'><td id='sub_02'></td></a>
       <a href='".BASEDIR."index.php'><td id='sub_03'></td></a>
       <a href='".BASEDIR."index.php'><td id='sub_04'></td>
       </tr></table>";

Ir tada style.css faile rašyk tokį kodą:

#sub_01 {
background-image:url('tavo_direktorija/sub_01.png');
background-repeat: no-repeat;
width: 50px; // Čia bus paveikslėlio ilgis (50px pakeisk į tavo paveikslėlio dydį)
height: 100px; // Čia bus paveikslėlio plotis (100px pakeisk į tavo paveikslėlio dydį)
}
#sub_02 {
background-image:url('tavo_direktorija/sub_02.png');
background-repeat: no-repeat;
width: 50px; // Čia bus paveikslėlio ilgis (50px pakeisk į tavo paveikslėlio dydį)
height: 100px; // Čia bus paveikslėlio plotis (100px pakeisk į tavo paveikslėlio dydį)
}
#sub_03 {
background-image:url('tavo_direktorija/sub_03.png');
background-repeat: no-repeat;
width: 50px; // Čia bus paveikslėlio ilgis (50px pakeisk į tavo paveikslėlio dydį)
height: 100px; // Čia bus paveikslėlio plotis (100px pakeisk į tavo paveikslėlio dydį)
}
#sub_04 {
background-image:url('tavo_direktorija/sub_04.png');
background-repeat: no-repeat;
width: 50px; // Čia bus paveikslėlio ilgis (50px pakeisk į tavo paveikslėlio dydį)
height: 100px; // Čia bus paveikslėlio plotis (100px pakeisk į tavo paveikslėlio dydį)
}

Sekmės. :)

Faitas, ačiū kad čia padedi. Bet jau man padėjo žmogus nest - Ačiū jam labai, galima rakinti tema :)