Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 2 de 2

Tema: Problema con dimensiones web

  1. #1
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    29 may, 14
    Mensajes
    1
    Poder de Reputación
    0

    Problema con dimensiones web

    Hola a todos, este es mi primer post asi que tener un poco de paciencia

    Estaba configurando una table y cuando intenté poner un border se creo un borde infinito a la derecha, no se como explicarme mejor asi que os paso una imagen y debajo el css y la table de html (los dos div los he marcado en rojo para que lo veais mas facil) haber si alguien encuentra el problema xD

    Sin título.jpg
    Código HTML:
    <div id="contenidoindex">
    <div id="contenidoindex2"></div>
    <table width="1050" border="" cellpadding="5" cellspacing="0">
      <tr>
      	<th><img src="../images/lamp1.png" /></br>Luminaria led con </br> tiras de polietileno</th>
        <th><img src="../images/lamp1.png" /></th>
        <th><img src="../images/lamp1.png" /></th>
        <th><img src="../images/lamp1.png" /></th>
        <th><img src="../images/lamp1.png" /></th>
        <th><img src="../images/lamp1.png" /></th>
      </tr>
    </table>
    </div>
    </div>
    Código:
    body {
    	background-image:url(../images/fondo.png);
    	font-size:12px;
    	font-family:'Arial';
    	margin:0;
    	padding:0;
    	color:#2e2e2e;
    	text-align:center;
    	width:100%;
    }
    #top-info{
    	margin-left:500px;
    	padding:15px;
    }
    #naranja{
    	color:#ff5f2e;
    }
    .clear {
    	clear:both;
    	display:block;
    	font-size:0;
    	line-height:0;
    	height:0;
    }
    a {
    	color:#1D8ECE;
    }
    a:hover {
    	text-decoration:none;
    }
    #top-header {
    	width:1000px;
    	margin:0 auto;
    	position:relative;
    	z-index:1000;
    	height:100px;
    }
    #header {}
    #company-logo {/*margin:26px 0 0 57px;width:213px;height:162px;float:left;display:inline;*/
    	position: absolute;
    	top: 0px;
    	left: 36px;
    	width: 250px;
    	height: 45px;
    }
    #company-logo h1 {
    	margin:0;
    	padding:0;
    }
    #logo {
    	width:250px;
    	height:45px;
    }
    #main-navigation {/*float:right;margin:0;display:inline;padding:0;list-style:none;*/
    margin-top:0px;
    padding:;
    list-style:none;
    display:block;
    position:absolute;
    right:0;
    top:0;
    margin-left:100px;
    margin-right:auto;
    background-image:url(../images/boton.png);
    }
    #main-navigation li {
    	top:150px; 
    	float: left;
    }
    #main-navigation a {
    	padding:15px 25px;
    	text-shadow:#030303;
    	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-size:12px;
    	display:inline-block;
    	color:#FFFFFF;
    }
    #main-navigation a.last {
    	border-right:none;
    	background-image:none;
    }
    .ic, .ic a {
    	border:0;
    	float:right;
    	background:#fff;
    	color:#f00;
    	width:50%;
    	line-height:10px;
    	font-size:10px;
    	margin:-220% 0 0 0;
    	overflow:hidden;
    	padding:0;
    }
    #header-banner-wrap {
    	padding:0;
    	width:1050px;
    	margin:auto;
    }
    #header-banner {
    	margin:0 auto;
    	height:403px;
    	width:1000px;
    	text-align: left;
    	position:relative;
    }
    #header-banner h2 {
    	font-size:52px;
    	margin:0;
    	font-family:'Times New Roman';
    	color:#fff;
    	padding:78px 0 0 57px;
    }
    #header-banner h2 span {
    	font-size:65px;
    	color:#ff5f2e;
    }
    #header-banner h2 span strong {
    	color:#fff;
    }
    #sobre {
    	color:#1D8ECE;
    }
    #globe {
    	right:auto;
    	width:auto;
    	height:auto;
    	position: absolute;
    	top:auto;
    }
    #contenidoindex{
    	position:relative;
    	margin-left:215px;
    	padding-top:15px;
    }
    #contenidoindex2{
    	border-top:solid #FF0004 3px;
    }
    #infohover{
    	width:200px;
    	height:200px;
    	background-image:url(../images/bombilla2.png);
    	opacity:0;
    	-webkit-transition: opacity 0.5s;
    }
    #imagenhover:hover div#infohover {
    	opacity:1;
    }
    	
    #acerca {
    	right: -20px;
    	width: 631px;
    	height: 652px;
    	position: absolute;
    	top: -147px;
    }
    
    #footer {
    	background-color:#1D1D21;
    	margin-top:50px;
    	padding:35px 0;
    	float:;
    	color:#A3A3A3;
    }

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,329
    Poder de Reputación
    20
    Cierras el div #contenidoindex2 antes de tiempo, prueba a ver si es eso.
    Código HTML:
    <div id="contenidoindex">
    <div id="contenidoindex2">
    <table width="1050" border="" cellpadding="5" cellspacing="0">
      <tr>
      	<th><img src="../images/lamp1.png" /></br>Luminaria led con </br> tiras de polietileno</th>
        <th><img src="../images/lamp1.png" /></th>
        <th><img src="../images/lamp1.png" /></th>
        <th><img src="../images/lamp1.png" /></th>
        <th><img src="../images/lamp1.png" /></th>
        <th><img src="../images/lamp1.png" /></th>
      </tr>
    </table>
    </div>
    </div>

Temas Similares

  1. Fallo menú dimensiones (px)
    Por tingelbells en el foro Foro General
    Respuestas: 0
    Último Mensaje: 22/04/2014, 22:23
  2. Dimensiones de la pagina
    Por Frakson en el foro Foro General
    Respuestas: 1
    Último Mensaje: 26/06/2012, 14:22
  3. Duda sobre las dimensiones de una pagina web y mas
    Por Alejadro16 en el foro Foro General
    Respuestas: 11
    Último Mensaje: 17/09/2010, 22:28
  4. dimensiones de una web
    Por cricri en el foro Foro General
    Respuestas: 0
    Último Mensaje: 16/02/2009, 02:34

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •