Imagen pegada arriba

[Vendetta]

Bueno del titulo no se si sera descriptivo xD pero no sabia como explicarlo en pocas palabras.

Se que esto se hace en CSS pero como no se CSS pues no se hacerlo. Lo que quería es que mi logo, ubicado en el overall_header.tpl (uso phpbb2) quede 'pegado al explorador', es decir, siempre queda un corto espacio del navegador hasta la primera imagen de la pagina y lo que yo queria es que la primera imagen salga pegada, que no haya espacio alguno del navegador hasta el logo.

El logo ocupara todo el ancho de la ventana, simplemente por estetica. Seria el mismo efecto que tienen la mayoria de webs, solo que yo quiero hacerlo en phpbb.

No se si me he explicado...si no se entiende algo decidmelo e intentare explicarlo mejor pero me resulta dificil explicar algo asi >.<

[kaninox]

podrias poner el codigo de como lo pones?

esque me pregunto si tienes el logo en una tabla o en un div y las soluciones serian diferetntes, todo caso con css puedes poner el margin y padding en 0 para que todo quede pegado...

[Mikmoro]

Seguramente se solucionará con algo como esto en tu css:

html, body {mrgin:0; padding:0;}

[Vendetta]

Como no sabia hacerlo pues tampoco sabia que tenia que poner xD

Como uno de los menus tiene desplegable y los demas botones tienen hover en CSS, esta todo en div, dejo el codigo porque no tengo ni idea de donde meter el codigo que me decis xD :P

Código PHP:

  div.indice, div.faq, div.miembros, div.grupos, div.mensajeria, div.staff, div.logo, div.m1, div.reglas, div.banco, div.trabajos, div.tienda, div.m2 {display: block;float: left;}
div.indice {width: 139px; height: 55px;background: url(../images/menu/indice-r.png) no-repeat;}
div.faq {width: 91px; height: 55px;background: url(../images/menu/faq-r.png) no-repeat;}
div.miembros {width: 153px; height: 55px;background: url(../images/menu/miembros-r.png) no-repeat;}
div.grupos {width: 127px; height: 55px;background: url(../images/menu/grupos-r.png) no-repeat;}
div.mensajeria {width: 179px; height: 55px;background: url(../images/menu/mensajeria-r.png) no-repeat;}
div.staff {width: 111px; height: 55px;background: url(../images/menu/staff-r.png) no-repeat;}
div.logo {width: 800px; height: 180px;background: url(../images/menu/logo-r.png) no-repeat;}
div.m1 {width: 72px; height: 61px;background: url(../images/menu/m1-r.png) no-repeat;}
div.reglas {width: 123px; height: 61px;background: url(../images/menu/reglas-r.png) no-repeat;}
div.banco {width: 141px; height: 61px;background: url(../images/menu/banco-r.png) no-repeat;}
div.trabajos {width: 177px; height: 61px;background: url(../images/menu/trabajos-r.png) no-repeat;}
div.tienda {width: 158px; height: 61px;background: url(../images/menu/tiendas-r.png) no-repeat;}
div.m2 {width: 112px; height: 61px;background: url(../images/menu/m2-r.png) no-repeat;}
div:hover {background-position: left bottom;}
#cabeza {display:block; width: 800px;}
 
#indice_list, #faq_list, #miembros_list, #grupos_list, #mensajeria_list, #staff_list
{
    margin:0px;
    padding:0px;
    list-style: none;
    text-align: center;
                color: #5B280D;
    border-left: 2px solid #5B280D ;
    border-bottom: 2px solid #5B280D ;
    border-right: 2px solid #5B280D ;
                background-color: #5B280D;
 
}
 
#indice_list li, #faq_list li, #miembros_list li, #grupos_list li, #mensajeria_list li, #staff_list li
{
    margin:2px;
    padding:0px;
    list-style: none;
    text-align: center;
        color: #5B280D;
    background-color:#b29F78;
 
}
 
#indice_list
{
    width:110px;
    left:22px;
}
 
 
#faq_list
{
    width:85px;
}
 
#miembros_list
{
    width:147px;
}
 
 
#grupos_list
{
    width:127px;
}
 
#mensajeria_list
{
    width:179px;
}
 
 
#staff_list
{
    width:95px;
    left:1px;
}
 
a:link,a:active,a:visited
{
color : #5B280D; text-decoration: none; 
} /* #FFFFCC */
a:hover
{
color : #000000; text-decoration:line-through;
} 
   

[Mikmoro]

Simplemente ponlo como el primero de tus estilos, encima de div.indice;

html, body {mrgin:0; padding:0;}
div.indice, div.faq, ...

[Vendetta]

Lo he puesto donde me has dicho pero no sale bien...

Pongo la pagina para que lo veas pero avisame en cuanto lo veas pls, que no quiero que mucha gente lo vea, este es un foro conocido y cualquiera de mi pagina podria verlo...

Edited

Ademas no sale pegado arriba, sigue quedando el espacio que queria quitar u.u

Y gracias por responder a ambos ^^

[Mikmoro]

A ver: yo te he puesto que pusieras:

html, body {margin:0; padding:0;}
(había un pequeño error, porque faltaba la "a")

Pero tú has puesto

html, body {padding:0pt;}

Imagino por qué: al ponerlo en dreamweaber o así, al estar mal escrito margin te lo ha elimnado.

Pon exactamente lo que te pongo arriba y resuelto.

[Vendetta]

Edito desde el FTP y el FTP no me abre el dream, me abre el editor del FlashFXP aunque preferia antes cuando me habria el dream x.x me era mas facil con los colorcitos y esas cosas XD pero ahora no hay manera pero bueno ese no es el caso xD

Realmente no se porque se ha ido esa parte si yo he puesto ambas palabras, imagino que es por lo que tu dices, al estar mal escrito se borraria pero no se...es raro porque no use ningun programa tipo dream. Igualmente ya esta y funciona! El unico problema es que el menu de abajo sale al lado del logo en vez de debajo de este...

Y Gracias! ^^

[Vendetta]

Up...

Necesito solución al problema, por favor u.u

[Mikmoro]

Añade al div logo esto:

div.logo {background:transparent url(../images/menu/logo-r.png) no-repeat scroll 0%;
clear:both;
float:none;
height:180px;
width:800px;
}

[Vendetta]

Ah, coño solo salen problemas! xD

Ahora el logo sale centrado y las barras alineadas a la izquierda...u.u...

Gracias por responder Mikmoro.

Si puedes solucionarme tambien este problema te lo agradeceria >.< y espero no salgan mas xD

Un saludo ó.ò

[Mikmoro]

Ya lo sabía, pero no te lo he puesto para que intentaras resolverlo tú.

Cambia el <center> incial por un envoltorio como <div id="contenedor">. También el de cierre </center> por </div>

Ahora añade a la css

#contenedor {margin: 0 auto;width: 800px;}

Ahora verás que tus botones de abajo no son tan anchos como la imagen.

Antes de la próxima consulta deberás haber buscado bien la respuesta, porque "cómo centrar mi web" es algo que podías haber encontrado muy fácil aquí en el foro.

[Vendetta]

Iniciado por Mikmoro

Ya lo sabía, pero no te lo he puesto para que intentaras resolverlo tú.

Cambia el <center> incial por un envoltorio como <div id="contenedor">. También el de cierre </center> por </div>

Ahora añade a la css

#contenedor {margin: 0 auto;width: 800px;}

Ahora verás que tus botones de abajo no son tan anchos como la imagen.

Antes de la próxima consulta deberás haber buscado bien la respuesta, porque "cómo centrar mi web" es algo que podías haber encontrado muy fácil aquí en el foro.

He mirado de hacerlo...he mirado el html si...y he visto que tenia las etiquetas <centrar> y al ver eso ya me he perdido...yo de CSS lo justo, asi que ni sabia que eso servia para centrar...

No he utilizado el buscador porque tengo un tema iniciado y el problema de centrar ha salido despues de arreglar otro...no habia pensado en el buscador, normalmente lo uso.

Gracias por responder