aridrobo escribió:Raulyure escribió:
Sería bueno que pegara en un mensaje todo lo que ha puesto en su hoja de estilo y todo lo que ha puesto en su página para ver con mas propiedad si hay algun problema en los códigos.
Saludos
----------------------------------------------
aridrobo escribió:
hola Gracias por la oportuna y rapida respuesta,
pues aqui esta todo lo que he puesto en mi pagina y hoja de estilos:
codigo de mi pagina
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</div>
</a>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Sección 1
Sección 2
Sección 3
Sección 4
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Título de Sección 1</h1>
Enlace 1Enlace 2Enlace 3Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>
Ya sabemos que gracias a la Hoja de Estilos, podemos cambiar el tamaño de la letra de toda la web, podemos varias
los aspectos de los enlaces, los fondos de ciertos elementos, etc, etc sin más que poner la propiedad correspondiente.
Pero para eso, todas las partes del contenido de la página web deben "ser algo". Si son enlaces modificaremos la etiqueta
"a", si son párragos la etiqueta "p", pero, qué etiqueta hemos de modificar para cambiar las propiedades del texto de la
parte principal de nuestra plantilla? Aquella en la que pone "Esta será la zona principal de la web"?</p>
<h2>Y este el mi tercer párrafo.</h2>
Tras esta aclaración, vamos a incluir un par de párrafos más a continuación de ese. Ya sabes, has de poner y
al principio y al final de cada uno para que el navegador sepa donde empiezan y terminan. Escribe un par de párrafos que
tengan bastante texto, al menos lo suficiente como para sobrepasar lo que ocupa el menú de la izquierda.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
codigo de mi hoja de estilos
* {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 {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; font-size: 16px}
#navegacion {background-color: gray; border: black 1px solid; height:24px }
#navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20px }
#navegacion ul {margin-left: 180px}
#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 {background-color: yellow; width: 150px ;
float:left;
text-align:left; margin: 3px 10px 3px 3px;
background-image: url(objetos/menu-parte-inferior3.gif);
background-position: bottom;
padding-bottom:5px }
#menu li {list-style:none; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none; font-size:12px; background-image: url(objetos/menu-curva-superior3.gif)}
#pie {background-color: white;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid}
#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 {}
pdt:
te aclaro que estoy utilizando firefox version 3.1 y opera version 9.5
no se si eso tenga que ver algo.
muchas gracias.
Hola:
No es que me haya olvidado de usted, pero es que he tenido un pequeño deslíz con el Firefox y claro, para revisar la página necesito que me funcione el Firefox, en cuanto al Opera yo no lo tengo, así que de ello no puedo opinar, si aún no lo ha arreglado seguro que habrá por acá alguien que pueda ayudarle por mientras, lo lamento
Saludos
