hola a todos:
antes que nada, deciros que por vuestra culpa estoy consiguiendo hacer mi primera web, así que ¡muchas gracias! :D
y ahora, os cuento mi problema: resulta que me he hecho una página con enlaces hover cambiantes y demás, que es la mar de molona, pero a pesar de decirle en la tabla de estilos que el body tenga el fondo negro, me lo pone naranja! :shock: desesperado como estaba, le he dicho en la tabla de estilos que todos los divs tengan el fondo negro, y eso ha mejorado algo el tema, pero sigue habiendo partes naranjas en la capa contenido. ¿alguien sabe cómo podría solucionar esto?
os adjunto el texto del html y del css. muchas gracias.
ahí va el html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>montajes de cuatro gatos</title>
<link rel="stylesheet" href="plantilla.css" type="text/css"
media="all">
<title>cuatrogatos</title>
<link rel="stylesheet" href="estilo-pg1.css" type="text/css"
media="all">
<script language="Javascript" type="text/javascript">
<!-- Ocultar guión a navegadores antiguos
/**************************************************************************************************
* Este script está realizado por Maestro Html y se distribuye con esta licencia: *
* http://creativecommons.org/licenses/by-nc-sa/2.5/es/ *
* ******NO ELIMINAR ESTA CABECERA****** *
* Recuerden entrar en: *
* http://destellosolutions.idoo.com/ - Soluciones de todo tipo *
***************************************************************************************************/
if (document.images) {
// Comprobamos si la versión de Javascript del usuario permite manipular imágenes
// Si es así definimos las imágenes
abhamarillo = new Image
abhnegro = new Image
piedraama = new Image
piedranegro = new Image
lsamarillo = new Image
lsnegro = new Image
abhamarillo.src = "objetos/AbhR.gif"
abhnegro.src = "objetos/Abh.gif"
piedraama.src = "objetos/EtpR.gif"
piedranegro.src = "objetos/Etp.gif"
lsamarillo.src = "objetos/LsR.gif"
lsnegro.src = "objetos/Ls.gif"
}
else {
// Si no es así definimos las variables sin nada para que no de errores en los navegadores antiguos
abhamarillo = "objetos/AbhR.gif"
abhnegro = "objetos/Abh.gif"
document.abh = "objetos/Abh.gif"
piedraama = "objetos/EtpR.gif"
piedranegro = "objetos/Etp.gif"
document.piedra = "objetos/Etp.gif"
lsamarillo = "objetos/LsR.gif"
lsnegro = "objetos/Ls.gif"
document.cambiante = "objetos/Ls.gif"
}
// Dejar de ocultar guión a navegadores antiguos -->
</script>
</head>
<body>
<div id="global">
<div id="cabecera">
<p class="izquierda"><img alt="cuatro gatos-blanco (14K)" src=
"objetos/cuatro%20gatos-blanco.gif" height="60" width="144"></p>
</div>
<div id="contenido">
<div id="menu">
<ul>
<p class="izquierda"><a href="hoja1.htm">noticias y
funciones</a></p>
<p class="izquierda"><a href="quienessomos.html">¿quienes
somos?</a></p>
<p class="izquierda">montajes</p>
<p class="izquierda">componentes</p>
<p class="izquierda"><a href="#.html">grandes
momentos</a></p>
<p class="izquierda">contacta</p>
</div>
<div id="encartel">
<h1><p class="izquierda">montajes en cartel</h1></p>
<div id="abuenashoras">
<p class="izquierda"><a href="#.html">A BUENAS
HORAS</a></p>
<div id="imagen">
<p class="izquierda">[contenido no disponible]</p>
</div>
<div id="texto">
<p class="justificado">John Clayton, viendo llegar su última hora, decide emprender un viaje desesperado en
busca de su primer y único amor, perdido cuarenta años atrás.
Definida por su autor, Pablo Canela, como una tragicomedia
sórdida, la obra está salpicada por unos personajes a veces excesivos, otras despreciables y en
contadas ocasiones, tiernos.
El resultado final es una comedia salvaje
que invita al espectador a reflexionar sobre el amor y el paso del
tiempo.
El montaje ha recibido numerosos premios en los festivales y
certámenes para los que ha sido seleccionado, marcando un
antes y un después en la trayectoria de Cuatro Gatos
Teatro.</p>
</div>
</div>
</br>
<div id="elteatrodepiedra">
<p class="izquierda">EL TEATRO DE PIEDRA</p>
<div id="imagen">
<p class="izquierda">[contenido no disponible]</p>
</div>
<div id="texto">
<p class="justificado">El teatro de piedra es un montaje ambientado en el final de la República Romana, centrándose en la lucha que mantuvieron Pompeyo y César por hacerse con el poder.
La obra es una reflexión acerca de los mecanismos que utilizan los poderosos para manipular la memoria de los hombres y tergiversar la historia, todo ello tratado desde una original perspectiva, que divide la obra en dos partes con tratamientos diametralmente opuestos: el drama y la comedia.
Este montaje es, hasta la fecha, la apuesta más ambiciosa de Cuatro Gatos Teatro y resulta un espectáculo rompedor y arriesgado, completamente atípico en el mundo teatro aficionado.</p>
</div>
</div>
</div>
<div id="encartel">
<h1><p class="izquierda">una mirada atrás</h1></p>
<div id="imagen">
<p class="izquierda">[contenido no disponible]</p>
</div>
<div id="texto">
<p class="justificado">En esta sección puedes consultar algunos de nuestros montajes anteiores. Todos tenemos un pasado y Cuatro Gatos no podía ser menos. Clica en el retrovisor y echa una mirada atrás.</p>
</div>
</div>
</div>
<div id="pie">
Cuatro Gatos Teatro. Avda. de Pino Montano nº 33, 3º
puerta 3. 41008. SEVILLA. ESPAÑA.</p>
[correo eliminado]</p>
</div>
</div>
</body>
</html>
y ahora el css:
body {background-color: #000000; font-family: "isocpeur"; color:#FFFFFF;text-align:center}
img {border-style: none}
.centrado {text-align:center}
.izquierda {text-align:left}
.derecha {text-align:right}
.justificado {text-align:justify}
.negro {background-color:#000000}
#cabecera {background-color:#000000; text-decoration:none; margin:10px 0px 10px 12px}
#contenido {background-color: #000000; width: 800px}
#global {width:800px ; margin: 4px auto; background-color:#000000}
#menu li {list-style:none; background-color:#000000}
* {margin:0px ; padding:0px ; border: 0px}
a {color:#FFFFFF; text-decoration:none}
a:hover {color:#FFFF00; text-decoration:none}
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: #000000; float:left; width:200px; decoration:none}
#pie {background-color: #000000; decoration:none; font-size:0.7em}
h1 {font-size:1.5em; color:white}
h2 {font-size:1.2em; color:white}
a {display:block}
#imagen {background-color: #000000; float:left; width:300px; decoration:none}
#texto {background-color: #000000; float:left; width:300px; decoration:none; font-size:0.85em}
#encartel {background-color: #000000; margin:0px 0px 0px 200px}
#abuenashoras {background-color: #000000}
#elteatrodepiedra {background-color: #000000;}
antes que nada, deciros que por vuestra culpa estoy consiguiendo hacer mi primera web, así que ¡muchas gracias! :D
y ahora, os cuento mi problema: resulta que me he hecho una página con enlaces hover cambiantes y demás, que es la mar de molona, pero a pesar de decirle en la tabla de estilos que el body tenga el fondo negro, me lo pone naranja! :shock: desesperado como estaba, le he dicho en la tabla de estilos que todos los divs tengan el fondo negro, y eso ha mejorado algo el tema, pero sigue habiendo partes naranjas en la capa contenido. ¿alguien sabe cómo podría solucionar esto?
os adjunto el texto del html y del css. muchas gracias.
ahí va el html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>montajes de cuatro gatos</title>
<link rel="stylesheet" href="plantilla.css" type="text/css"
media="all">
<title>cuatrogatos</title>
<link rel="stylesheet" href="estilo-pg1.css" type="text/css"
media="all">
<script language="Javascript" type="text/javascript">
<!-- Ocultar guión a navegadores antiguos
/**************************************************************************************************
* Este script está realizado por Maestro Html y se distribuye con esta licencia: *
* http://creativecommons.org/licenses/by-nc-sa/2.5/es/ *
* ******NO ELIMINAR ESTA CABECERA****** *
* Recuerden entrar en: *
* http://destellosolutions.idoo.com/ - Soluciones de todo tipo *
***************************************************************************************************/
if (document.images) {
// Comprobamos si la versión de Javascript del usuario permite manipular imágenes
// Si es así definimos las imágenes
abhamarillo = new Image
abhnegro = new Image
piedraama = new Image
piedranegro = new Image
lsamarillo = new Image
lsnegro = new Image
abhamarillo.src = "objetos/AbhR.gif"
abhnegro.src = "objetos/Abh.gif"
piedraama.src = "objetos/EtpR.gif"
piedranegro.src = "objetos/Etp.gif"
lsamarillo.src = "objetos/LsR.gif"
lsnegro.src = "objetos/Ls.gif"
}
else {
// Si no es así definimos las variables sin nada para que no de errores en los navegadores antiguos
abhamarillo = "objetos/AbhR.gif"
abhnegro = "objetos/Abh.gif"
document.abh = "objetos/Abh.gif"
piedraama = "objetos/EtpR.gif"
piedranegro = "objetos/Etp.gif"
document.piedra = "objetos/Etp.gif"
lsamarillo = "objetos/LsR.gif"
lsnegro = "objetos/Ls.gif"
document.cambiante = "objetos/Ls.gif"
}
// Dejar de ocultar guión a navegadores antiguos -->
</script>
</head>
<body>
<div id="global">
<div id="cabecera">
<p class="izquierda"><img alt="cuatro gatos-blanco (14K)" src=
"objetos/cuatro%20gatos-blanco.gif" height="60" width="144"></p>
</div>
<div id="contenido">
<div id="menu">
<ul>
<p class="izquierda"><a href="hoja1.htm">noticias y
funciones</a></p>
<p class="izquierda"><a href="quienessomos.html">¿quienes
somos?</a></p>
<p class="izquierda">montajes</p>
<p class="izquierda">componentes</p>
<p class="izquierda"><a href="#.html">grandes
momentos</a></p>
<p class="izquierda">contacta</p>
</div>
<div id="encartel">
<h1><p class="izquierda">montajes en cartel</h1></p>
<div id="abuenashoras">
<p class="izquierda"><a href="#.html">A BUENAS
HORAS</a></p>
<div id="imagen">
<p class="izquierda">[contenido no disponible]</p>
</div>
<div id="texto">
<p class="justificado">John Clayton, viendo llegar su última hora, decide emprender un viaje desesperado en
busca de su primer y único amor, perdido cuarenta años atrás.
Definida por su autor, Pablo Canela, como una tragicomedia
sórdida, la obra está salpicada por unos personajes a veces excesivos, otras despreciables y en
contadas ocasiones, tiernos.
El resultado final es una comedia salvaje
que invita al espectador a reflexionar sobre el amor y el paso del
tiempo.
El montaje ha recibido numerosos premios en los festivales y
certámenes para los que ha sido seleccionado, marcando un
antes y un después en la trayectoria de Cuatro Gatos
Teatro.</p>
</div>
</div>
</br>
<div id="elteatrodepiedra">
<p class="izquierda">EL TEATRO DE PIEDRA</p>
<div id="imagen">
<p class="izquierda">[contenido no disponible]</p>
</div>
<div id="texto">
<p class="justificado">El teatro de piedra es un montaje ambientado en el final de la República Romana, centrándose en la lucha que mantuvieron Pompeyo y César por hacerse con el poder.
La obra es una reflexión acerca de los mecanismos que utilizan los poderosos para manipular la memoria de los hombres y tergiversar la historia, todo ello tratado desde una original perspectiva, que divide la obra en dos partes con tratamientos diametralmente opuestos: el drama y la comedia.
Este montaje es, hasta la fecha, la apuesta más ambiciosa de Cuatro Gatos Teatro y resulta un espectáculo rompedor y arriesgado, completamente atípico en el mundo teatro aficionado.</p>
</div>
</div>
</div>
<div id="encartel">
<h1><p class="izquierda">una mirada atrás</h1></p>
<div id="imagen">
<p class="izquierda">[contenido no disponible]</p>
</div>
<div id="texto">
<p class="justificado">En esta sección puedes consultar algunos de nuestros montajes anteiores. Todos tenemos un pasado y Cuatro Gatos no podía ser menos. Clica en el retrovisor y echa una mirada atrás.</p>
</div>
</div>
</div>
<div id="pie">
Cuatro Gatos Teatro. Avda. de Pino Montano nº 33, 3º
puerta 3. 41008. SEVILLA. ESPAÑA.</p>
[correo eliminado]</p>
</div>
</div>
</body>
</html>
y ahora el css:
body {background-color: #000000; font-family: "isocpeur"; color:#FFFFFF;text-align:center}
img {border-style: none}
.centrado {text-align:center}
.izquierda {text-align:left}
.derecha {text-align:right}
.justificado {text-align:justify}
.negro {background-color:#000000}
#cabecera {background-color:#000000; text-decoration:none; margin:10px 0px 10px 12px}
#contenido {background-color: #000000; width: 800px}
#global {width:800px ; margin: 4px auto; background-color:#000000}
#menu li {list-style:none; background-color:#000000}
* {margin:0px ; padding:0px ; border: 0px}
a {color:#FFFFFF; text-decoration:none}
a:hover {color:#FFFF00; text-decoration:none}
#contenido p {padding: 5px 10px 5px 10px}
#menu {background-color: #000000; float:left; width:200px; decoration:none}
#pie {background-color: #000000; decoration:none; font-size:0.7em}
h1 {font-size:1.5em; color:white}
h2 {font-size:1.2em; color:white}
a {display:block}
#imagen {background-color: #000000; float:left; width:300px; decoration:none}
#texto {background-color: #000000; float:left; width:300px; decoration:none; font-size:0.85em}
#encartel {background-color: #000000; margin:0px 0px 0px 200px}
#abuenashoras {background-color: #000000}
#elteatrodepiedra {background-color: #000000;}
