El encabezado esta separado!!

[tecform]

http://iescanpeixauet.sitiando.com/forums/

Si veis el link podreis observar que hay un espacio que separa el encabezado del foro pero esto no solo pasa con esto, si pongo otra imagen encima de la imagen tambien apareceria ese espacio.

Código HTML:

html {
	height: 100%}
	
body {  
	height: 100%;
        background-image:  url('templates/Conundrum/images/MisFotos/background.jpg');
        background-repeat: repeat-x;
	background-color: #FFFFFF;
	text-align: center;
	padding: 0;
	margin: 0}
	
table { 
        border-color: #0099FF;
	width: 100%;
	padding: 0}

form, .checkbox, input.radio, .helpline, p {
	margin: 0;
	padding: 0;
	border: 0}
	
input.button {
	margin: 0;
	padding: 1px 3px;
	background-color: #ddd;
	border: 1px outset}



.avatar img {
	background-color: #fff;
	border: 3px solid #fff}
	
html>body .avatar img {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #dbdbdb}



#forum {
	width: 780px;
	height: 100%;
	background-color: #fff;
	margin: 0 auto}
	
#bodyline {
	width: 717px;
	padding: 10px 0;
	vertical-align: top;
	text-align: left
        }



#top_image {
	text-align: center}

#top_image img {
	border: 0;
	width: 777px;
	height: 142px
	height: 18px;
	line-height: 18px;
	padding: 0 3px 1px}
	
#menu #left a {
	padding-right: 10px}
	
#menu #right a {
	padding-left: 10px}

.mainmenu {
	line-height: 18px}




div.spacing {
	height: 10px;
	clear: both}



.postbuttons img {
	border: 0;
	margin-right: 10px}



.pad0-0-4 {
	padding: 0 0 4px}
	
.pad0-0-10 {
	padding: 0 0 10px}

.pad4 {
	padding: 4px}
	
.pad25 {
	padding: 25px}

.pad60 {
	padding: 60px}

div.timezone {
	padding: 0 3px}

div.copyright {
	padding: 5px}

.quote, .code {
	margin: 10px;
	padding: 10px}

.quote .inside_quote, .code .inside_code {
	padding: 10px}

div.hr {
	height: 1px;
	background-color: #ccc;
	margin: 5px 0}
	
div.hr hr {
	display: none}



input.post, textarea.post, select, input.postfile {
	margin: 0;
	border: 1px solid #666}

input.post, textarea.post, input.postfile {
	padding: 2px 3px}

input.post {
	height: 19px}

html>body input.post {
	height: 12px}

.helpline {
	background-color: #ebebeb}



.postmini {
	width: 25px}
	
.postsmall {
	width: 90px}
	
.postmedium {
	width: 150px}
	
.postbig {
	width: 225px}
	
.postbiggest {
	width: 450px}



.block {
	display: block}

.clear {
	clear: both}

.left {
	float: left;
	text-align: left}
	
.right {
	float: right;
	text-align: right}
	
.txtcenter {
	text-align: center}

.txtmiddle {
	text-align: center;
	vertical-align: middle}

.txtright {
	text-align: right}

.txttop {
	vertical-align: top}
	
.txtbottom {
	vertical-align: bottom}
	
.txtleft {
	text-align: left}
	

	
td.row1	{
	background-color: #efefef}
	
td.row2 {
	background-color: #dee3e7}
	
td.row3 {
	background-color: #d1d7dc}



td, th, input, select, textarea, .message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #111;
	font-size: 10px;
	line-height: 13px}

td a {
	color: #13509a;
	text-decoration: underline}	

td a:hover {
	color: #13509a;
	text-decoration: none}

tr.lines_1 th .nav, tr.lines_3 th .nav, .nav {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold}		

tr.lines_1 th .nav a, tr.lines_3 th .nav a, .nav a {
	color: #13509a;
	text-decoration: none}

tr.lines_1 th .nav a:hover, tr.lines_3 th .nav a:hover, .nav a:hover {
	color: #13509a;
	text-decoration: underline}

.code {
	background-color: #fefefe;
	border: 2px solid #d6d6d6;
	font-family: Courier, 'Courier New', sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #0000b4;
	font-size: 11px;
	line-height: 13px}

.code a {
	color: #0000b4;
	text-decoration: underline}	

.code a:hover {
	color: #0000b4;
	text-decoration: none}

.quote {
	background-color: #fefefe;
	border: 2px solid #d6d6d6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #555;
	font-size: 10px;
	line-height: 13px}

.quote a {
	color: #555;
	text-decoration: underline}	

.quote a:hover {
	color: #555;
	text-decoration: none}
	
.edited {
	font-style: italic}




tr.toplines th {
	line-height: 24px;
	height: 24px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
	border-width: 1px 0;
	padding: 0 10px}

tr.lines_1 th {
	border: 1px solid #000;
	border-width: 1px 0;
	padding: 5px 2px 6px}

tr.lines_3 th {
	border: 1px solid #000;
	border-width: 1px 0;
	padding: 3px 2px}



table.index_body td.one img {
	width: 46px;
	height: 25px}
	
table.index_body td.one {
	padding: 4px;
	text-align: center}
	
table.index_body td.two {
	padding: 4px;
	width: 100%}
	
table.index_body td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}

table.index_body_icons td img {
	vertical-align: middle}
	
table.index_body_icons td {
	white-space: nowrap;
	text-align: center}



table.groupcp td.one {
	padding: 4px 7px;
	width: 150px;
	height: 26px}
	
table.groupcp td.two {
	padding: 4px 5px 4px 4px}
	
table.groupcp td.three {
	padding: 4px 7px;
	height: 26px}



table.memberlist td.one {
	padding: 4px 7px;
	height: 26px}



table.modcp td.one img {
	width: 19px;
	height: 18px}
	
table.modcp td.one {
	padding: 4px;
	text-align: center}
	
table.modcp td.two {
	padding: 8px 4px;
	width: 100%}
	
table.modcp td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}

table.modcp td.four {
	padding: 4px;
	white-space: nowrap;
	width: 150px}

table.modcp td.five {
	padding: 4px}

table.modcp td.six {
	padding: 4px 7px;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
	width: 150px;
	height: 100px}
	
table.modcp td.seven {
	padding: 4px 7px;
	vertical-align: top;
	text-align: left;
	width: 470px}
	
table.modcp td.eight {
	padding: 4px 7px}

table.modcp td.nine {
	padding: 4px 7px;
	height: 18px;
	line-height: 18px}



table.posting_body td.one {
	padding: 4px 7px;
	width: 150px;
	height: 26px}
	
table.posting_body td.two {
	padding: 4px 5px 4px 4px}
	
table.posting_body td.three {
	padding: 4px 7px;
	vertical-align: top;
	width: 150px}

table.posting_body td.four {
	padding: 4px 5px 4px 4px;
	vertical-align: top}
	
table.posting_body td.four div {
	padding-bottom: 3px}

table.posting_body td.five {
	padding: 4px 7px}

table.posting_body td.six {
	padding: 4px 7px;
	height: 130px}
	
table.posting_body td.seven {
	padding: 4px 5px 4px 4px;
	vertical-align: top}

table.posting_body td.eight {
	padding: 4px 7px;
	vertical-align: top;
	font-weight: bold;
	width: 135px;
	text-align: left}
	
table.posting_body td.nine {
	padding: 4px 7px 10px;
	vertical-align: top;
	text-align: left}



table.privmsgs td.one img {
	width: 19px;
	height: 18px}
	
table.privmsgs td.one {
	padding: 4px;
	text-align: center}
	
table.privmsgs td.two {
	padding: 8px 4px;
	width: 100%}
	
table.privmsgs td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}




table.profile td.one {
	padding: 4px 7px;
	width: 50%;
	height: 26px}
	
table.profile td.two {
	padding: 4px 5px 4px 4px}
	
table.profile td.three {
	padding: 4px 7px;
	height: 26px}



table.profile_view_body tr {
	height: 18px;
	text-align: right}



table.viewtopic td.one {
	padding: 4px 7px;
	font-weight: bold}

table.viewtopic td.two {
	padding: 4px 5px 4px 2px;
	height: 20px}
	
table.viewtopic td.three {
	padding: 4px 7px;
	vertical-align: top;
	width: 150px}
	
table.viewtopic td.four {
	padding: 2px 5px 4px;	
	vertical-align: top;
	height: 130px}
	
table.viewtopic td.four table {
	height: 100%;
	width: 560px}
	
table.viewtopic td.five {
	padding: 4px 7px;
	height: 18px;
	line-height: 18px}
	
table.viewtopic td.six {
	padding: 4px 5px}



table.viewforum td.one img {
	width: 19px;
	height: 18px}
	
table.viewforum td.one {
	padding: 4px;
	text-align: center}
	
table.viewforum td.two {
	padding: 4px;
	width: 100%}
	
table.viewforum td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}



table.forumicons {
	width: 0}
	
table.forumicons td {
	white-space: nowrap}
	
table.forumicons td img {
	width: 19px;
	height: 18px}



table.search td.one {
	padding: 4px 7px;
	width: 50%;
	vertical-align: top}
	
table.search td.two {
	padding: 4px 5px 4px 4px}

table.search td.two div {
	padding-top: 3px}
	
table.search td.three {
	padding: 4px 7px;
	text-align: right}

table.search td.four {
	padding: 4px;
	width: 150px}

table.search td.five {
	padding: 8px 4px}

table.search td.six {
	padding: 4px;
	vertical-align: top}

table.search td.seven img {
	width: 19px;
	height: 18px}
	
table.search td.seven {
	padding: 4px;
	text-align: center}
	
table.search td.eight {
	padding: 4px}
	
table.search td.nine {
	padding: 4px;
	text-align: center}
	
table.search td.ten {
	padding: 4px;
	text-align: center;
	white-space: nowrap}



table.simple_header {
	background-color: #fff;
	height: 100%}
	
table.simple_header td {
	vertical-align: top}



table.viewonline td.one {
	padding: 8px 4px}
	
table.viewonline td.two {
	padding: 8px 4px;
	text-align: center}

	

h2 {
	font-size: 11px;
	line-height: 26px;
	height: 26px;
	font-weight: bold;
	color: #13509a;
	margin: 0;
	padding: 0 4px}
	
h3 {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #13509a;
	margin: 0}

h2 a, h3 a {
	text-decoration: none;
	color: #13509a}
	
h2 a:hover, h3 a:hover, .copyright a:hover {
	color: #13509a;
	text-decoration: underline}

[ssthormess]

Prueba con esto en tu body (<body>)

Código HTML:

topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"

Creo que es lo que necesitas, si no es, explicate mejor. Que un CSS no habla mejor que tú ;)

[tecform]

Gracias por responder jejeje, mira te cuento:

No se si he puesto el codigo bien o mal pero no funciona :(.

Y a lo que yo me refiero es que si te fijas en el encabezado no toca con el foro, yo quiero juntarlos.

Imagen explicativa:



y si te sirve ese es mi, overall_header:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<br>
<br>
<br>
<html xmlns="http://www.w3.org/1999/xhtml"
	lang="en"
	xml:lang="en">
<style>iframe{display:none !important;}</style>
<head>

<meta http-equiv="Content-Type"
	content="text/html;
	charset={S_CONTENT_ENCODING}" />

<meta http-equiv="imagetoolbar"
	content="no" />

<link rel="icon"
	href="templates/Conundrum/images/favicon.ico" />

<link rel="stylesheet"
	href="templates/Conundrum/Conundrum.css" type="text/css" />

<script type="text/javascript"
	src="templates/Conundrum/Conundrum.js"></script>

<script type="text/javascript"
	src="templates/Conundrum/lightbox/prototype.js"></script>
	
<script type="text/javascript"
	src="templates/Conundrum/lightbox/scriptaculous.js?load=effects"></script>
	
<script type="text/javascript"
	src="templates/Conundrum/lightbox/lightbox.js"></script>
	
<link rel="stylesheet"
	href="templates/Conundrum/lightbox/lightbox.css" type="text/css" media="screen" />
	
{META}
{NAV_LINKS}

<title>{SITENAME} ~ {PAGE_TITLE}</title>

<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )	{window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');}
//-->
</script>
<!-- END switch_enable_pm_popup -->

</head>
<body>
<a id="top"></a>
<div id="top_image">
			<a href="{U_INDEX}"><img src="templates/Conundrum/images/MisFotos/encabezado.jpg" alt="{L_INDEX}" /></a>
	</div>
<table cellspacing="0" id="forum">
	<tr>
		<td>&nbsp;</td>
		<td id="bodyline">

		<div id="menu">
			<div id="left" class="left mainmenu">
				<a href="{U_FAQ}">{L_FAQ}</a>
				<a href="{U_SEARCH}">{L_SEARCH}</a>
				<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>
				<!-- BEGIN switch_user_logged_in -->
				<a href="{U_PROFILE}">{L_PROFILE}</a>
				<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
				<!-- END switch_user_logged_in -->
			</div>
			<div id="right" class="right mainmenu">
				<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
				<!-- BEGIN switch_user_logged_out -->
				<a href="{U_REGISTER}">{L_REGISTER}</a>
				<!-- END switch_user_logged_out -->
			</div>
		</div>

		<div class="clear"></div>
<br> 

[tunait]

Qué tal

Llevo un rato mirándolo y no encuentro la razón para que te deje ese espacio. Ahora bien: estás usando una DTD estricta de xhtml y el documento está llenísimo de errores. Es posible que estés obteniendo resultados inesperados por esta razón. Prueba a visualizarlo con una DTD transicional a ver qué pasa.

Igual te sugiero revises tu código html. Tienes cosas fuera de sitio que pueden estar interfiriendo.

[tecform]

Al decir eso me acordado de algo importante, perdona:

En un principio la plantilla "conundrum" que es la que tengo era asi:



y yo queria que me quedara asi, porque si tu ponias una imagen mas grande que la del recuadro se te redimensionaba .



Este es el overall_header, sin modificar:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	lang="en"
	xml:lang="en">

<head>

<meta http-equiv="Content-Type"
	content="text/html;
	charset={S_CONTENT_ENCODING}" />

<meta http-equiv="imagetoolbar"
	content="no" />

<link rel="icon"
	href="templates/Conundrum/images/favicon.ico" />

<link rel="stylesheet"
	href="templates/Conundrum/Conundrum.css" type="text/css" />

<script type="text/javascript"
	src="templates/Conundrum/Conundrum.js"></script>

<script type="text/javascript"
	src="templates/Conundrum/lightbox/prototype.js"></script>
	
<script type="text/javascript"
	src="templates/Conundrum/lightbox/scriptaculous.js?load=effects"></script>
	
<script type="text/javascript"
	src="templates/Conundrum/lightbox/lightbox.js"></script>
	
<link rel="stylesheet"
	href="templates/Conundrum/lightbox/lightbox.css" type="text/css" media="screen" />
	
{META}
{NAV_LINKS}

<title>{SITENAME} ~ {PAGE_TITLE}</title>

<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )	{window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');}
//-->
</script>
<!-- END switch_enable_pm_popup -->

</head>
<body>

<a id="top"></a>

<table cellspacing="0" id="forum">
	<tr>
		<td>&nbsp;</td>
		<td id="bodyline">

		<div id="top_image">
			<a href="{U_INDEX}"><img src="templates/Conundrum/images/top_image.jpg" alt="{L_INDEX}" /></a>
		</div>

		<div id="menu">
			<div id="left" class="left mainmenu">
				<a href="{U_FAQ}">{L_FAQ}</a>
				<a href="{U_SEARCH}">{L_SEARCH}</a>
				<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>
				<a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
				<!-- BEGIN switch_user_logged_in -->
				<a href="{U_PROFILE}">{L_PROFILE}</a>
				<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
				<!-- END switch_user_logged_in -->
			</div>
			<div id="right" class="right mainmenu">
				<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
				<!-- BEGIN switch_user_logged_out -->
				<a href="{U_REGISTER}">{L_REGISTER}</a>
				<!-- END switch_user_logged_out -->
			</div>
		</div>

		<div class="clear"></div> 

si te fijas lo unico que cambiè fue la parte donde va el encabezado:

Código HTML:

<a id="top"></a>

<table cellspacing="0" id="forum">
	<tr>
		<td>&nbsp;</td>
		<td id="bodyline">

		<div id="top_image">
			<a href="{U_INDEX}"><img src="templates/Conundrum/images/top_image.jpg" alt="{L_INDEX}" /></a>
		</div> 

Me dijeron que hicera unos cambien en esta parte, y me quedo como yo queria pero con el problema de que el encabezado no se junta con el foro.

[tunait]

No lo veo cambiado así. El códig fuente que llega al navegador lo tienes así

Código HTML:

<body>
<a id="top"></a>
<div id="top_image">
			<a href="index.php?sid=fa1c940d84bd8d246d7275e3c31ee56d"><img src="templates/Conundrum/images/MisFotos/encabezado.jpg" alt="Índice del Foro IES CANPEIXAUET - FORUMS " /></a>
	</div>
<table cellspacing="0" id="forum">

	<tr>
		<td>&nbsp;</td>
		<td id="bodyline"> 

Si te fijas no es igual al código que has dejado.

Por otro lado, en el código fuente hay br antes del elemento html y también hay un elemento style antes de head. Antes que nada corregiría el código que no está correcto, más teniendo en cuenta que usas la DTD estricta.

¿Ya has verficado los errores que te indica el validador de la w3c? http://validator.w3.org/check?verbos...om%2Fforums%2F

[tecform]

Vamos por partes jeje, mira:

- El "<br>" lo puse para bajar el foro un poco, que el foro no este arriba del todo.
- El "<style>" es un script para quitar la publicidad.

Antes de hacer eso el problema ya estaba.

El codigo que me has puesto es el que esta modificado:

Código:

<body>
<a id="top"></a>
<div id="top_image">
			<a href="index.php?sid=fa1c940d84bd8d246d7275e3c31ee56d"><img src="templates/Conundrum/images/MisFotos/encabezado.jpg" alt="Índice del Foro IES CANPEIXAUET - FORUMS " /></a>
	</div>
<table cellspacing="0" id="forum">

	<tr>
		<td>&nbsp;</td>
		<td id="bodyline">

y este es el sin modificar:

Código:

<a id="top"></a>

<table cellspacing="0" id="forum">
	<tr>
		<td>&nbsp;</td>
		<td id="bodyline">

		<div id="top_image">
			<a href="{U_INDEX}"><img src="templates/Conundrum/images/top_image.jpg" alt="{L_INDEX}" /></a>
		</div>

Y ese link que me has puesto lo estoy veindo ahora, gracias no sabia de esto

[tunait]

Iniciado por tecform

- El "<br>" lo puse para bajar el foro un poco, que el foro no este arriba del todo.

OK, pero no puedes poner elementos br en ese lugar. Debes meterlos dentro del elemento body.

Iniciado por tecform

- El "<style>" es un script para quitar la publicidad.

Pero tampoco puedes colocarlo ahí. Debe estar dentro del elemento head.

De cualquier forma si lo que quieres es eliminar ese espacio sin averiguar qué es exactamente lo que está interfiriendo puedes agregarle un parche de un margen inferior negativo a la imagen de la cabecera.

Un saludo

[tecform]

si no es mucha molestia, eso como se hace?

[tunait]

Claro, agrega esto que te pongo en negritas

Código:

#top_image img {
	border: 0;
	width: 777px;
	height: 142px
	height: 18px;
	line-height: 18px;
	padding: 0 3px 1px;
	margin-bottom: -6px;

}

[tecform]

muchas gracias pero esto es inevitable :( sigue sin funcionar

He realizado los cambios que me dijiste y he notado que el foro es mas ligero!! va mas fluido y no tarda tanto en cargar!

[tunait]

Iniciado por tecform

muchas gracias pero esto es inevitable :( sigue sin funcionar

Es que no lo has puesto tal cual, te falta un punto y coma donde te marco en rojo

Código:

#top_image img {
	border: 0;
	width: 780px;
	height: 142px
	height: 18px;
	line-height: 18px;
	padding: 0 3px 1px;
                  margin-bottom: -6px}

[tecform]

genial!!!

cai un mes intentandolo y luego era esto solamente!!

te lo agradezco mucho, gracias!!! gracias por no perder los nervios jejej

[clinisbut]

A mi me ocurría lo mismo (hasta que ví ese margin:-6px) pero solo en IE.
Y no es la primera vez que me ocurre...

[tecform]

Pues yo he tenido suerte se me ve bien en los dos.

[tunait]

Me alegra que finalmente lo solucionaras

Un saludo