unwanted space between rows

Discussion in 'HTML' started by julian_m, Nov 24, 2005.

  1. julian_m

    julian_m Guest

    First of all, excuse me for the long post. I tryied to cut the code as
    much as i could

    I commented with **//** the places where i'm having problems with


    <table class="table_top">
    <tr> <!-- la 2° fila -->
    **//** Let's call this row "ROW 1 TABLE_TOP"

    <td class="td_tabla_tabs"> <!-- esta es la celda que tiene la
    TABLA que tiene los tabs -->
    <table class="table_tabs">
    <tr>

    **//** Here, I've four images (each one in one cell) wich act as
    a links

    <td class="td_tab"><img class="img_tab"
    src="mainimages/principal_on.jpg" alt="principal"
    name="xxxprincipal"></td>
    <td class="td_tab"><a href="?fhdjkas=2&tert=2"
    onmouseover="menu_over('hombre');"
    onmouseout="menu_out('hombre');"><img class="img_tab"
    src="mainimages/hombre_off.jpg" alt="hombre" name="hombre"></a></td>

    <td class="td_tab"><a href="?fhdjkas=1&tert=2"
    onmouseover="menu_over('mujer');" onmouseout="menu_out('mujer');"><img
    class="img_tab" src="mainimages/mujer_off.jpg" alt="mujer"
    name="mujer"></a></td>
    <td class="td_tab"><a href="?fhdjkas=3&tert=2"
    onmouseover="menu_over('ninio');" onmouseout="menu_out('ninio');"><img
    class="img_tab" src="mainimages/ninio_off.jpg" alt="ninio"
    name="ninio"></a></td>
    </tr>
    </table> <!-- fin de la tabla de tabs-->
    </td>
    <td>next cell</td>
    </tr> <!-- fin de la 2° fila-->
    <tr>

    **//** And now, on the next row "ROW 2 TABLE_TOP", I've a table
    wich shoul be "joined" with the row above, but it isn´t already
    **//** I don't know why there is an space between ROW 1 and ROW 2
    **//** any advice would be apreciated
    <td class="td_tabla_separador" colspan="2">
    <table class="table_separador">
    <tr>
    <td id="barra_tabs_esquinas_izq"><img
    src="mainimages/topbar_left.jpg" alt="x" border="0"></td>
    <td id="fondo_barra_tabs"></td>
    <td id="barra_tabs_esquinas_der"><img
    src="mainimages/topbar_right.jpg" alt="x" border="0"></td>
    </tr>
    <tr>
    <td colspan="3" height="5"
    id="barra_tabs_inferior"></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>



    styles used:

    table.table_tabs{
    /*background: #FFEBDC;*/
    /*width: 100%;*/
    text-align: center;
    border: 0px solid;
    border-style: solid;
    border-collapse: collapse;
    padding: 0px 0px 0px 0px;
    /*margin: auto;*/
    }

    table.table_separador{
    background: #FFFFFF;
    width: 100%;
    text-align: center;
    border: 0px solid;
    border-style: solid;
    border-collapse: collapse;
    padding: 0px 0px 0px 0px;
    margin: 0;
    /*background: rgb(31,19,82);*/
    padding: 0px 0px 0px 0px;
    }


    img.img_tab{
    border:0px;
    width: 100px;
    height: 38px;

    }


    td.td_tab{
    vertical-align: bottom;
    text-align: right;
    /* background: #FFEBDC;*/
    background: rgb(31,19,82);
    margin: 0;
    border-collapse: collapse;
    padding: 0px 0px 0px 0px;
    border: 0px solid;
    border-style: solid;


    }


    td.td_tabla_tabs{
    vertical-align: bottom;
    /*text-align: center;*/
    background: rgb(31,19,82);
    border-collapse: collapse;

    padding: 0px 0px 0px 0px;
    }

    td.td_tabla_separador{
    vertical-align: bottom;
    background: rgb(31,19,82);
    padding: 0px 0px 0px 0px;
    margin:0;
    border-collapse: collapse;


    }

    #barra_tabs_inferior{
    text-align: center;
    background: #F1662D;
    }

    #barra_tabs_esquinas_izq{
    width: 5;
    text-align: right;
    background: #FFEBDC;
    vertical-align: bottom;

    }
    #barra_tabs_esquinas_der{
    width: 5;
    text-align: left;
    background: #FFEBDC;
    vertical-align: bottom;
    }


    regards - julian
    julian_m, Nov 24, 2005
    #1
    1. Advertising

  2. julian_m

    Neredbojias Guest

    With neither quill nor qualm, julian_m quothed:

    > First of all, excuse me for the long post. I tryied to cut the code as
    > much as i could
    > *snip*


    It's probably the white-space in your markup. For instance, you have a
    </td> on a line alone. Google/search for white space in regards to html
    markup. This is probably the most-discussed problem of the era
    regarding web page anomalies.

    --
    Neredbojias
    Contrary to popular belief, it is believable.
    Neredbojias, Nov 24, 2005
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Ron Brennan
    Replies:
    4
    Views:
    432
    dorayme
    Mar 12, 2006
  2. Shuo Xiang

    Stack space, global space, heap space

    Shuo Xiang, Jul 9, 2003, in forum: C Programming
    Replies:
    10
    Views:
    2,886
    Bryan Bullard
    Jul 11, 2003
  3. Christian Seberino
    Replies:
    21
    Views:
    1,651
    Stephen Horne
    Oct 27, 2003
  4. Ian Bicking
    Replies:
    2
    Views:
    1,009
    Steve Lamb
    Oct 23, 2003
  5. Ian Bicking
    Replies:
    2
    Views:
    721
    Michael Hudson
    Oct 24, 2003
Loading...

Share This Page