Entrar

problemas en mi archivo .css

balbo · · Solicitar retirada
En el html kit estoy diseñando mi web que consta de una pagina principal, una segunda pagina y 4 accesos en una barra de navegacion dentro de esta segunda pagina.
El contenido de los accesos es diferente, pero el resto es identico.
Mi problema es que cuando entro en cada uno de los accesos veo que todos son completamente diferentes, es decir, lo que deberia de ser igual en cada uno de los accesos me sale de una forma diferente. ¿Que debo hacer? ¿Alguien sabe el problema y la solucion?
Foley · · Solicitar retirada
Lo tienes subido a internet para verlo? Es que si usas la misma hoja de estilos y tienes bien todo el html se te tiene que ver igual, solo debe cambiar el contenido.
balbo · · Solicitar retirada
aun no lo tengo subido a internet. no es la misma hoja de estilo, pero son copias identicas excepto lo que quiero variar. lo malo es que lo que varia es, tanto lo que yo quiero que sea diferente como lo que debe ser identico
Yaneth · · Solicitar retirada
es imposible ayudarte con tan pocos datos

debes darnos toda la ayuda posible

pega aqui el contenido de tus html y css

saludos
balbo · · Solicitar retirada
* {text-indent:0px ; 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 {background-color:#C6E2FF ; 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:65px}
#publicidad {background-color: white; border-left: black 1px solid ;
border-right: black 1px solid ;width:800px ; float:center }
#logotipo {background-color: thistle ; border-left: black 1px solid ;
border-right: black 1px solid ; border-top: black 1px solid ;
border-bottom: black 1px solid ; width:800px ; height:65px ;
float:center ; margin-center:25px ; font-size: 50px }
#contenido {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; width: 800px }
#contenido p {margin: 10px 20px 2px 20px ; text-indent: 30px}
#contenido li {list-style: none ; font-size: 10px }
#menu {width: 150px ; float:left ;
text-align:left ; margin: 6px 20px 6px 6px ;
background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 8px 2px 8px 12px}
.centrado {text-align:center}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px }
#navegacion {background-color: blue ; border: black 1px solid ; height:20px; width: 800px}
#navegacion li {float:center ; list-style:none ; margin: 0px 20px 0px 20px; font-size:12px}
#navegacion ul { margin-left: 40px }
#publicidad {width:800px ; ; height:65px; float:center }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: green ; text-decoration:none ; display: block }
a:link {color:green ; text-decoration:none}
a:visited {}
a:hover {color:red ; text-decoration:none ; background-color: white}
a:active {}
#pie a {color: red; 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 {}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title></title>
<link rel="stylesheet" href="estilogeneral-a.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
</div>
<div id="publicidad"></div>
<div id="logotipo">[contenido no disponible]</div>
</div>

<div id="contenido">



<h1>Artículos de Prensa</h1>
<a class="enlaceuno"</a>
<a class="enlacedos"</a>
<a class="enlacetres"</a>
<a class="enlacecuatro"</a>
<div id="navegacion">
<ul>
  • Volver

    </div>

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

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

    * {text-indent:0px ; 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 {background-color:#C6E2FF ; 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:65px}
    #publicidad {width:280px ; float:center }
    #logotipo {background-color: thistle ; border-left: black 1px solid ;
    border-right: black 1px solid ; border-top: black 1px solid ; border-bottom: black 1px solid ; width:800px ; height:65px ; float:center ; margin-center:25px ; font-size: 50px }
    #contenido {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; width: 800px }
    #contenido p {margin: 10px 20px 2px 20px ; text-indent: 30px}
    #contenido li {list-style: none ; font-size: 10px }
    #menu {width: 150px ; float:left ;
    text-align:left ; margin: 6px 20px 6px 6px ;
    background-position: bottom ; padding-bottom:5px}
    #menu li {list-style:none ; margin: 8px 2px 8px 12px }
    .centrado {text-align:center}
    #menu h1 {text-decoration:none ; font-size:10px ; padding-top:12px }
    #navegacion {background-color: blue ; border: black 1px solid ; height:20px; width: 800px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px; font-size: 12px}
    #navegacion ul { margin-left: 40px }
    #publicidad {width:280px ; ; height:65px; float:center }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: white ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: white}
    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 {}
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    <title></title>
    <link rel="stylesheet" href="estilogeneral-c.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">

    <div id="curva-superior"></div>
    <div id="cabecera"></div>
    </div>
    <div id="publicidad">
    <div id="logotipo">[contenido no disponible]</div>
    </div>

    <div id="contenido">



    <h1>Colaboradores</h1>
    <div><div id="navegacion">
    <ul>
  • Volver

    </div>

    <div><div id="publicidad"></div>
    </div>

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

    Aqui van 2 de mis 4 enlaces. No se si valdra esta informacion. si es necesario algo mas informarme, por favor. Gracias
    • Yaneth · · Solicitar retirada
    pero tendriamos que adivinar que es lo que consideras es incorrecto,

    danos mas detalles, no se, tal vez capturas de pantalla, dibujitos, etc etc

    si la tuvieras en la red, seria mucho mas sencillo dandonos la url

    saludos
    Yaneth · · Solicitar retirada
    en este mismo foro, en la parte de arriba hay un post, que te dice como hacerlo

    saludos
    balbo · · Solicitar retirada
    Lo que falla es la barra de navegacion, que sale mas ancha de lo que tengo puesto en algunos de los accesos cuando pongo la palabra "volver" en el centro (cosa que tambien falla porque sale un poco mas a la derecha del centro). En otro de los accesos la palabra "volver" sale de otro color. Otro fallo es que me desaparece el color de fondo de la parte del logotipo (sin desaparecer el logotipo). Esto ocurre nada mas que en uno de los accesos. Estos son los fallos principales que tengo

    Siento mucho no tener la web en la red para facilitaros vuestra ayuda hacia mi. Aqui pongo unas imagenes de los fallos por si vale de algo. Si eso no funciona o no consigo hacer que salgan las imagenes ruego que me lo digais para intentarlo de nuevo. Lo que pongo en rojo es lo que considero que esta bien y lo que considero que esta mal. Muchisimas gracias.
    http://img215.imageshack.us/i/dibujo4oh.jpg/
    http://img241.imageshack.us/i/dibujo2z.jpg/
    http://img444.imageshack.us/i/dibujo3bp.jpg/
    http://img85.imageshack.us/i/dibujo1bv.jpg/
    Yaneth · · Solicitar retirada
    aqui

    <a class="enlaceuno"></a>
    <a class="enlacedos"></a>
    <a class="enlacetres"></a>
    <a class="enlacecuatro"></a>

    olvidaste cerrar en rojo te puse lo que falta

    ok, vamos con la barra de navegacion tomé la primera hoja de estilos, y el primer html ok???

    tienes esto: en rojo, esos cierres de que son???? si no me equivoco, el segundo es el que era el cierre cabecera, borraste el div que abre, pero no el que cierra
    <body>
    <div id="global">

    <div id="curva-superior"></div>
    </div>
    <div id="publicidad"></div>
    <div id="logotipo">[contenido no disponible]</div>
    </div>

    <div id="contenido">

    y creo que deberias cerrar contenido antes de abrir navegacion
    checa bien los codigos, tienes muchos fallos
    tienes muchos "center" en css, y esa opcion no es valida

    en css aqui es donde le das el color al texto del enlace
    a {color: green ; text-decoration:none ; display: block }

    saludos