Eliminar trozo en la web

En la tienda que estoy creando http://www.eluniversodelperro.com/tienda/ me gustaria saber que trozo de codigo .css tengo que eliminar para eliminar el espacio que existe entre la imagen de la cabecera y el menu

Muchas gracias y un saludo

Me da que tu nunca lo intentas buscar por ti mismo....

h1#logo {
background:transparent url(../img/header.png) no-repeat center top;
height:204px;
width:1000px;
margin-top:0;
padding-left:0;
}

#header {
float:left;
height:0;
width:980px;
text-align:right;
margin:0 10px;
}

El alto es menor al de la imagen. A no ser que lo quieras asi.. cambialo.
Este cambialo por margin: 0px; si no quieres margenes ni arriba ni abajo.

Con esto deberia funcionar.

PD: Por culpa de la imagen de fondo la web tarda muchisimo en cargar.

Lo primero, yo si que busco las cosas, si pregunto es porque lo que yo he probado no ha funcionado. Ya sabia que el chiste estaba en h1logo, y ya habi probado a quitarle altura y a darle; si le quitaba, le quitaba altura a la imagen , y si le daba aumentaba el hueco.

Con el segundo rojo que has comentado, le he podido quitar un pelo, pero no todo ni mucho menos.

Lode la imagen del fondo ya lo se, estoy buscando alguna solucion para que cargue mas rapido, ademas de comprimir al maximo la imagen de fondo a 200 Kb o inferior.

De todas formas, muchas gracias.

Por lo menos quitala ahora porque tengo cosas descargando y la verdad tarda muchiiiiiiiiiiiiisimo o ponla en .gif.

Ya esta en .gif

Ya mucho mejor. Tambien puedes darle un entrelazado. Esto hara que la imagen cargue entera pero se vea mal y poco a poco se valla rellenando con pixeles para mejor calidad.

Prueba cambiando los margin y padding de la clase link del menu horizontal.

Ya he reducido el tamaño de la imagen a la mita, y el tamaño de 470kb a 95Kb sin perder demasiada calidad, la velocidad se notara considerablemente.

Ahora me pongo con lo del hueco de la parte superior.

Por cierto, tu que sabes mucho de css, ¿me podrias decir que tengo que cambiar del footer para que se vea bien en IE?

Conoces algun script que cuando empiezas a hacer scroll te aparezca una imagen o link en la posicion que tu quieras (inferior derecha), lo digo para colocar lo de Subir en forma de imagen (que ya me funciona pero para que quede mejor.

Muchas gracias

Para matarme, resulta que tenia 2 brs por ahi en medio.

Una cosa, te importaria decirme como puedo hacer para que el menu (lo de buscar) sea mas grande y me ocupe todo el ancho de la web (del div mejor dicho)?

Muchas gracias (mientras tanto intento poner el SexyLightBox)

Un saludo

Que rapido me cargo ahora! Ahora no veo ni espacios vacios ni nada... En IE a mi se me ve todo perfectamente...

En cuanto a lo del buscador...
<input type="text" id="search_query" name="search_query" value="" />
A esta linea del menu ese colocale un size="X"
Sustituye la X por numero.

La diferencia se nota bastante.

Prueba ien IE en el footer, lo de Ofertas, Info Legal, etc se me salta de linea.

Ahora cambio lo del buscador.

Otra pregunta, esty intentando poner el efecto SexyLightBox para las imagenes, pero cuando pongo este script necesario en el header no me carga la pagina.

<script type="text/javascript">
$(document).ready(function(){
SexyLightbox.initialize();
});

</script>


¿Alguna idea?

Otra tonteria, ¿Como centr la imagen de abajo del todo que sube arriba se haces click?

Muchas, muchisimas gracias por todo, estoy solucionando en horas lo que llevaba semanas sin poder.

Un saludo

Ok, lo que has comentado de colocarle el size funciona, pero tambien tengo que cambiarle lo que esta debajo, lo del id="search" (lleva otra imagen debajo); y ahi aunque le ponga size no sirve voy a probar con width

Aqui ya es tarde y manana madrugo no puedo verlo ahora pero si es cierto ahora si se ve como dices... no se por que antes no se veia asi.
En cuanto al JS no se mucho pero tienes los codigos del box subidos al servidor?
La imagen puedes centrarla poniendola entre etiquetas <center> y </center>.

Ahora ire probando para solucionar lo del menu, creo que lo conseguire.

Los archivos si que los tengo subidos al servidor, si ves el codigo fuente, en la parte del head tengo los que hacen referencia al sexylightbox y puedes comprobar que funcionan.

Lo de la imagen gracias.

No te preocuopes, ya lo miraras cuando puedas.

Buenas noches

No se que pasa, pero ahora no me funciona ningun script, habia pensado juntar todos en uno, pero no se si atreverme.

¿Sabes tu alguna forma de saber cual es que da el error?

Muchas gracias

Pusiste demasiado grande el text de buscar, descuadra.
En cuanto a lo del script, bajate algun otro que tendra un error este... no se.
Comprueba la imagen de abajo, la de subir. Creo que la cagaste al cambiar algo pues ahora no aparece, dice que no existe.

Ya he solucionado lo de la imagen , no obstante aun hay que ensanchar un poco el menu de la parte superior (la imagen de atras).

En cuanto a lo del script, ahora me pongo

Pufff, ahora hay un error que no termino de pillar. Antes me aparecia mal el panel de la parte superior pero era porque estaban mal vinculadas las cosas; pero ahora me descuadra una pagina y no se porque; si tu entras a cualquier categoria o subcategoria; ejemplo: perros > accesorios > arneses, veras que te muestras los productos pero con algo de descuadre, la verdad no se ha que se debe.

Por cierto, me gustaria colocar la flecha de subir totalmente a la derecha, pero he probado en otras capas y no hay forma por mucho que la alineo a la derecha

El problema es el slide.css que le da orden al menu o panel que se despliega en la parte superior; tiene este contenido, y al colocarlo paraece que tiene algo en comun con global y descuadra lo que te he comentado.

Este es el codigo de slide.css

/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: [url]http://web-kreation.com/[/url]
Date: March 26, 2009
Version: 1.0

	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
	[url]http://www.gnu.org/licenses/gpl-3.0.html[/url]
*/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(../images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(../images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(../images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(../images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 270px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

Ahora voy a mirar yo un poco que es lo que esta 2 veces, de todas formas, si encuentras el fallo antes que yo me lo dices.

Muchas gracias.

Ok, ha sido cuestionde quitar esto:

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

Por cierto, me puedes decir porque en el menu superior (desplegable al hacer click, este que te estoy hablando negro), en la columna de la izquierda aparecen las letras como montadas unas con otras?

Muchas gracias

La flecha la veo totalmente a la derecha.
Para el ancho del menu... bueno pues haz que el div sea mas ancho...
Lo del menu desplegable nose.. es tarde ahora y no voy a ver codigos, lo siento.

PD: En los proximos dias me conectare menos.

De acuerdo, muchas gracias