Hola, ya esoy de nuevo por el foro con alguna duda.
Se que para poner la sangria en un parrafo, debo poner
#escritos p {text-indent:10px} por ejemplo, pero y si en una carta por ejemplo tengo mas parrafos como puedo hacer que todos ellos tengan la sangria.
Se que si en HTML a cada parrafo lo meto entre p y p me lo haria, pero si tengo toda una carta entre p y p no seria mas facil, si es que se puedo poner algo en HTML para que me lo hicera y no en la hoja de estilos.
La verdad es que no se del todo si me he explicado bien, os pondre los codigos de un ejemplo.
Por otro lado un conejos que tipos de letras me aconsejais para trabjar texto, titulos, etc..... lo digo por los diferentes navegadores, ¿que letras cojen con mas facilidad?
Gracias de nuevo a tod@s.
CODIDOS DEL EJEMPLO
HTML
CSS
Creo que con los codigos lo entendereis mejor. La idea es que despues de los
los parrafos empezasen con SANGRIA.
GRACIAS
Se que para poner la sangria en un parrafo, debo poner
#escritos p {text-indent:10px} por ejemplo, pero y si en una carta por ejemplo tengo mas parrafos como puedo hacer que todos ellos tengan la sangria.
Se que si en HTML a cada parrafo lo meto entre p y p me lo haria, pero si tengo toda una carta entre p y p no seria mas facil, si es que se puedo poner algo en HTML para que me lo hicera y no en la hoja de estilos.
La verdad es que no se del todo si me he explicado bien, os pondre los codigos de un ejemplo.
Por otro lado un conejos que tipos de letras me aconsejais para trabjar texto, titulos, etc..... lo digo por los diferentes navegadores, ¿que letras cojen con mas facilidad?
Gracias de nuevo a tod@s.
CODIDOS DEL EJEMPLO
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unidad Pastoral Santa Maria de Olarizu-Caritas</title>
<link rel="stylesheet" href="paginas.css" type="text/css" media="all">
<style type="text/css">
<!--
.Estilo1 {color: #E2E2E2}
-->
</style>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[url="plantilla.html"][img]IMAGENES/logotipoprueba.jpg[/img][/url]</div>
<div id="publicidad">[img]IMAGENES/banner.jpg[/img]</div>
</div>
<div id="navegacion">
<ul>
[*][url="quesomos.html"]Que somos[/url]
[*][url="dondeestamos.html"]Donde estamos[/url]
[*][url="contactos.html"]Contacto[/url]
[*][url="docinteres.html"]Documentos de interes[/url]
[*][url="foro.html"]Foro[/url]
[*][url="plantilla.html"]Inicio[/url]
[/list]
</div>
<div id="contenido">
<div id="menu">
<ul><h1>EDUCACION EN LA FE</h1>
[*] [url="catequesis.html"]Catequesis Familiar[/url]
[*] [url="pastoraljovenes.html"]Pastoral con Jovenes[/url]
[*] [url="pastoraladultos.html"]Pastoral con Adultos[/url]
[*] [url="pastoralfamiliar.html"]Pastoral Familiar[/url]
<h2>CELEBRACION DE LA FE Y LITURGIA </h2>
[*] [url="liturgia.html"]Comisión de Liturgia[/url]
[*] [url="oraciongrupal.html"]Experiencia de oración grupal[/url]
<h2>SOCIO CARITATIVA </h2>
[*] [url="caritas.html"]Caritas[/url]
[*] [url="social.html"]Comisión Social[/url]
[*] [url="mayores.html"]Comisión de Mayores y Enfermos[/url]
[*] [url="misiones.html"]Misiones y Solidaridad[/url]
[*] [url="penitenciaria.html"]Pastoral Penitenciaria[/url]
<h2>COORDINACION Y COMUNION</h2>
[*] [url="economica.html"]Comisión Economica[/url]
[*] [url="agentes.html"]Agentes de Pastoral[/url]
[*] [url="consejo.html"]Consejo Pastoral[/url]
<h2>SERVICIOS</h2>
[*] [url="limpieza.html"]Ornamentación y limpieza de las iglesias[/url]
[/list]
</div>
<h1></h1>
<h2>[img]IMAGENES/cruz-titulo.gif[/img]CARITAS</h2>
<div id="escritos">
[url="http://www.caritasvitoria.org/"]Caritas[/url] de la Unidad Pastoral se encuadra en el marco de esta organización de la Iglesia y dentro de ella en el espacio diocesano y asumiendo el objetivo de la Unidad Pastoral de "Tomar conciencia y salir al encuentro de los pobres que viven entre nosotros y hacerles sitio en nuestras comunidades".
Para el logro de ese objetivo estudia de la pobreza y sus causas, interviniendo en la realidad, mediante, formación, sensibilización y denuncia, coordinando el voluntariado y participando en la red diocesana y zonal, mediante diversas acciones:
- Acogida (atención y apoyo a personas y familias de la zona).
- Ropero (recogida de ropa para el programa de empleo de Cáritas Diocesana)
- Comisión de inmigrantes (conversación estructurada para ayudar al conocimiento de la lengua a inmigrantes; tertulia literaria intercultural, como fomento de espacio de diálogo entre culturas; y piso de acogida para hombres extranjeros con especiales situaciones carenciales).
- Forum sociocultural para personas mayores.
- Participación en la red social de la zona..
</p>
</div>
</div>
<div id="pie">[img]IMAGENES/webamigas.jpg[/img]
[url="http://www.gazteok.org"][img]IMAGENES/gazteok.jpg[/img][/url][url="http://www.diocesisvitoria.org/"][img]IMAGENES/diocesisvitoria.gif[/img]<a href="http://www.caritasvitoria.org/" target="_blank">[img]IMAGENES/caritas.jpg[/img][/url]</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>CSS
* {margin:0px ; margin:0px; padding:0px ; border: 0px}
p {text-align: justify}
body {text-align: center; background-color: #528B8B}
#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:105px}
#logotipo {width:260px ; float:left}
#publicidad {width:538px ; float:right}
#navegacion {background-color: #003366 ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 60px}
#navegacion a {color:white; text-decoration:none }
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:#9ACD32; text-decoration:none }
#navegacion a:active {color:#9ACD32}
#contenido {width:798px; height: 600px; background-color: #FFFFFF; border-left: black 1px solid ; border-right: black 1px solid}
#menu {float:left; background-color:#FFFFFF; width: 180px; text-align:left; margin-top:10px; margin-left:12px; margin-right:12px;
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-align: center; text-decoration:none ; font-size:11px ; background-image: url(IMAGENES/menu-curva-superior-1.gif) ; padding-top:11px ; color:black; font-family:"Garamond"}
#menu h2 {text-align: center; text-decoration:none ; font-size:11px ; padding-top:11px ; color:#000000; font-family:"Garamond"}
#escritos {width: 550px ; float:left; margin: 20px 8px 20px 8px}
#escritos h2 {text-decoration:none ; font-size:30px ; padding-top:11px ; color:black; font-family:"Garamond"}
#escritos p {text-align: left; padding-left:6px; font-size:13px; font-family:"Arial"}
#grupo1 {width: 200px; height: 150px; float:left; padding-left:35px; padding-right:40px}
#grupo2 {width: 200px; height: 150px; float:left; padding-left:40px}
#grupo3 {width: 200px; height: 150px; float:left; padding-left:35px; padding-top:40px; padding-right:40px}
#grupo4 {width: 200px; height: 150px; float:left; padding-top:40px; padding-left:40px}
#pie {width: 798px; height: 75px; background-color:#FFFFFF; padding-top:4px; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid}
#pie img{float: left; margin-right:6px}
#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}
#escritos a {color:#FF0000; text-decoration: none}
#escritos a:link {}
#escritos a:visited {}
#escritos a:hover {color:#FFFFFF; text-decoration: underline; background-color:#4F4F4F}
#escritos a:activeCreo que con los codigos lo entendereis mejor. La idea es que despues de los
los parrafos empezasen con SANGRIA.
GRACIAS