Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Jul 2013
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Empty space on left table

    I have problem with empty space on left table i dont see error in code i m blind or stupid.The first picture is showing how it was and the second picture how is now


    and the second in the left corner emty space



    This page code
    Code:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    
    <html>
    <head>
    
          <meta http-equiv="Content-Language" content="sr">
          <meta http-equiv="Content-Type" content="text/html;" charset="utf-8">
          <meta name="keywords" content="restoran, restorani, veselje, vencanja, vencanje, veselja, svadba, svadbe, proslave, proslava, restoran princ, princ, studio story, story, foto, rodjendan, rodjendani, ketering, mature, nova godina">
    	<title>Princ</title>
    	<link rel="stylesheet" type="text/css" href="pro_dropdown_2/pro_dropdown_2.css" />
    	<style type="text/css">
    	body {
    	background-color: #60130d;
    	background-image: url();
    }
        body,td,th {
    	font-style: normal;
    	font-weight: 900;
    }
        </style>
        <!--skripta za kalendar-->
        <script type="text/javascript" src="calendar_js.js"></script>
    
        <script type="text/javascript" language="JavaScript">
        <!--
    window.status="|   uli sobers    +49.163.8802.979   |";
    //-->
        </script>
        <!--kraj skripte za kalendar-->
        <!--SKRIPTA ZA SKROLGALLERY-->
        <script language="JavaScript">
    <!--
    <!--
    <!--
    <!--
    
    function MM_preloadImages() { //v3.0
     var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
       var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
       if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
        </script>
    	<!--SKRIPTA ZA SKROLGALLERY KRAJ-->
    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('scrolgalery/s1_f1.gif','scrolgalery/s2_f2.gif','scrolgalery/s10_f10.gif')">
    <table width="950" height="6" border="0" cellpadding="0" cellspacing="0" align="center" valign="top" bgcolor="#782403" background="none">
    <tr>
    <td width="950" height="6" align="center"><img src="images/up1.jpg" border="0" width="950" height="6"></td>
    </tr>
    </table>
    <!--CENTRALNA TABELA-->
    <table width="950" height="818" border="0" cellpadding="0" cellspacing="0" align="center" valign="top" bgcolor="#782403" background="none">
    <tr>
    <td width="319" height="818" align="center">
      <!--LEVI DEO CENTALNE-->
      <table width="320" height="789" border="0" cellpadding="0" cellspacing="0" align="centar" valign="top" bgcolor="#782403">
      <tr>
      <td width="319" height="221" background="images/podlogo.jpg" align="left" valign="top"><a href="index.html"><img src="images/logo.jpg" border="0"></a></td>
      </tr>
      <!--LINKOVI-->
      <tr>
      <td width="319" height="15"><img src="images/zuto1.jpg"></td></tr>
      <tr>
      <td width="319" height="35" background="images/zuto2.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="one" href="index.html"><b>Home</b></a></td></tr>
      <tr>
      <td width="319" height="10"><img src="images/zuto3.jpg"></td></tr>
      <tr>
      <td width="319" height="29" background="images/zuto4.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="one" href="o_nama.html"><b>O nama</b></a></td></tr>
      <tr>
      <td width="320" height="10"><img src="images/zuto5.jpg"></td></tr>
      <tr>
      <td width="320" height="30" background="images/zuto6.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="one" href="usluge.html"><b>Usluge</b></a></td></tr>
      <tr>
      <td width="320" height="11"><img src="images/zuto7.jpg"></td></tr>
      <tr>
      <td width="320" height="29" background="images/zuto8.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="one" href="galerija.html"><b>Galerija</b></a></td></tr>
      <tr>
      <td width="320" height="12"><img src="images/zuto9.jpg"></td></tr>
      <tr>
      <td width="320" height="29" background="images/zuto10.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="one" href="kontakt.html"><b>Kontakt</b></a></td></tr>
      <tr>
      <td width="320" height="11"><img src="images/zuto11.jpg"></td></tr>
      <tr>
      <td width="320" height="30" background="images/zuto12.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="one" href="prijatelji.html"><b>Prijatelji sajta</b></a></td></tr>
      <tr>
      <td width="320" height="17"><img src="images/zuto13.jpg"></td></tr>
      <!--LINKOVI KRAJ-->
      <tr>
      <td width="500" height="320" align="center" valign="bottom" background="images/podkalendar.png" bgcolor="#FFFFFF">
      <!-- calendar -->
    	 <div id="calendarcube">
    	   <h1>KALENDAR
    	     </h1>
    	   <div id="calendar"></div>
       </div>
       <!--calendar kraj-->
      
      </td>
      </tr>
      </table>
      <!--LEVI DEO CENTALNE KRAJ-->
    </td>
    <td width="630" height="818" align="center">
      <!--DESNI DEO CENTALNE-->
      <table width="631" height="818" border="0" cellpadding="0" cellspacing="0" align="centar" valign="top" bgcolor="#782403">
      <tr>
      <td width="630" height="309">&nbsp;</td></tr>
      <tr>
      <td width="630" height="10"><img src="images/up2.jpg" border="0"></td></tr>
      <tr>
      <td width="630" height="20" background="images/up3.jpg" border="0" align="center"><p class="one"><a class="two" href="galerije/story1.html"><b>Foto Studio STORY</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="two" href="galerije/princ1.html"><b>Mala sala</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="two" href="docek.html"><b> Doček Nove 2013.god</b></a></p></td></tr>
      <tr>
      <td width="630" height="482" border="0" align="left" valign="top">
      <table width="630" height="482" border="0" align="left" cellpadding="0" cellspacing="0" ;>
        <tr>
          <td height="54" colspan="7" align="center" valign="top" background="images/galerija1.png"><div align="left"></div>
            <img src="images/1.jpg" width="630" height="57"  alt=""/></td>
          </tr>
        <tr>
          <td width="27" height="54" align="left" valign="top" background="images/galerija20.png"><img src="images/2.jpg" width="27" height="195"  alt=""/></td>
          <td width="230" align="left" valign="top" background="images/galerija20.png"><a href="galerije/princ1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('velikasala','','scrolgalery/s1_f1.gif',1)"><img src="scrolgalery/s1.gif" alt="" width="231" height="195" id="velikasala"></a></td>
          <td width="231" align="left" valign="top" background="images/galerija20.png"><a href="galerije/princ2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('malasala','','scrolgalery/s2_f2.gif',1)"><img src="scrolgalery/s2.gif" alt="" width="231" height="195" id="malasala"></a></td>
          <td width="115" align="left" valign="top" background="images/galerija20.png"><img src="images/5.jpg" width="115" height="195"  alt=""/></td>
          <td width="27" align="left" valign="top" background="images/galerija20.png"><img src="images/6.jpg" width="27" height="195"  alt=""/></td>
        </tr>
        <tr>
          <td height="34" align="left" valign="top" background="images/galerija20.png"><img src="images/7.jpg" width="27" height="196"  alt=""/></td>
          <td align="left" valign="top" background="images/galerija20.png"><a href="galerije/story1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('fotostory','','scrolgalery/s10_f10.gif',1)"><img src="scrolgalery/s10.gif" alt="" width="231" height="196" id="fotostory"></a></td>
          <td align="left" valign="top" background="images/galerija20.png"><img src="images/9.jpg" width="231" height="196"  alt=""/></td>
          <td align="left" valign="top" background="images/galerija20.png"><img src="images/10.jpg" width="115" height="196"  alt=""/></td>
          <td width="27" align="left" valign="top" background="images/galerija20.png"><img src="images/11.jpg" width="27" height="196"  alt=""/></td>
          </tr>
        <tr>
          <td height="133" colspan="5" align="left" valign="top" background="images/galerija20.png"><img src="images/12.jpg" width="631" height="135"  alt=""/></td>
          </tr>
        </table></td>
      </tr>
      </table>
      <!--DESNI DEO CENTALNE KRAJ-->
    </td>
    </tr>
    </table>
    <!--CENTRALNA TABELA KRAJ-->
    <table width="950" height="7" border="0" cellpadding="0" cellspacing="0" align="center" valign="top" bgcolor="#782403" background="none">
    <tr>
    <td width="950" height="7" align="center"><img src="images/down1.jpg"></td>
    </tr>
    </table>
    <!--TABELA NA DNU-->
    <table width="950" height="20" border="0" cellpadding="0" cellspacing="0" align="center" valign="bottom" bgcolor="#ffffff" background="none">
    <tr>
    <td width="950" height="20" align="center" background="images/down3.png">
    <p class="one"><a class="three" href="index.html">Home</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a class="three" href="o_nama.html">O nama</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a class="three" href="usluge.html">Usluge</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a class="three" href="galerija.html">Galerija</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a class="three" href="kontakt.html">Kontakt</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a class="three" href="prijatelji.html">Prijatelji sajta</a></p>
    </td>
    </tr>
    </table>
    <table width="950" height="104" border="0" cellpadding="0" cellspacing="0" align="center" valign="top" bgcolor="#ffffff" background="none">
    <tr>
    <td width="475" height="104" align="left" valign="center" background="images/down4.png"><p class="two">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Restoran <b>"PRINC"</b><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ivana Milutinovića 28, 18000 Niš<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+381 (0)63 446 561<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+381 (0)18 231 481</p></td>
    <td width="475" height="104" align="right" valign="center" background="images/down5.png"><p class="two"><br />Web design by&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />Foto studio <b>"STORY"</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />foto Bojan Ristić</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />+381 (0)69 1 224 224&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;<br />&nbsp;</p></td>
    </tr>
    </table>
    <!--TABELA NA DNU KRAJ-->
    </body>
    </html>

  • #2
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Get rid of the unnecessary tables first and then you will have better control of the spacing.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #3
    New to the CF scene
    Join Date
    Jul 2013
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Does anyone have a solution or just give up and attempt to re-build website

  • #4
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Well the coding style that the page uses was obsolete about 15 years ago so it is badly in need of a rewrite anyway - I would suggest rewriting it to use semantic HTML - it will get you better rankings in the search results and make it easier to style the page for the vast array of different m edia that people now use to view web pages.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • Users who have thanked felgall for this post:

    miodrag (07-17-2013)

  • #5
    New to the CF scene
    Join Date
    Jul 2013
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Tnx for answer

  • #6
    New Coder
    Join Date
    Jun 2013
    Posts
    34
    Thanks
    1
    Thanked 2 Times in 2 Posts
    Tables should be avoided for use. In beginning designers also used table to adjust the content of website, but now with availability of div tag it is recommended to use it instead of table, even when you need to show a table on a website. You can get some help by following the link...
    http://www.codingforums.com/showpost...85&postcount=2

  • #7
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Quote Originally Posted by AnnaMaria View Post
    Tables should be avoided for use. In beginning designers also used table to adjust the content of website, but now with availability of div tag it is recommended to use it instead of table, even when you need to show a table on a website.
    No. Tables don't use tables for layout, but if you are displaying tabular data, then it is appropriate and semantic to use tables. SB's rule of thumb - do the rows (or columns) in the proposed table each contain a set of related/linked data? If yes, then it's probably best displayed as a table.
    Use the W3C HTML Validator and CSS Validator to check your code and Firebug to see what css is applied to an element
    Read Steve Krug's book Don't Make Me Think - essential reading on web usability
    I don't recommend much, but I do recommend Clook for UK web hosting


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •