Holapor que nadie a revisado mi codigo??

IronAISS · 22 Nov 2009, 15:30 · Solicitar retirada

Tegoun problema con los margens desde ayer y nadie a podido nisiquiera decirme que especifique mas mi problema, o que tengo algo incorrecto.Por favor pueden hecharle un vistazo a mi codigo por que estoy desesperado.Gracias....

e llegado hasta la lección 6 en la el sub-enlace "corrigiendo la deformación del menú lateral"

Y e llegado a un problema en el cual los margenes centrales del parágrafo central estan un tanto afuera de la cabecera y el pie de la pagina.

Este es mi codigo htm y css a ver que hice malo.

Codigo HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<title>Discografia</title>
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>

<div id="contenido">

<div id="menu">
<ul><h1>Título de Sección 1</h1>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>

<h1>Discografia de la banda</h1>

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxDebemos informarles que el baterista de la banda se pegoun tiro
al enterarse de que las canciones que habian creado era una atrocidad para la
humanidad, por esto no se a puesto ninguna discografia
para satisfacer la causa de su suisidio.</p>
</div>

<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web
</div>
</div>

<div id="curva-inferior"></div>
</div>
</body>
</html>

Aqui esta el codigo CSS:

* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-align:center}
h2{font.size:1.1em;color:blue ; font-weight:bold;text-decoration:none;text-align:center}
body {text-align: center}
#global {width:800px ; margin: 4px auto}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat; width:800px ;
height: 12px;overflow : hidden }
#cabecera {background-color:white ; border-left: black 1px solid ; border-right: black 1px solid; height:85px}
#logotipo { width:280px;float:left}
#publicidad { width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray;border: black 1px solid ; height:20px}
#navegacion li {float:left;list-style:none; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 60px }
#contenido {background-color: orange;
border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px;text-indent:15px}
#menu {width: 150px ; float:left;text-align:left;margin:3px 10px 3px 3px;
background-image: url(objetos/menu-parte-inferior.gif);background-position: bottom;padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif); padding-top:12px}
#pie {background-color: white;border-left: black 1px solid ;
border-right: black 1px solid ; border-top: black 1px solid;height: 65px ;}
#pie li {list-style: none ;font-size:12px }
#pieuno {float:left;Width:150px}
#piedos {float:left;Width:498px}
#pietres {float:left;Width:150px}
#curva-inferior { background-image: url(objetos/curva-inferior.gif);background-repeat: no-repeat
;width:800px ; height: 12px;overflow: hidden }

a{color:brown;text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {color:red;text-decoration:underline;background-color:silver}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

Ojala me respondan lo antes posible.

GRACIAS! :evil: :evil: :evil:

Kamael · 22 Nov 2009, 17:28 · Solicitar retirada

bueno si tienes tu pagina ya subida al internet pues va ser mas facil ver todo como debe ir :P

especifica q quieres arreglar primero asi vamos por partes :P

jacy_hv · 22 Nov 2009, 22:14 · Solicitar retirada

Se me ocurre esto , a ver si es lo que quieres.
Haz dos columnas una para el menu y otra para el contenido
En el código html el <div id="contenido"> borralo y ponlo despues del cierre del div menu , asi :
.........Enlace 4</a>
</div> <div id="contenido">
En el codigo css ponle a #contenido margin-left:170px

Tambien puedes poner en google css dos columnas y la segunda entrada que me sale es un buen ejemplo.
_______________________________________________________________

http://demarcha.site11.com/phpBB3 /
Un foro para los marchosos registrate y comenta algo http://king-y-otros.netai.net /
==============================================

IronAISS · 23 Nov 2009, 02:44 · Solicitar retirada

javi no me a funcionado, lo interesante es que en el index todos lor margenes aparecen bien pero en los demas templates como en , foro, dicografia,historia etc no funcionan.

Este es el codigo de uno de los templates el de historia:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<title>Historia de la banda</title>
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>

<div id="contenido">

<div id="menu">
<ul><h1>Título de Sección 1</h1>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>

<h1>Esta es la historia de la banda</h1>

La banda nació en 1982, cuando tras ver por la tele un concierto de Bruce
Springsteen dos chavalotes se digeron... y si aprendemos a tocar algo? Fue entonces
cuando Juanito se compró su primera batería y Pepito su primer ampli y guitarra.
Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio,
empezaron a ensayar en el garaje de uno de ellos. Al principio intentaban tocar
sus canciones preferidas, las que sonaban en esos momentos por la radio y cosas así.
Más tarde Pepito empezó a escribir algunas letras a las que pusieron música.
Así nació la banda, imagino que, igual que muchas otras</p>
</div>

<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web
</div>
</div>

<div id="curva-inferior"></div>
</div>
</body>
</html>

A ver que de raro ven y aqui os dejo el codigo de Inde.html que funciona perfectamente.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Página Oficial de la banda</title>
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<a href="index.html">
<div id="logotipo">[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Portada

Historia

Discografía

Conciertos

Descargas

Foro

Souvenirs
</div>

<div id="contenido">

<div id="menu">
<ul><h1>Título de Sección 1</h1>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>

<h1>Bienvenidos a la página oficial de la banda</h1>

Ahora en teoría se puede navegar perfectamente por toda la web que tenemos desde
el menú horizontal superior y desde todas las páginas de la web de ejemplo. Por cierto,
como hemos eliminado la antigua index.html, puedes borrar de la carpeta objetos todos los
archivos que usaba el index, como por ejemplo la sonrisa y el buzón de correo. Así evitas ir
acumulando archivos que al fin y al cabo no usas en la web y ya no nos hacen faltaAhora en
teoría se puede navegar perfectamente por toda la web que tenemos desde el menú horizontal
superior y desde todas las páginas de la web de ejemplo. Por cierto, como hemos eliminado la
antigua index.html, puedes borrar de la carpeta objetos todos los archivos que usaba el index,
como por ejemplo la sonrisa y el buzón de correo. Así evitas ir acumulando archivos
que al fin y al cabo no usas en la web y ya no nos hacen falta</p>
</div>

<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web
</div>
</div>

<div id="curva-inferior"></div>
</div>
</body>
</html>

Yaneth · 23 Nov 2009, 16:33 · Solicitar retirada

aqui en rojo lo que te sobra

"../souvenirs/souvenirs.html">Souvenirs</a>
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>

<div id="contenido">

saludos

IronAISS · 23 Nov 2009, 19:12 · Solicitar retirada

Hola ya arregle los margenes, por una parte si era lo que decias era esto

<div id="publicidad">Bienvenidos a mi web</div>

pero el priblem no solo se concetraba en aso si no que si te fijas bien en este peazo de codigo..

</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>

algo raro habia ya!!...asi que cuando borre este codigoque me dijiste.. <div id="publicidad">Bienvenidos a mi web</div> me habia quedado un </div> extra asi

</div>
</div>

Despues que borre el </div> extra todos los margenes se arreglaron. Gracias por ayudarme en los margenes...ahora vamonos a los enlances en el otro TEMA
</div> :D :D :D :D :D