[SOLUCIONADO] Problemas con barra de herramientas (Header)

ivo5860 · #1 (**permalink**) 31/10/2013, 17:59

Hola a todoos!

He tenido muchos problemas con Css, pero de apoco voy aprendiendo, quiero que me ayuden esta vez en mi barra de herramientas, ya consulté anteriormente como hacerla y me ayudaron, ahora quiero que me ayuden si es posible...

Mi problema es el siguiente...

Hice la barra y empecé a aportar el contenido dentro de ella, pero solo pude poner el logo de mi pagina web , pero cuando quiero agregar un texto o un link como del menu, la barra se baja y queda un espacio arriba donde se muestra el texto que coloqué... haber si me entienden...
mi style es asi :

Código HTML:

<style type="text/css">
.Header
{
position: fixed; /*para mantener estático el header en el encuadre del navegador*/
top: 0; /*para que quede arriba*/
z-index: 10; /*para que el header se monte encima de cualquier elemento que no tenga un número mayor*/
width: 100%; /*importante para que cuando alejes la página con el ZOOM (SCROLL) el header no aparezca cortado*/
left: 0px; /*Para que la barra este pegada a la izquierda*/
}
.header_logo
{
     position: absolute;
     left: 5px;
     top: 2px;
}
.header_Construccion
{
	position: inherit;
	left: 0px;
	top: 2px;
}
.header_Buscador
{
	position: absolute;
	left: 200px;
    top: 18px;
}
</style>

________________________________________

<div class="Header">
<body background="Imagenes/Fondo.jpg" alink="#00FF00" vlink="#00FF00" link="#00FF00">
<header>
<table bgcolor="#000000" width="100%" height="50" border="+2" bordercolor="#00FF00">
<tr>
<div class="header_logo">
     <a href="index.html"><img src="Imagenes/Barra_herramientas.png" border="0" title="index.html"/></a>
</div>
<div id="header_Construccion">
<font face="AR CENA" size="+2" color="#FF9900">
[POR EJEMPLO ESTE TEXTO! CUANDO LO PONGO LA BARRA BAJA]
<center><p>Barra de herramientas en construcción.</p></center>
[                                                                                                  ]

</font>
</div>
</tr>
</table>
</div>
</header>

Espero que me puedan ayudar y ayan entendido mi problema, salu2!

Desde YA! muchas gracias.. !

pzin · #2 (**permalink**) 01/11/2013, 00:36

Tú código parece que tiene como 13 años. Usas etiquetas y atributos totalmente obsoletos. ¿Lo estás haciendo a mano o usas algún programa?
No puedes usar HTML5 y luego etiquetas obsoletas.

ivo5860 · #3 (**permalink**) 01/11/2013, 10:08

Amigo! , soy nuevo en esto de crear paginas web , empecé este año y mejoré mucho, pero me falta aprender a fondo php, css , mysql , etc.....

Osea, no entiendo mucho! por eso no uso todo con div y styles, muy poco!

jonni09lo · #4 (**permalink**) 01/11/2013, 10:33

No solo no sabes de CSS si no que tampoco sabes de HTML, recomiendo que busques unos buenos tutoriales o manuales en internet...

Un navegador como Crhome o Firefox trataría de acomodar tu código de "buena" manera pero no hace milagros.

Recuerda que la estrcutura básica de una página es

Código HTML:

Ver original<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <!-- Contenido -->
    </body>
</html>

Así que todos los divs van dentro de body y este no puede estar entre otras etiquetas que no sea html.

Segundo aprende a cerrar las etiquetas

Tienes esto:

Código HTML:

Ver original<div class="Header">
    <body background="Imagenes/Fondo.jpg" alink="#00FF00" vlink="#00FF00" link="#00FF00">
        <header>
    </div>
</header>

Cuando debería ser:

Código HTML:

Ver original<body background="Imagenes/Fondo.jpg" alink="#00FF00" vlink="#00FF00" link="#00FF00">
    <div class="Header">
        <header>
            
        </header>
    </div>
</body>

Tercero aprende el funcionamiento de las tags

La estructura de una tabla es:

Código HTML:

Ver original<table>
    <tr>
        <td>
            <!-- Contenido -->
        </td>
    </tr>
</table>

Y en lo que estas haciendo estas omitiendo <td></td>

Así que estimado, por favor aprende a estructurar en HTML antes de ponerte a diseñar con CSS

Por ultimo, es conveniente ver o buscar que etiquetas html están obsoletas, para que mejores y aprendas buenas practicas.

Saludos

ivo5860 · #5 (**permalink**) 02/11/2013, 12:10

Joni09lo , Se todo eso!!!

Osea, esta parte

<div class="Header">
<body background="Imagenes/Fondo.jpg" alink="#00FF00" vlink="#00FF00" link="#00FF00">
<header>

La escribí mal aca! Pero en mi dreamweaver la tengo bien! , yase que body es el cuerpo y que todo loq ue abre cierra... lo tengo bien puesto pero aca cuando lo estaba escribiendo lo escribi mal!
<html lang="es">
<head>
</head>
<body>
<div class="Header">
<header>
</header>
</div>
<footer>
</footer>
</body>
</html>

ivo5860 · #6 (**permalink**) 02/11/2013, 12:18

YA ESTA!!! , LO HICE YO MISMO , POR QUE HAY GENTE QUE EN VEZ DE AYUDAR ME DICE QUE ESTA MAL LO QUE ESCRIBI DE EJEMPLO!. Gracias por nada.

pzin · #7 (**permalink**) 02/11/2013, 13:15

¿Y qué esperas? ¿Que pensemos que has puesto mal el código? Si pensáramos que todo el mundo pone el código mal aquí entonces sería un poco difícil ayudar a nadie.

ivo5860 · #8 (**permalink**) 08/11/2013, 17:32

Bueno, pero que queres? yo empezé a fines de 2012 con todo esto de pagina web! y la verdad que voy bien, pero trato de mejorar un poco mas cada dia la web para los visitantes.... Vos hace mucho que deves saber esto, entonces este foro es para que los que saben respondan y los que no saben pregunten!!! siino para que pregunte? ;)

pzin · #9 (**permalink**) 09/11/2013, 02:20

Te hemos dicho que el código estaba mal y qué estaba mal, después de eso se miraría el problema. Porque muchas veces código mal hecho u obsoleto arreglan los problemas y errores. Por eso, primero se "limpia" el código y se deja bien.

Pero no podemos saber que el código que pegas está mal pegado ¿no?

Y si, el foro es para ayudar a todo el que lo necesite. Pero no ayuda a quienes van a ayudar a pegar mal el código.