Quitar un border sin descuadrar la web

coldfire · #1 (**permalink**) 24/01/2015, 15:38

Muy buenas, llevo un rato intentando saber por que se me descuadra todo al quitar un borde inferior, el caso es que necesito quitarlo pero no entiendo cómo, sin destrozarlo todo

, tambien una duda aparte es como situar el texto arriba a la izquierda dentro de un td de una tabla.
Sería el borde que esta debajo de EMPRESA S.L, y respetar el borde inferior que está debajo del menu

Pongo el codigo html y css por aqui, y una imagen de cómo debería de quedar.

http://oi57.tinypic.com/15z2n47.jpg

Código CSS:

Ver original* {
    margin: 0 auto;
    text-align: center;
}
body {
    font-family: "Arial", sans-serif; /* Buscar fuentes alternativas semejantes */
    font-size: 12pt;
    font-weight: bold;
}
 
/************************************************************************************
HEADER
*************************************************************************************/
.logo{
    padding-top: 10px;
    text-align:left;
    margin-left:2%;
    }
header img{
float:left;
}
/************************************************************************************
NAV
*************************************************************************************/
nav ul {
    padding: 3px 0 3px 0px; 
    border-bottom: 1px solid;
}
 
nav ul  li {
    display: inline;
}
 
nav ul li a {
    font-weight: bold;
    padding: 3px 8px 3px 8px; 
    margin-right: 5px;
    border: 1px solid #900000;
    border-bottom: none;
    background-color: #f0e0c0;
    color: #900000;
    text-decoration: none;
}
 
nav ul li a:hover {
    background-color: #b0a080;
    color: #ffffff;
    border-color: #000000;
}
 
nav ul li a.activo,
nav ul li a.activo:hover {
    background-color: #ffffff;
    color: #C0C0C0;
    border: 1px solid #000000;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 4px;
    cursor: default; /* Selecciona entre los disponibles del sistema: puede ser también una imagen con url('recurso') */
}
 
aside{
float:left;
width:25%;
}
 
article{
float:right;
width: 70%;
background-color: rgb(0,150,250);
height: 500px;
}
table{
border-spacing: 0;
border: 1px dashed;
 
}
h3{
margin-top:20px;
}
th{
background-color: rgb(160,160,160);
}
td{
border-spacing:0;
border: 1px dashed;
background-color: rgb(210,210,210);
padding: 25px;
text-align: left;
}
footer{
clear:both;
background-color: rgb(250,250,250);
}
footer img{
float:left;
margin-left: 2%;
}
li{
margin-top:15px;
margin-bottom: 15px;
list-style-image: url('../img/caja.jpg');
border-bottom: 1px solid grey;
}
li:hover{
list-style-image: url('../img/check.jpg');
color: blue;
background-color: rgb(230,230,230);
}

Código HTML:

Ver original<!doctype html>
<html>
<head>
<title>Ejercicio 28</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/ej28.css"/>
</head>
<body>
    <header>
        <img class="logo" src="img/layout-company.png" alt="logo empresa" title="logo empresa" />
        <h1 class="logo">EMPRESA S.L.</h1>
    </header>
    <nav>
        <ul>
            <li>
            <a href="#" class="activo">
                <img src="img/layout-home.png" alt="Home" title="Home"/>
                Home
            </a>
            </li>
            <li><a href="#">
                <img src="img/layout-productos.png" alt="Home" title="Home"/>
                Productos</a>
            </li> 
            <li><a href="#">
                <img src="img/layout-servicios.png" alt="Home" title="Home"/>
                Servicios
                </a>
            </li>
            <li><a href="#">
                <img src="img/layout-contacto.png" alt="Home" title="Home"/>
                Contacto
                </a>
            </li>
        </ul>
    </nav>
    <div class="limpia"></div>
    <aside>
        <ul>
            <li>Noticias</li>
            <li>Calendario</li>
            <li>Eventos</li>
            <li>Jornadas</li>
        </ul>
    </aside>
    <article>
        <section>
            <h3>CALENDARIO ESCOLAR CURSO 20XX/XX</h3>
            <table>
                <tr>
                  <th>Lu</th>
                  <th>Ma</th>
                  <th>Mi</th>
                  <th>Ju</th>
                  <th>Vi</th>
                  <th>Sá</th>
                  <th>Do</th>
                </tr>
                <tr>
                  <td>1</td>
                  <td>2</td>
                  <td>3</td>
                  <td>4</td>
                  <td>5</td>
                  <td>6</td>
                  <td>7</td>
                </tr>
                <tr>
                  <td>8</td>
                  <td>9</td>
                  <td>10</td>
                  <td>11</td>
                  <td>12</td>
                  <td>13</td>
                  <td>14</td>
                </tr>
                <tr>
                  <td>15</td>
                  <td>16</td>
                  <td>17</td>
                  <td>18</td>
                  <td>19</td>
                  <td>20</td>
                  <td>21</td>
                </tr>
                <tr>
                  <td>22</td>
                  <td>23</td>
                  <td>24</td>
                  <td>25</td>
                  <td>26</td>
                  <td>27</td>
                  <td>28</td>
                </tr>
                <tr>
                  <td>29</td>
                  <td>30</td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>
            </table>
        </section>
    </article>
    <footer>
        <a href="http://jigsaw.w3.org/css-validator/check/referer">
            <img class="css_valido" src="img/css-valido.gif" alt="¡CSS Válido!" title="CSS Válido"/>
        </a>
        <code>
            NOMBRE DE MI EMPRESA<br/>
            &copy; Todos los derechos reservados
        </code>
    </footer>   
</body>
</html>