frankliberia escribió:muchas gracias por contestarme, lo curioso es que he repasado la lección bien y esta es la línea de código en la que yo vario los datos del margin pero no cambia para nada la separación del texto en la capa
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margint: 3px 10px 3px 3px;
background-image: url(../imagenes/menu-parte-inferior.gif); background-position: bottom; padding-bottom:5px }
:(
mejor le envío todo el codigo de la página estilo-general.css
/* ESTA LINEA DEBE DE IR DE PRIMERO SIEMPRE PARA QUE NO SE DESORDENEN LOS MARGENES DE LA HOJA */
* {text-indent:0px ;margin:0px ;padding:0px ;border: 0px}
/* AQUÍ JUSTIFICAMOS LOS PARRAFOS */
p {text-align: justify}
/* LOS TITULOS SE DEFINEN CON LAS ETIQUETAS H1,H2... */
h1 {font-size: 1.5em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
/* PARA QUE QUEDE CENTRADA EN TODOS LOS NAVEGADORES*/
body{ text-align: center}
/*AQUI DEFINIMOS EL ANCHO DE LA PAGINA*/
#global {width:800px ; margin: 4px auto}
/* aquí insertamos la imagen que le va a dar bordes redondeados a la parte de arriba*/
#curva-superior { background-image: url(../imagenes/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#cabecera {border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {float:left; text-align:center;}
#publicidad {width:518px ; float:right}
/* MENU PRINCIPAL */
#navegacion {background-color: #D3D3D3 ; border: black 1px solid ; height:20px}
/*PARA EL MENÚ HORIZONTAL*/
#navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20px}
/* para centrar los elementos del menu horizontal*/
#navegacion ul { margin-left: 50px }
/* PARTE PRINCIPAL DE LA PAGINA */
#contenido {background-color: orange; border: 1px solid black}
/* PARA QUE EL PARRAFO NO QUEDE PEGADO AL MARGEN DE LA CAPA Y EL TEXT-IDENT ES PARA TABULAR EL INICIO DE CADA PARRAFO */
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
/* LA PARTE DEL ; background-position: bottom es para que se pueda ver el borde de abajo de la imagen*/
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margint: 3px 10px 3px 3px;
background-image: url(../imagenes/menu-parte-inferior.gif); background-position: bottom; padding-bottom:5px }
/* AQUI LE DECIMOS QUE QUEREMOS EL MENÚ SIN NINGUN ESTILO DE PUNTOS O GUIONES, Y LE PONEMOS LOS */
/* MARGENES QUE NOS GUSTEN */
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
/*Características para el titulo del menu*/
#menu h1 {text-decoration:none ; font-size:14px;
background-image: url(../imagenes/menu-parte-superior.gif)}
#pie {background-color: brown; border-left: black 1px solid ; border-right: black 1px solid}
#curva-inferior { background-image: url(../imagenes/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
/* AQUI DEFINIMOS LOS COLORES QUE TENDRÁN LOS LINKS EN SUS DIFERENTES ESTADOS, la caracteristica de display:block*/
/*es para que en cualquier parte que se situe el cursor en direccion del iten el link se active y no si solamente*/ /*nos posicionamos en el texto */
a {color: #1E90FF ; text-decoration:none ; display: block }
a:link {}
a:visited {color:black}
a:hover {color:red; text-decoration:underline; background-color: silver}
a:active {}
encontrará algunas cosas diferentes, por ejemplo he puesto tres imágenes en la parte del logotipo. también puede visitar la página para que observe el problema. (ciclotallerfrank.iespana.es)
Desde ya le agradezco su colaboración, que tenga un buen día o noche depende donde habite :D
Hola:
Espero no se enfade por lo que le voy a comentar, pero creo que usted tiene un index.html, luego usted tiene una hoja de estilo llamada estilos.css que es la que le da ordenes a su pagina index, y usted en su pagina index tiene relacionada esa pagina index con esa hoja de estilo llamada estilos.css, ¿cómo la tiene relacionada?.
Pues con ese <link rel="stylesheet" href="estilos.css"type="text/css"
media="all">.
Así, esa página index.html puede recibir las ordenes de esa hoa¡ja de estilo.
Eso es todo lo que tiene que tener en eso.
Luego usted hace una pagina a la que llama plantilla,
y hace una hoja de estilo a la que llama estilo-general.css
ahora para que esa pagina plantilla.html reciba las ordenes que le dará esa hoja de estilo llamada estilo-general.css, ¿Qué debiera de hacerse?
Pues relacionar la pagina plantilla.html con esa hoja de estilo-general.css .
Ahora yo le pregunto a usted :
¿Dónde , y en qué parte debiera de relacionar esa página plantilla con esa hoja de estilo-general?.
Pues al igual como hizo con el index.html. Eso significa que usted en la pagina plantilla debe poner entre el <head> y el </head>, lo siguiente:
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">.
Así esa pagina plantilla podrá recibir las ordenes que le de desde
esa hoja de estilo-general.css.
Pero como le dije en un spot anterior, usted sigue teniéndo mezcladas las ordenes que deben recibir las paginas de sus correspondientes hojas de estilo.
Le repito:
La pagina index.html, debe recibir ordenes de la hoja de estilo llamada estilos.css
La página plantilla.html, debe recibir ordenes de la hoja de estilo llamada estilo-general.css
Y en este momento usted tiene la pagina index recibiéndo ordenes de la hoja de estilo llamada estilos.css, (y eso está bien)
Pero usted tiene a la pagina plantilla.html recibiéndo ordenes de esa misma hoja de estilo llamada estilos.css y no de la que debiera recibir las ordenes, que sería de la hoja de estilo llamada estilo-general.css.
Con esto quiero decirle que usted ha creado una hoja de estilo llamada estilo-general.css pero que no tiene relacion con ninguna pagina.
Usándo una palabra un poco vulgar, -- solo la tiene de adorno--.
Le sugiero que revise bien con que hoja de estilo tiene usted relacionada la pagina plantilla, porque por ahora de la única que está recibiéndo ordenes es de la hoja de estilo llamada estilos.css.
Por esa razón , haga lo que haga usted en la hoja de estilo-general, la pagina plantilla no le hace ningun caso
Saludos
PD.
Fuera de todo eso, usted ha puesto varias cosas en la página, cuando todavía falta estructurar bien esa página plantilla, como por ejemplo la capa contenido, esa debe llevar ciertas propiedades y valores para que la estructura de esa pagina funcione bien.
Por eso es bueno primero estructurar bien la pagina, y después ir poniéndole las cosas que uno quiere ponerle.
