Foros del Web » Creando para Internet » Diseño web »

cómo quito este margen en blanco?

Estas en el tema de cómo quito este margen en blanco? en el foro de Diseño web en Foros del Web. Después de haber generado el menu con el programa CSS TAB designer y lo importo a dreamweaver , por mucho que cree debajo del menu ...
  #1 (permalink)  
Antiguo 27/02/2010, 11:15
 
Fecha de Ingreso: febrero-2010
Mensajes: 4
Antigüedad: 7 años, 9 meses
Puntos: 0
cómo quito este margen en blanco?

Después de haber generado el menu con el programa CSS TAB designer y
lo importo a dreamweaver , por mucho que cree debajo del menu que seria
la pagina principal para que alli se reflejen los vinculos de las categorías del menu , me
deja este espacio en blanco que estais viendo.
Sé que puedo cambiarlo de color pero cuando abro una pagina la separacion es muy grande .

Adjunto las fotos para que veáis los márgenes tanto en dreamweaver como en la vista online.


Como modifico esto ! ! ?? Aquí tenéis las fotos:

http://img408.imageshack.us/i/onlineduda.jpg/
http://img689.imageshack.us/i/duda1.jpg/

Gracias!:)
  #2 (permalink)  
Antiguo 27/02/2010, 14:32
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: cómo quito este margen en blanco?

Mejor coloca el código que estas usando, tanto el html como el css
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 27/02/2010, 15:50
 
Fecha de Ingreso: febrero-2010
Mensajes: 4
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: cómo quito este margen en blanco?

=========ESTE ES EL CODIGO DEL MENU============


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Free CSS Navigation Menu Designs 2 at exploding-boy.com</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}

img {
border: none;
}

/*- Menu Tabs 11--------------------------- */

#tabs11 {
float:left;
width:100%;
background:#F9F7F3;
font-size:93%;
line-height:normal;
border-bottom:1px solid #C2BDAE;
}
#tabs11 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs11 li {
display:inline;
margin:0;
padding:0;
}
#tabs11 a {
float:left;
background:url("tableft11.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs11 a span {
float:left;
display:block;
background:url("tabright11.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#9F9584;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs11 a span {float:none;}
/* End IE5-Mac hack */
#tabs11 a:hover span {
color:#FFF;
}
#tabs11 a:hover {
background-position:0% -42px;
}
#tabs11 a:hover span {
background-position:100% -42px;
}

#tabs11 #current a {
background-position:0% -42px;
}
#tabs11 #current a span {
background-position:100% -42px;
}
-->
</style>
</head>

<body>
<h2>Tab Menu 11</h2>
<div id="tabs11">
<ul>
<!-- CSS Tabs -->
<li id="current"><a href="index.html" target="_top"><span>Inicio</span></a></li>
<li><a href="alojamiento.html"><span>Alojamiento</span></a></li>
<li><a href="casas.html"><span>Casas</span></a></li>

</ul>
</div>
<p>&nbsp;</p>
<p>Despues de importar aqui el menu , lo unico que he hecho es crear un marco abajo para poder mostrar el contenido del menu . Lo que pasa que cuando voy hacer una vista previa del trabajo vereis que hay un espacio inmenso entre el MENU y lo escrito abajo .</p>
</body>
</html>
  #4 (permalink)  
Antiguo 27/02/2010, 15:56
 
Fecha de Ingreso: febrero-2010
Mensajes: 4
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: cómo quito este margen en blanco?

=====ESTE ES EL CODIGO DEL MARCO DE ABAJO =====


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
background-color: #666;
}
-->
</style></head>

<body>
aqui escribo algo de prueba para que veais la diferencia entre el menu y el frame de abajo ! gracias !
lo que no quiero y no entiendo es porque hay tanto espacio en blanco !!! yo lo unico que quiero esque ocupe la barrita del menu y ya esta !
</body>
</html>





== Y AQUI LA FOTO PARA QUE VEAIS EL PROBLEMA QUE OS EXPLICO =============

http://img14.imageshack.us/img14/7295/captura1ro.jpg
  #5 (permalink)  
Antiguo 27/02/2010, 20:01
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: cómo quito este margen en blanco?

Dentro de index creaste un marco, pero no lo veo en el primer código que muestras
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #6 (permalink)  
Antiguo 27/02/2010, 21:35
 
Fecha de Ingreso: febrero-2010
Mensajes: 4
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: cómo quito este margen en blanco?

el programa me da el primer codigo que hay escrito que es el menu , y dentro de este le digo " haz un marco abajo " para que los vinculos del menu se muestren en el marco de abajo , eso es lo unico que hay hecho ! que te hace falta ? la verdad es que me urge ! un saludo !! gracias de verdad : )
  #7 (permalink)  
Antiguo 28/02/2010, 02:00
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: cómo quito este margen en blanco?

El programa te habra creado algo como esto:
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin título</title>
  5. </head>
  6. <frameset rows="*,80" frameborder="no" border="0" framespacing="0">
  7.   <frame src="index.html" name="mainFrame" id="mainFrame" title="mainFrame" height="1000px" />
  8.   <frame src="marco.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
  9. </frameset>
  10. <noframes><body>
  11. </body></noframes>
  12. </html>



Nota las etiquetas <frameset..>, eso es lo que te pedia.
El espacio en blanco es debido al tipo de frame que usas y la altura de estos, si lo posicionas ABAJO, pues comenzara desde abajo y su altura será tanto como le hayas puesto. en este caso las dos altura de los dos frame son de 80px.

Por otra parte, NO USES MARCOS, no se usan más, al menos eso dicen los expertos.
Si no quieres recargar la pagina usa ajax o algo parecido, y si no te importa, pues, usa lo que corresponde que es div+css, y para no repetir en cada pagina el menu puedes usar php, mas específicamente : include('menu.html');
Saludos


Sobre Marcos
http://www.forosdelweb.com/2596468-post1.html
http://html.conclase.net/articulos/problemasmarcos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Última edición por C2am; 28/02/2010 a las 02:15

Etiquetas: blanco, margen
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:02.