Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje23-12-2010, 06:00 (UTC)    
Título del mensaje: Espacio del contenido

Saludos amigos, edito este post para ver si me pueden hechar una mano con un problemilla.
Tengo un espacio que no se como eliminar o hacer que las paginas aparezcan en el, hice una plantilla de CSS con el Kompozer tal y como explican en un post, pero creo algo hice mal pues tengo este problema y no se por donde es les dejo unos pantallazos y el codigo tal y como lo tengo escrito.



[

Enlace de la pagina: http://www.cosasdelmisterio.es.tl

"Escrito por encima pagina"

<body style="color: black; background-color: black;" alink="#cc0000"
link="#cc0000" vlink="#a48320">
<div style="height: 19px;" id="contenedor"><br>
<div style="height: 229px; width: 973px;" id="cabezal"><br>
</div>
<div id="sidebar"><br>
</div>
<div style="width: 581px;" id="sidebar2"><br>
</div>
<div id="sidebar3"><br>
</div>
<div id="menu"><a href="http://cosasdelmisterio.es.tl/INICIO.htm">INICIO</a><br>
<a href="http://cosasdelmisterio.es.tl/Galeria-Fotografias.htm">GALERIA
FOTOS</a><br>
<a href="http://cosasdelmisterio.es.tl/Galeria-videos.htm">GALERIA
VIDEOS</a><br>
<a href="http://cosasdelmisterio.es.tl/Noticias.htm">NOTICIAS/EVENTOS</a><br>
<a href="http://cosasdelmisterio.es.tl/SOBRE-NOSOTROS.htm">SOBRE
NOSOTROS</a><br>
<a href="http://cosasdelmisterio.es.tl/Links-paginas-afines.htm">LINKS</a><br>
<a href="http://cosasdelmisterio.es.tl/Libro-de-visitantes.htm">LIBRO
VISITAS</a><br>
<a href="http://cosasdelmisterio.es.tl/Contacto.htm">CONTACTO</a><br>
<a href="http://cosasdelmisterio.es.tl/Encuestas.htm">ENCUESTAS</a><br>
</div>
<div id="content"><br>
Bienvenido a la pagina Oficial del Grupo de Investigacion Paranormal
Cosas del Misterio.<br>
<br>
<br>
</div>
<div id="boxderecha"><br>
<center> <hed><a href="http://losduendes.info/tienda/index.php"><img
style="width: 153px; height: 127px;" alt="Tienda Fantasia"
src="http://a.imageshack.us/img828/5619/logooficialduendes.jpg"
title="Los Duendes del Reloj"></a></hed><br>
<hed><a href="http://www.solovampiros.com/"><img alt="SoloVampiros"
src="http://img375.imageshack.us/img375/2861/logosolovampiros09.jpg"
title="SoloVampiros"></a></hed><br>
<hed><a href="http://www.undeadarkclub.com/"><img alt="Undead Dark
Club"
src="http://img826.imageshack.us/img826/2016/undeadlogo.jpg"
title="Undead Dark Club"></a></hed><br>
<hed><a href="http://www.obscureshop.com/"><img alt="Tienda gotica"
src="http://img716.imageshack.us/img716/5142/obscureshop.jpg"
title="Obscureshop - Tienda de ropa gotica y
alternativa"></a></hed></center>
</div>

"Escrito en "CSS-Code sin Style Tags":

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
table {margin-left:auto; margin-right:auto;}

body {
background-color: black;
color: #990000;
}
#contenedor {
background-color: black;
margin-right: auto;
margin-left: auto;
color: #990000;
}
#cabezal {
background-image: url(http://img196.imageshack.us/img196/766/bannertlcopiacopia.jpg);
}
#sidebar {
width: 180px;
height: 38px;
background-image: url(http://img443.imageshack.us/img443/8711/menuprincipalcopia.jpg);
background-position: left center;
}
#sidebar2 {
width: 500px;
height: 38px;
margin-left: 200px;
margin-top: -38px;
background-image: url(http://img510.imageshack.us/img510/4193/titulocentro.jpg);
background-position: center center;
}
#sidebar3 {
width: 185px;
height: 38px;
margin-left: 783px;
background-image: url(http://img839.imageshack.us/img839/3961/paginasamigas22222copia.jpg);
background-position: center center;
margin-top: -38px;
}
#menu {
width: 189px;
min-height: 100px;
float: left;
font-family: Parseltongue;
color: #990000;
font-size: 20px;
font-weight: bold;
line-height: 1.5pc;
padding-left: 11px;
}
#content {
width: 565px;
min-height: 100px;
margin-left: 200px;
float: left;
margin-top: -268px;
padding-left: 15px;
}
#boxderecha {
width: 200px;
min-height: 100px;
margin-left: 783px;
}
#pie {
background-image: url(http://img406.imageshack.us/img406/3671/finalpie.jpg);
background-position: center top;
width: 680px;
height: 169px;
}


Escrito en "Texto por debajo de la página: "

<center><div id="pie"><br>
</div><script language="javascript" src="http://www.contadorgratis.net/hit.php?page=a07a08a99897d277ff4ea4397c761a0e&digit=bankgot"></script>
<br><font size=1><a href="http://cosasdelmisterio.es.tl/INICIO.htm" target="_blank">Cosas del Misterio</a></font>
<!-- FIN Codigo contadorgratis.net -->
</center>
</div></center>



Gracias anticipadas, espero me puedan ayudar, un saludo.
Mensaje23-12-2010, 07:55 (UTC)    
Título del mensaje:

saludos Cosasdelmisterio me alegra saber que no fue tiempo desperdiciado escribir esos tutoriales, ahora veamos su problema

el diseño que nos mostro tiene unos leves errores en como esta acomodado y en el css por eso se ve mal, no se preocupe son faciles de reparar

1ro.- el diseño esta mal acomodado
solucion: la separacion de "texto por encima" y "texto por debajo" es el div llamado "content". El div "content" no se agrega por que PWG lo hace automaticamente

Texto por encima
<div id="content">blablablabla</div>
Texto por debajo
su diseño quedaria asi
texto por encima escribió:
<body style="color: black; background-color: black;" alink="#cc0000"
link="#cc0000" vlink="#a48320">
<div style="height: 19px;" id="contenedor"><br>
<div style="height: 229px; width: 973px;" id="cabezal"><br>
</div>
<div id="sidebar"><br>
</div>
<div style="width: 581px;" id="sidebar2"><br>
</div>
<div id="sidebar3"><br>
</div>
<div id="menu"><a href="http://cosasdelmisterio.es.tl/INICIO.htm">INICIO</a><br>
<a href="http://cosasdelmisterio.es.tl/Galeria-Fotografias.htm">GALERIA
FOTOS</a><br>
<a href="http://cosasdelmisterio.es.tl/Galeria-videos.htm">GALERIA
VIDEOS</a><br>
<a href="http://cosasdelmisterio.es.tl/Noticias.htm">NOTICIAS/EVENTOS</a><br>
<a href="http://cosasdelmisterio.es.tl/SOBRE-NOSOTROS.htm">SOBRE
NOSOTROS</a><br>
<a href="http://cosasdelmisterio.es.tl/Links-paginas-afines.htm">LINKS</a><br>
<a href="http://cosasdelmisterio.es.tl/Libro-de-visitantes.htm">LIBRO
VISITAS</a><br>
<a href="http://cosasdelmisterio.es.tl/Contacto.htm">CONTACTO</a><br>
<a href="http://cosasdelmisterio.es.tl/Encuestas.htm">ENCUESTAS</a><br>
</div>


texto por debajo escribió:
<div id="boxderecha"><br>
<center> <hed><a href="http://losduendes.info/tienda/index.php"><img
style="width: 153px; height: 127px;" alt="Tienda Fantasia"
src="http://a.imageshack.us/img828/5619/logooficialduendes.jpg"
title="Los Duendes del Reloj"></a></hed><br>
<hed><a href="http://www.solovampiros.com/"><img alt="SoloVampiros"
src="http://img375.imageshack.us/img375/2861/logosolovampiros09.jpg"
title="SoloVampiros"></a></hed><br>
<hed><a href="http://www.undeadarkclub.com/"><img alt="Undead Dark
Club"
src="http://img826.imageshack.us/img826/2016/undeadlogo.jpg"
title="Undead Dark Club"></a></hed><br>
<hed><a href="http://www.obscureshop.com/"><img alt="Tienda gotica"
src="http://img716.imageshack.us/img716/5142/obscureshop.jpg"
title="Obscureshop - Tienda de ropa gotica y
alternativa"></a></hed></center>
</div>
<center><div id="pie"><br>
</div><script language="javascript" src="http://www.contadorgratis.net/hit.php?page=a07a08a99897d277ff4ea4397c761a0e&digit=bankgot"></script>
<br><font size=1><a href="http://cosasdelmisterio.es.tl/INICIO.htm" target="_blank">Cosas del Misterio</a></font>
<!-- FIN Codigo contadorgratis.net -->
</center>
</div></center>


2do.- el CSS
encontre algunos faltantes en el CSS y elimine algunos valores negativos. aqui esta el CSS (puede comparalo con el que posteo para ver los cambios)
como notara casi no tuvo cambios (solo marque los que cambie para que sea mas facil de ubicar)
CSS code sin styletags escribió:
#header_container {
display: none;
}
#nav_container {
display: none;
}
h2#title {
display: none;
}
#sidebar_container {
display: none;
}
body {
background-color: black;
color: #990000;
}
#contenedor {
background-color: black;
margin-right: auto;
margin-left: auto;
color: #990000;
width: 990px;
}

#cabezal {
background-image: url(http://img196.imageshack.us/img196/766/bannertlcopiacopia.jpg);
}
#sidebar {
width: 180px;
height: 38px;
background-image: url(http://img443.imageshack.us/img443/8711/menuprincipalcopia.jpg);
background-position: left center;
}
#sidebar2 {
width: 500px;
height: 38px;
margin-left: 200px;
margin-top: -38px;
background-image: url(http://img510.imageshack.us/img510/4193/titulocentro.jpg);
background-position: center center;
}
#sidebar3 {
width: 185px;
height: 38px;
margin-left: 783px;
background-image: url(http://img839.imageshack.us/img839/3961/paginasamigas22222copia.jpg);
background-position: center center;
margin-top: -38px;
}
#menu {
width: 189px;
min-height: 100px;
float: left;
font-family: Parseltongue;
color: #990000;
font-size: 20px;
font-weight: bold;
line-height: 1.5pc;
padding-left: 11px;
}
#content {
width: 565px;
min-height: 100px;
padding-left: 15px;
float: left;
}

#boxderecha {
width: 200px;
min-height: 100px;
margin-left: 783px;
}
#pie {
background-image: url(http://img406.imageshack.us/img406/3671/finalpie.jpg);
background-position: center top;
width: 680px;
height: 169px;
}

______________
Mensaje23-12-2010, 09:00 (UTC)    
Título del mensaje:

Muchisimas gracias!!! de verdad que me ha ayudado muchisimo, al igual que los tutoriales, se agradece de verdad toda la ayuda, ya me imagine que era un error de algo escrito, de nuevo gracias y un saludo, aprovecho para felicitarles a todos la navidad y las fiestas, felicz navidad y felices fiestas a todos.


Edito el post:

Tengo de nuevo un problemilla que seguro no es nada


La imagen del pie, estando en el Kompocer marcada la casilla de desplazar con la pagina, no deveria hacerlo ya?? o se deve añadir algun otro codigo???

Gracias de nuevo y perdonen mi insistencia, un saludo.


Ultima edición por cosasdelmisterio el Jue Dic 23, 2010 9:34 am; editado 2 veces
Mensaje23-12-2010, 21:44 (UTC)    
Título del mensaje:

saludos de nuevo

la opcion para que el pie de pagina se mueva solo en kompozer esta en: CSS caja y se llama despejar, le recomiendo poner la opcion ambos

si desea agregar la opcion directo al css solo escriba en el div pie
Código:
clear: both;

______________
Mensaje24-12-2010, 06:59 (UTC)    
Título del mensaje:

Amigo, de nuevo muchisimas gracias, su ayuda me a servido de mucho en todos los aspectos de la web, todo solucionado y casi que en marcha, gracias de nuevo, un saludo.
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group