Hola, ya estoy de nuevo pidiendo vuestra ayuda.
La pagina va avanzando, pero me he encontrado con otros problemas.
He creado otros DIV dentro de la capa contenido, el central y otro a la derecha.
Como no sabia muy bien como poner el tituto noticias, he creado otra Div(actualidad) y como no sabia degradar el color de fondo he puesto una imagen de fondo que parece un degradado. COSAS DE NOVATO para salir del paso.
PREGUNTAS
¿Como pongo las imagenes a la izquierda de la capa o sea al lado del borde izquierdo? Hay bastante espacio para mi gusto.
Como puedo escribir un titulo y luego texto como una explicacion y que la imagen no se vuelva loca y se mueva o que el texto se vuelva loco.
Como voy separando las noticias??, dentro del mismo DIV ACTUALIADAD creando otros DIV que queden debajo de el, creando una lista de DIV (esto lo he visto en alguna pagina) o cual es la forma mas sencilla para que quede bien?
Tengo mas preguntas pero para empezar, ya me vale.
Gracias.
Os dejo la pagina de la cual necesito ayuda.
[url]http://www.santamariadeolarizu.org/plantilla.html
Una par que os hagais una idea
[url]http://www.diocesisvitoria.org/
y mi codigo CSS
La pagina va avanzando, pero me he encontrado con otros problemas.
He creado otros DIV dentro de la capa contenido, el central y otro a la derecha.
Como no sabia muy bien como poner el tituto noticias, he creado otra Div(actualidad) y como no sabia degradar el color de fondo he puesto una imagen de fondo que parece un degradado. COSAS DE NOVATO para salir del paso.
PREGUNTAS
¿Como pongo las imagenes a la izquierda de la capa o sea al lado del borde izquierdo? Hay bastante espacio para mi gusto.
Como puedo escribir un titulo y luego texto como una explicacion y que la imagen no se vuelva loca y se mueva o que el texto se vuelva loco.
Como voy separando las noticias??, dentro del mismo DIV ACTUALIADAD creando otros DIV que queden debajo de el, creando una lista de DIV (esto lo he visto en alguna pagina) o cual es la forma mas sencilla para que quede bien?
Tengo mas preguntas pero para empezar, ya me vale.
Gracias.
Os dejo la pagina de la cual necesito ayuda.
[url]http://www.santamariadeolarizu.org/plantilla.html
Una par que os hagais una idea
[url]http://www.diocesisvitoria.org/
y mi codigo CSS
* {margin:0px ; margin:0px; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; 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}
body {text-align: center}
#global {width: 800px ; margin: 4px auto }
#curva-superior { background-image: url(IMAGENES/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 }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 90px}
#contenido {width:auto; height: 570px; background-color: white; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: white; width: 180px ; float:left; text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(IMAGENES/menu-parte-inferior-1.gif) ; background-position: bottom ; padding-bottom:20px }
#menu li { list-style:none ; font-size:14px; margin: 4px 8px 4px 6px; line-height:14px; font-family:Garamond}
#menu h1 {text-decoration:none ; font-size:10px ; background-image: url(IMAGENES/menu-curva-superior-1.gif) ; padding-top:11px ; color:black; font-family:"Lucida Handwriting"}
#menu h2 {text-decoration:none ; font-size:10px ; padding-top:11px ; color:black; font-family:"Lucida Handwriting" }
#actualidad {background-image: url(imagenes/fondo023.jpg); width: 360px ; float:left; text-align:justify ; margin: 15px 10px 5px 0px; border-bottom: black 2px solid}
#noticias {background-color: #EED5D2; width: 360px ; float:left; text-align:justify ; margin: 10px 10px 20px 0px ; border: black 1px solid}
#noticias h2 {text-decoration:none ; font-size:14px ; padding-top:14px ; color:black; font-family:"Arial" }
#fijo {background-color: white; width: 211px ; float:left; text-align:justify ; margin: 10px 10px 20px 10px ; border: black 1px solid}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px}
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px}
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px}
#curva-inferior { background-image: url(IMAGENES/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ;
height: 12px ; overflow : hidden}
#menu a {color: #551A8B; text-decoration: none}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: #000000; text-decoration: underline; background-color: #D3D3D3}
#menu a:active
#pie a {color: blue; text-decoration:none }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:none ; background-color: white }
#pie a:active {color:black}
#navegacion a {color:white; text-decoration:none }
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:black; text-decoration:none }
#navegacion a:active {color:black}