Necesito ayuda con Css en Frontpage

Hola a Todos!

Hoy comencé a diseñar una Web con Frontpage utilizando Css [nunca las habia usado] y a pesar de ir bien, o al menos eso creo, ya tengo un problemita que me esta jodiendo demasiado

Ya coloque el Banner, el menu [quien da problemas] , la parte de contenido de la Web y pie de pagina

El problema que da el menu es que entre el y el header queda un espacio en blanco que no puedo quitar de ninguna manera

Ya intente con el Sr Margin pero no da resultados. Anduve buscando por internet algo de ayuda pero no hay nada relacionado

Asi que acudo a este Foro, ya que el tuto del HTML kit me ayudo bastante con el tema de Css [Y es el unico donde entendi que caraj** es el Margin...]

Si quieren les dejo el Codigo que hay en HTML y lo que tengo hasta el momento en Css

P.D ¿Me expliqué? soy algo bruto para redactar
Deja el código de tu pagina, y si es posible una captura, se nos hará mas fácil poder ayudarte :D

¡Saludos!
Ok, aca dejo lo que pediste. Y aclaro que en Frontpage, haciendo vista previa, no se ve ese espacio que queda entre header y menu. Si hago la previa en Frontpage se nota, aunque no probe en IE

El Codigo HTML

<html>

<head>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body>

<div id="global">

<div id="cabecera"></div>

<div id="menu" style="width: 974px; height: 31px">
<ul>
[url="#"]<li class="liga">[/url]

<li class="argentinoa">

<li class="argentinob">

<li class="tdi">

[/list]</div>

<div id="contenido">

<p class="centrado">Ya estoy odiando la puta Css</p>

</div>

<div id="pie"></div>

</div>

</body>

</html>

La Hoja de Estilos

body {background-color: #FAFAD2 ; }

ul.navtop {
margin:0;
padding:0;
}

#global    {width: 800px ; }

#cabecera  {background-color: 
                             #B0C4DE ; 
            background-image: url(images/banner.png) ;
            width: 974px ; 
            height: 117px ; }
            
#menu {width: 974px ; 
       height : 37px ;
       margin: 0px}
       
  
#menu li {float:left ; list-style: none ; } margin : 0px 4px 0px 4px ; 

#contenido {width: 974px ;
            float:left ;
            background-color: #FAFAD2 ; 
            border-left: 1px black solid ; 
            border-right: 1px black solid ;
                        }
            
#pie       {background-color: #FFD700 ; 
            border-bottom: 1px black solid ;
            border-left: 1px black solid ;
            border-right: 1px black solid ;
            background-image: url(images/pie.png) ;
            width: 974px ;
            height: 73px;
                                           }
                             
.centrado      {text-align: center ; size: 14pt ; color: red ; }
.justificado   {text-align: justified ; }

.liga          {background-image: url('images/liga.png') 
               ; width: 122 ; height: 37 
               ; background-repeat: no-repeat 
               ; margin: 0px; 
                }
               
.argentinoa    {background-image: url(images/argentinoa.png) 
               ; width: 122px ; height: 37px 
               ; background-repeat: no-repeat 
               ; margin: 0px 0px 0px 20px}
               
.argentinob    {background-image: url(images/argentinob.png)
               ; width:122px ; height: 37px
               ; background-repeat: no-repeat 
               ; margin: 0px 0px 0px 20px ;}
               
.tdi           {background-image: url(images/tdi.png)
               ; width:122px ; height: 37px
               ; background-repeat: no-repeat 
               ; margin: 0px 0px 0px 20px ;}

La Captura

[contenido no disponible]
Amigo, ¿pero la pagina ya la tienes en un servidor?
Yo de la mía no me fio de la vista previa del dreamweaver, siempre la subo al hosting y veo desde el navegador, prueba la vista con IE
Y otra pregunta,¿porque no pruebas usar botones (imágenes con links) en lugar de listas (
  • )? Creo que a mi me pasaba lo mismo, y por eso uso botones en lugar de listas
  • Aun no estaba en Servidor. Aca la subí

    http://futgolsf.co.cc/pruebas/

    Mirandola en Firefox se ve ese espacio que queda entre header y Menu

    Pero en Internet Explorer, lamentablemente se ve bien [Sin contar el fondo gris que queda en las transparencias...]
    Cambié las listas por unas capas para acomodar las imagenes y no queda tan mal.

    ¿Queda "pro" usar numeros negativos para el Margin? :lol: Tuve que darle los valores :

    margin: -37px 20px 0px 180px

    al 2do boton para dejarlo bien posicionado.
    no veo la pagina, y me entero que se le pueden dar valores negativos al margin, es mas no creo que exista, eso debe ser padding :S
    Los margenes negativos son licitos de utilizar, ademas de que en algunas ocasiones y dependiendo de lo que quieras conseguir su utilizacion es obligatoria.
    wolfmoon escribió:Los margenes negativos son licitos de utilizar, ademas de que en algunas ocasiones y dependiendo de lo que quieras conseguir su utilizacion es obligatoria.

    Las cosas que uno aprende :lol: Crei que estaba haciendo cualquier cosa agregando valores negativos, la mayoria de veces, para no decir siempre, vi que le daban valores normales

    Ahora, tengo otro drama con la hoja de estilos y lo que veo. Cada vez que agrego texto o lo que sea a la capa contenido, la capa que pertenece al pie de pagina se me descuadra y aparece a mitad de pagina, siempreeee!

    Y cada vez que agrego algo tengo que retocar el Css para que el pie aparezca en el lugar correcto

    ¿Hay alguna manera, las hay pero no la se, eso es seguro, de que el pie quede fijo en su lugar sin que tenga que estar retocando el codigo cada vez que agrego material?
    Estas dos tienen el Float

    #menu li {float:left ; list-style: none ; }

    #contenido {width: 974px ;
    float:left ;
    text-align: justified ;
    color: #000000
    ; font-size:10pt
    ; font-family:Verdana
    ; margin-left:0px
    ; margin-right:0px
    ; margin-top:15px
    ; margin-bottom:0px}

    Que siendo sincero...no se para que puse el Float. Experimentos...

    ¿Que recomendas que haga?
    Pues si, el float en una capa contenedor es tonteria... quitalo que seguro que te soluciona el asunto.

    Y si no prueba poniendole al pie un clear both.
    Otro problema -.- Me canse de dar vueltas asi que escribo

    Ya tengo todo listo digamos. Banner, botones, capa de contenido, pie, etc

    El problema lo encontre en la parte de botones [Los que estan por encima del Banner y los que estan por debajo]

    A los mismos los hice con capas, dando los comportamientos desde la Hoja de Estilo

    A las capas les agregue Links, quedando asi, todas...

    <div class="liga"></div>

    Hasta ahi bien, ahora

    1ero no se si esta bien enlazar asi siendo una capa eso

    2do, cuando paso el cursor encima de cualquier boton, se ve que el enlace funciona. Eso haciendo la vista previa

    La subi al servidor y todos los botones enlazan a una sola "categoria" de la Web , y entre medio de los mismos, tambien hay, por asi decirlo, enlaces

    Tanto la botonera de arriba como la de abajo

    ¿Me explique?

    Por las dudas, dejo el codigo, HTML y CSS

    HTML

    <html>
    
    <head>
    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    
    <script type="text/javascript">
    <!--
    clickaider_cid = "dc1ca250-14693";
    clickaider_page_tags = "futgol, futgol, futbol de ascenso, futbol argentino, torneo del interior, torneo argentino a, torneo argentino b, torneo argentino c, liga regional del sud, asac, union, talleres, real arroyo seco, alianza real duchinni, arroyo seco, santa fe, futbol santafesino, liga arroyo seco futbol";
    clickaider_track_links = "all";
    clickaider_track_forms = "all";
    // -->
    </script>
    <script type="text/javascript" src="http://hit.clickaider.com/clickaider.js"></script>
    <noscript>
    [img]http://hit.clickaider.com/pv?c=dc1ca250-14693[/img]
    </noscript>
    
    </head>
    <body>
    
    <div id="global">
    
    [url="index.htm"]<div class="home"></div>[/url]
    [url="contacto.htm"]<div class="contacto"></div>[/url]
    
    [url="index.htm"]<div id="cabecera"></div>[/url]
    
    <div id="menu" style="width: 974px; height: 31px">
    
    [url="liga.htm"]<div class="liga"></div>[/url]
    
    [url="argentinoa.htm"]<div class="argentinoa"></div>[/url]
    
    [url="argentinob.htm"]<div class="argentinob"></div>[/url]
    
    [url="tdi.htm"]<div class="tdi"></div>[/url]
    
    </div>
    
    <div id="contenido">
    
    
    
    Por la 5ta fecha del TDI, en Arroyo Seco se jugababa un partido CLAVE. El 
    Local, UNIÓN, puntero
    
    recibía a Regatas, que venia de 2 triunfos consecutivos y necesitaba un buen 
    resultado para
    
    continuar con chances de clasificar
    
    Antes del comienzo del encuentro se sabe 
    de la victoria del ASAC en Ramallo;
    
    hecho que no pasa inadvertido para ninguno de los dos : Ambos debían ganar
    
    pero mas que nada : Ninguno podía perder
    
    
    
    [url="tdi.resumen.union.regatas.htm"][img]images/leermas.png[/img][/url]</p>
    
    [img]images/separador.png[/img]
    
    <p class="centrado">Podes colaborar con Futgol enviando Resúmenes y Fotos a las 
    siguientes direcciones de E-Mail</p>
    
    <p class="centrado">[email="[correo eliminado]"][img]images/mail.png[/img][/email]
    [email="[correo eliminado]"] [img]images/mail.png[/img][/email]</p>
    
    </div>
    
    <div id="pie"></div>
    
    </div>
    
    </body>
    
    </html>

    CSS

    body {background-color: #FAFAD2 ; background-image: url(images/bg.png) ; }
    img {border-style: none ; }
    
    #global    {width: 800px ; }
    
    #cabecera  {background-color: 
                                 #B0C4DE ; 
                background-image: url(images/banner.png) ;
                width: 974px ; 
                height: 117px ; }
                
    #menu {width: 974px ; 
           height : 37px ;
           margin: 0px}
           
      
    #menu li {list-style: none ; }  
    
    #contenido {width: 974px 
                ;text-align: justified 
                ; color: #000060
                ; font-size:8pt
                ; font-family:Verdana
                ; margin-left:0px
                ; margin-right:0px
                ; margin-top:15px
                ; margin-bottom:0px}
                
    #pie       {background-image: url(images/pie.png) ;
                width: 974px ;
                height: 73px;
                margin: 25px 0px 0px 0px ; }
                                 
    .centrado      {text-align: center ; size: 14pt ; color: red ; }
    .justificado   {text-align: justified ; }
    
    .home          {background-image: url(images/inicio.png)
                   ; width: 85px
                   ; height: 28px
                   ; background-repeat: no-repeat
                   ; margin: 5px 0px -28px 10px}
                   
    .contacto      {background-image: url(images/contacto.png)
                   ; width: 85px
                   ; height: 28px
                   ; background-repeat: no-repeat
                   ; margin: 0px 0px 0px 145px}
    
    .liga          {background-image: url('images/liga.png') 
                   ; width: 122 ; height: 37 
                   ; background-repeat: no-repeat 
                   ; margin: 0px; 
                    }
                   
    .argentinoa    {background-image: url(images/argentinoa.png) 
                   ; width: 122px ; height: 37px 
                   ; background-repeat: no-repeat 
                   ; margin: -37px 20px 0px 180px}
                   
    .argentinob    {background-image: url(images/argentinob.png)
                   ; width:122px ; height: 37px
                   ; background-repeat: no-repeat 
                   ; margin: -37px 0px 0px 360px ;}
                   
    .tdi           {background-image: url(images/tdi.png)
                   ; width:122px ; height: 37px
                   ; background-repeat: no-repeat 
                   ; margin: -37px 0px 0px 540px ;}
                   
    .separador     {background-image: url(images/separador.PNG) 
                   ; width: 984px
                   ; height: 50px
                   ; }
                   
    .leermas       {background-image: url(images/leermas.png)
                   ; width: 124px
                   ; height: 40px
                   ; margin: 12px 0px 12px 400px}
                   
    a              {color: green ; text-decoration: none ; }
    a:link         {}
    a:visited      {}
    a:hover        {color: black ; text-decoration: underline ; }
    a:active       {color: blue ; text-decoration: underline ; }

    Saludos....
    ya lo vi

    subiste los documentos a enlazar??????
    puedes mostrarnos como los tienes en la carpeta de internet con una captura?????
    ese error que sale
    es porque la ruta no es correcta
    debes asegurarte que el documento existe y que se llama tal cual lo indicas en el html

    sañludos
    Editado

    No te mando nada :C

    Bwuaja

    :lol:

    ¿Decis que ese error sale por que las secciones a enlazar aun no estan creadas?

    Entonces por ahora paro aca, y cuando tenga todas las secciones creadas y enlazadas, si tengo problemas, chiflo asi lo vemos
    :lol: no importa.

    Ya esta solucionado eso. Estaba usando capas para cada boton, ahora son imagenes que puse desde el HTML.

    Cualquier otro problema, escribo
    Bueeeeeeeeeeeeeeenu,otra vez.

    Me saqué la verdad. Tengo la capa contenido por un lado, le di una anchura predeterminada para que las letras no se salgan del monitor, la maneje bastante y quedo muy bien, al menos para mi gusto

    Ahora, a la derecha de la misma, quiero que en una capa aparte, haya otros datos

    Ya esta la capa creada , ya le tiré ordenes desde la hoja de estilos, ya le agregue contenido [Letras varias "lñjskfjoijcaoidj" , aunque probé con contenido real eh!]

    El problema es : A medida que la capa esa de "Datos" se va estirando por agregarle texto , la capa "Contenido" que esta a la izquierda va bajaaaaaaaaando.

    Bastante molesto

    Y ya no se que hacer. Le di 2000 variantes de Margin , anchuras predeterminada para esa capa, y no se cuantas cosas mas que me pusieron algo alterado :x

    Probe de todo en ambas capas y sigue pasando lo mismo. Incluso varias veces la capa contenido perdia las propiedades , pero eso ya esta

    La verdad no se que hago mal, asi que dejo el HTML y el CSS para que miren

    CÓDIGO HTML

    <html>
    
    <head>
    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    
    <script type="text/javascript">
    <!--
    clickaider_cid = "dc1ca250-14693";
    clickaider_page_tags = "futgol, futgol, futbol de ascenso, futbol argentino, torneo del interior, torneo argentino a, torneo argentino b, torneo argentino c, liga regional del sud, asac, union, talleres, real arroyo seco, alianza real duchinni, arroyo seco, santa fe, futbol santafesino, liga arroyo seco futbol";
    clickaider_track_links = "all";
    clickaider_track_forms = "all";
    // -->
    </script>
    <script type="text/javascript" src="http://hit.clickaider.com/clickaider.js"></script>
    <noscript>
    [img]http://hit.clickaider.com/pv?c=dc1ca250-14693[/img]
    </noscript>
    
    <title>Futgol - Torneo Del Interior - 5ta Fecha - Union 4 vs 1 Regatas de San Nicolas</title>
    
    </head>
    <body>
    
    <div id="global">
    
    [url="index.htm"]<div class="home"></div>[/url]
    [url="#"]<div class="contacto"></div>[/url]
    
    [url="index.htm"]<div id="cabecera"></div>[/url]
    
    <div id="menu" style="width: 974px; height: 31px">
    
    [url="liga.htm"][img]images/liga.png[/img][/url] [url="argentino_a.htm"][img]images/argentinoa.png[/img][/url] [url="argentino_b.htm"][img]images/argentinob.png[/img][/url] [url="tdi.htm"][img]images/tdi.png[/img][/url]
    
    </div>
    
    <div id="contenido"> 
    
    <div id="datos">Formaciones! 
    
    <p class="justificado">asdasd asdasd 
    asd asd sfdfdjgsiofjisfjdiosdjfosidjfoidf
    josfijidfjdsifjsifjdoifjdofijdiofjdofijdsi
    ofsdiofdsiojdfoisjfoisjfosijfidjfdofijsioj
    fdiofjdsiofjdsiofjdsiofjsidofjdsiofjsdiofj
    soijdofsdjiosdjfoisdjfiodjfidjfidjfoisjfod
    jsdfsfsdfsdfsdfsdfsdf</p></div
    
    <p class="justificado">Por la 5ta fecha del TDI, en Arroyo Seco se jugababa un partido CLAVE. El 
    Local, UNIÓN, puntero
    
    recibía a Regatas, que venia de 2 triunfos consecutivos y necesitaba un buen 
    resultado para
    
    continuar con chances de clasificar
    
    <p class="justificado">Antes del comienzo del encuentro se sabe 
    de la victoria del ASAC en Ramallo;
    
    hecho que no pasa inadvertido para ninguno de los dos : Ambos debían ganar
    
    pero mas que nada : Ninguno podía perder y en base a esto podemos resumir el 1er Tiempo
    
    que fue Chato y sin luces, con un Regatas mas prolijo a la hora de tener el balon
    
    pero que no lastimaba el arco de Galeti, y que apretaba todas las marcas cuando no lo tenia</p>
    
    <p class="justificado">Por parte de C.A.U : Con Zanchetta y Ruelli muy retrasados, 
    se le hacia dificil jugar y mucho mas dificil tener el balon. Abuso del pelotazo,y no formo las sociedades que tanto frutos le rindieron.
    
    Solo Tomei y Lopez se encontraban en alguna jugada, pero todas se diluian en centros, sin destino, o bien controlados por Dutruel.</p>
    
    
    
    Hasta los 37'...
    
    
    
    
    
    Alli se produce el quiebre con la unica sociedad que habia tenido Union: Doble pared entre Lopez y Tomei
    y es el numero 10 quien le pega desde fuera del area y pone el 1-0 en la primer jugada bien hecha del partido
    por parte de Union</p>
    
    
    
    Parecia que a Regatas se le quemaban los papeles, pero en el descuento es Ceballos quien desde un corner
    le pone la pelota en la cabeza a Yaworsky y el Nº 2 no falla.</p>
    
    
    
    [b]1-1[/b] , y asi se van al vestuarion con un Union mas preocupado y un Regatas mas que conforme con este empate.</p>
    
    
    
    La complementaria parecio ser otro partido: El local adelante sus fichas, sale a buscar la victoria
    y encuentra rapido la diferencia en los pies de Zanchetta, a los 4', quien aprovecha su posicion
    dejando a varios en el camino y definiendo : 2-1 a favor de C.A.U.</p>
    
    
    
    A los 15' se vuelven a juntar Tomei y Lopez, pero esta vez el 10 desborda y tira un centro mortal
    que es aprovechado por Ruelli : [b]3-1[/b]</p>
    
    
    
    8' mas tarde es "Maravilla" Sanchez el que vuelve a desnudar las defensas de Regatas y marca el [b]4-1[/b]</p>
    
    
    
    Faltaban mas de 20' que estuvieron de mas. Union levanto el pie del acelerador
    y Regatas cayo en la instrasendencia.</p>
    
    
    
    Un par de buenas intervenciones del 1 Local y final.</p>
    
    
    
    Punta y Clasificacion para [b]UNION[/b]</p>
    
    
    
    Preocupacion para Leo Lima: En la proxima, vuelve a Arroyo Seco, esta vez para enfrentarse a ASAC
    y esta OBLIGADO a sacar un buen resultado para clasificar</p>
    
    
    
    
    </div>
    
    <div id="pie"></div>
    
    </div>
    
    </body>
    
    </html>

    CÓDIGO CSS

    body {background-color: #FAFAD2 ; background-image: url(images/bg.png) ; }
    img {border-style: none ; }

    #global {width: 800px ; }

    #cabecera {background-color:
    #B0C4DE ;
    background-image: url(images/banner.png) ;
    width: 974px ;
    height: 117px ; }

    #menu {width: 974px ;
    height : 37px ;
    margin: 0px}


    #menu li {list-style: none ; }

    #contenido {float:left
    ;width: 590px
    ;text-align: justified
    ; color: #000060
    ; font-size:8pt
    ; font-family:Verdana
    ; margin-left:0px
    ; margin-right:0px
    ; margin-top:10px
    ; margin-bottom:0px}

    #datos {float:right
    ;width: 321px
    ;margin: 10px 0px 0px 650px}

    #pie {background-image: url(images/pie.png) ;
    width: 974px ;
    height: 73px;
    margin: 25px 0px 0px 0px ; }

    .centrado {text-align: center ; size: 14pt ; color: red ; }
    .textcent {text-align: center ; size: 10pt ; color: dark-blue ; }
    .justificado {text-align: justified ; }

    .home {background-image: url(images/inicio.png)
    ; width: 85px
    ; height: 28px
    ; background-repeat: no-repeat
    ; margin: 5px 0px -28px 10px}

    .contacto {background-image: url(images/contacto.png)
    ; width: 85px
    ; height: 28px
    ; background-repeat: no-repeat
    ; margin: 0px 0px 0px 145px}

    .separador {background-image: url(images/separador.PNG)
    ; width: 984px
    ; height: 50px
    ; }

    .leermas {background-image: url(images/leermas.png)
    ; width: 124px
    ; height: 40px
    ; margin: 12px 0px 12px 400px}

    .publicidad {width: 120px
    ;heigth : 600px
    ;float: left
    ;}

    a {color: green ; text-decoration: none ; }
    a:link {}
    a:visited {}
    a:hover {color: black ; text-decoration: underline ; }
    a:active {color: blue ; text-decoration: underline ; }
     
    
    Saludos
    "Naide" che?

    De todas maneras por el momento no los molesto mas. Tengo que RE DI SE ÑAR [Como putearia en este momento che...] para que quede de otra manera la pagina entera

    De todas maneras voy a tomar lo que ya tengo hasta el momento e ir cambiando propiedades y demás

    Gracias por la ayuda brindada hasta ahora

    P.D : No, no me voy a ir del foro ahora que ya no necesito ayuda con esto :lol: