Por favor, ayuda, estoy desesperado

Te he mandado un pm por que si pongo el codigo otra vez, a lo mejor no es correcto que salga un post tan largo, he echo lo qu eme dices y creo que te lo estoy explicando mal por que sigue sin salirme margen negro en esa casilla que quiero que salga.
Buenas, pues aunque ya esta llegando esto a la idea que mas o menos tenia en mente, eso si gracias a vuestra ayuda, mas en especial a Yaneth :); sigo teniendo un par de problemillas:
El primero es poder centrar la foto -.- en el hueco donde va, ya que se me queda alineada a la izquierda, pese haberle puesto aling=center, aunque deduzco que no lo he puesto en donde lo tengo que poner.
Y la otra es que el titulo que tengo dentro del comando " h1" tampoco me sale centrado, me sale un poco a la derecha, no se por que.
Ah si y otra cosa. ¿Como dejo un poco mas de espacio al final?, que quiero poner un boton o algo para que me suba a la parte de arriba de la pagina.
Os pongo el codigo a ver que tengo mal >.<
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title>Page title</title> 
<link rel="stylesheet" href="prueba.css" type="text/css" media="all"> 
</head> 
<body> 
<div id="global"> 
<div id="curva-superior"></div> 
<div id="cabecera">Ruta catara en Francía y visita esoterica a Rennes-le-Château</div> 
<div id="navegacion"> 
[url="#"]Francia[/url] 
[url="#"]Rincones de la historia[/url] 
[url="#"]Mis pueblos[/url] 
[url="#"]Cosillas[/url] 
[url="#"][email="[correo eliminado]"]Via de contacto[/email][/url] 
</div> 
<div id="contenido"> 
<div id="menu"> 
<ul>[*][url="#"]*Château D'Montsegur[/url] 
[*][url="#"]*Château D'Arques[/url] 
[*][url="#"]*Rennes-le-Château[/url] 
[*][url="#"]*La forteresse royale de Peyrepertuse[/url] 
[*][url="#"]*Duilhac Sous Peyrepertuse[/url] 
[*][url="#"]*Cucugnan[/url] 
[*][url="#"]*Château de Quéribus[/url] 
[*][url="#"]*Cité Médiévale de Carcassonne[/url][/list] 
</div> 
<h1>Château D'Montsegur</h1> 


[img]Objetos/Montsegur.JPG[/img]</p> 


El Castillo de Montségur (Montségur en Francés y Occitano, Monte Seguro en Castellano,) está situado en Montségur en el departamento francés de Ariège, al suroeste de Carcasona, en la montaña del Pog a 1207 metros de altura.</p>


 Los restos actuales del castillo de Montségur fueron levantados en el siglo XIII por Guy de Lévis, tras la derrota de los cataros.
Montségur es un castillo lleno de misterios desde que se convirtío en fortaleza-santuario del catarismo. Numerosas historias en el trascurso de los siglos lo relacionan con el tesoro de los cátaros, misterios espirituales, cultos solares... El que sí parece estar comprobado es que lo construyó la Iglesia cátara y sirvió de refugio para los perseguidos, y que se convertío en el último refugio de los cátaros hasta el 1244 , año en que las fuerzas armadas del papa y la monarquía francesa atacaron el castillo. Sus enemigos lo denominaban la "Sinagoga de Satanás" o el "Vaticano de la Herejía".</p>


El castillo es visible de lejos, particularmente cuando se toma el valle que va a lo largo del río Lasset. La ciudadela domina todo el valle y es de difícil acceso, hecho que facilita su defensa. Sólo se puede acceder a través de un camino difícil, sinuoso y estrecho, atravesando bosques sombríos.
El patio interior todavía testimonia la espereza de la vida en esta ciudadella. Imaginar cerca de 500 personas entre sus paredes, el espacio de las cuales fue reducido por las estructuras defensivas, las cuadras y las casas de vivienda, puede parecer toda una prueba de supervivencia.
La torre del homenaje, todavía presenta su cisterna y su sala baja, así como un arco usado como último instrumento de defensa de la torre en caso de ser atacado el castillo. Actualmente no existe ninguna comunicación entre el castillo y la torre del homenaje. En el momento del solsticio de verano, cuatro arcos dejan pasar los primeros rayos del sol, atravesando de parte a parte la torre del homenaje.</p> <h2>Montségur y el Catarismo</h2>

La montaña del Pog probablemente estuvo habitada desde mucho antes de la llegada de los cátaros, ya que esta horadada de grutas y sepulturas que lo testimonian. La Construcción del Castillo se inicio en el 1204 por Ramón de Pérella, señor del lugar.
Tras la derrota de Muret el 1213, el obispo cátaro de Tolosa, Ghilhabert de Castres, se refugio en el castillo, que se convirtió en lugar de refugio de las "buenas personas". El 1241, a petición del rey de Francia, Luis IX, el conde Ramón VII de Tolosa, emprende el asedio del castillo que, probablemente sin combate, finaliza en fracaso.
Siendo propiedad de la hermana del conde de Foix, Raimundo Roger I, Esclaramunda, se refugiaron algunos cátaros que participaron en el año 1242 en la matanza de los inquisidores de Avignonet, encabezados por Pierre Roger de Mirepoix
En mayo de 1243, el senescal de Carcasona, Hugues des Arcis, emprende el definitivo asedio del castillo.</p>


Tras 10 meses, y como consecuencia de la traición de montañeses de la región, Ramón de Péreille y Pierre Roger de Mirepoix empiezan la negociación que llevará a la rendición del lugar. Los vencedores dan quince días de plazo a los vencidos por abandonar el castillo. Podrán optar entre la abjuración de su fe y la hoguera. Una pira gigantesca consumé los cuerpos de unos doscientos mártires. Hoy el lugar es recordado con una simple lápida donde se invita al viajero a detenerse ante el “camps des cremats” ("campo de los quemados") que recuerda a los inmolados y a leer con respetuoso silencio el epitafio: A los cátaros, a los mártires del puro amor cristiano...sacrificio actualmente conmemorado por un monumento a los pies de la montaña.
La leyenda asegura que los quince días de tregua permitieron poner a buen recaudo el famoso tesoro de los cátaros, así como finalizar la formación espiritual de las personas reunidas dentro de las paredes del castillo. Las personas nobles, los soldados y los mercenarios de la guarnición fueron liberados y requeridos por la Inquisición, conforme a los acuerdos hechos en el momento de la capitulación.
El castillo pasa a ser propiedad de Guy de Lévis, antiguo compañero de Simón de Montfort , quien edifica una nueva ciudadela de la que provienen los restos actuales.</p> 
</div> 
<div id="pie"><h2>Sergio Pérez Pérez© Zaragoza 2007</h2></div> 
<div id="curva-inferior"></div> 
</div> 
</body> 
</html>

Y lo de l apagina de estilos:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px} 
body {text-align: center ;background-image: url(objetos/fondo.png)} 
#global {width:800px ; margin:4px auto;font-size:18px } 
#cabecera { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid;font-size:32px } 
#navegacion {background-color: pink ; border: black 1px solid; font-size:22px} 
#contenido {background-color: #FFBBFF ; width: 800px ; float:left ;border-top: black 1px solid; border-left: black 1px solid ; border-right: black 1px solid} 
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px} 
#menu {background-color: #C6E2FF ; width: 150px ; float:left ; text-align:left ; margin-right: 10px;font-size:18px } 
#menu {................... margin:3px 10px 3px 3px} 
#menu li {list-style:none ; margin: 4px 0px 4px 6px } 
#curva-superior { background-image: url(objetos/curva-superior.gif) ; 
background-repeat: no-repeat ;width:800px ;height: 12px ; overflow : hidden } 
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; 
background-repeat: no-repeat ; 
width:800px ; 
height: 12px 
overflow: hidden } 

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} 
#pie { background-color: white ; 
border-left: black 1px solid ; 
border-right: black 1px solid; 
border-top: black 1px solid;font-size:22px } 
a {color: #0000CD ; text-decoration:none ;} 
a:link {} 
a:visited {} 
a:hover {color:red ; text-decoration:underline ; background-color: #F5DEB3} 
a:active {} 
p {text-align: justify} 
Hola

ok, veamos como se arregla toooodo eso ejeje

empezamos con la foto, que quieres centrada, para empezar el hemos dado la orden de que todo lo queremos centrado, a menos de que cambiemos de opinion y lo especifiquemos en ciertas divs
esta es la orden de que tooodo debe estár centrado
body {text-align: center

pero te das cuenta que la imagen no está centrada y la razón es que la has encerrado entre las etiquetas

</p>, la verdad no entiendo porque, ya que estás etiquetas son para parrafos :wink:

y con esta orden le dices que los parrafos deben ser justificados
es decir que ocupen todo el ancho de la página de izquirda a derecha

p {text-align: justify}



sencillo verdad?

bueno entonces para que la imagen esté centrada basta con que le quites las etiquetas de parrafos y la dejes tal cual

p {text-align: justify}
[contenido no disponible]

intentalo así y me avisas

saludos
para que te quede más espacio al final

puedes poner la etiqueta
tantas como quieras

esto tienes al final del parrafo

provienen los restos actuales.</p>

al agregar las etiquetas te quedará así

provienen los restos actuales.</p>



nota:yo veo centrado los textos dentro de h1


saludos
o.O muchisimoas gracias xdxdxdxd mmm debo tener un ojo estropeado por que yo "creo" que si que esta torcido hacia un lado. Imagen centrada xdxdxdxd
bueno

entonces la del hojo estropeado soy yo jejeej

pero podemos hacer una cosa

ya subista la página????

como se llama?????

si no la has subido

entonces toma una captura de la pantalla y me la muestras
para verlo desde tu pc,

ejjeje

saludos
el ojo lo tenia mal yo, ahora al ver la imagen centrada veo todo perfectamente centrado xdxdxdxd perdon por la confusion
Y otra pregunta... JOlin, no me canso >.<:
A ver, mi pagina consta de un menu principal a la izquierda con 7 apartados, cada 1 me va a enviar a una pagina que habla (evidentemente) sobre ese apartado. Cada pagina de esas tiene en el lateral el menu que tiene la pagina principal. Como hago para no tener que hacer hipervinculos a mano en cada 1 de las paginas??
Si, ya se... Con la hoja de estilos; pero darme una pista por favor.
Esta es mi plantilla base:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title>Page title</title> 
<link rel="stylesheet" href="estilo.css" type="text/css" media="all"> 
</head> 
<body> 
<div id="global"> 
<div id="curva-superior"></div> 
<div id="cabecera">Ruta catara en Francía y visita esoterica a Rennes-le-Château</div> 
<div id="navegacion"> 
[url="#"]Francia[/url] 
[url="#"]Rincones de la historia[/url] 
[url="#"]Mis pueblos[/url] 
[url="#"]Cosillas[/url] 
[url="#"][email="[correo eliminado]"]Via de contacto[/email][/url] 
</div> 
<div id="contenido"> 
<div id="menu"> 
<ul>[*][url="#"]*Château D'Montsegur[/url] 
[*][url="#"]*Château D'Arques[/url] 
[*][url="#"]*Rennes-le-Château[/url] 
[*][url="#"]*La forteresse royale de Peyrepertuse[/url] 
[*][url="#"]*Duilhac Sous Peyrepertuse[/url] 
[*][url="#"]*Cucugnan[/url] 
[*][url="#"]*Château de Quéribus[/url] 
[*][url="#"]*Cité Médiévale de Carcassonne[/url][/list] 
</div> 

<h1>La forteresse royale de Peyrepertuse</h1> 
[img]Objetos/Montsegur.JPG[/img] 





 homenaje.</p> <h2>Montségur y el Catarismo</h2>

actuales.</p>









</div> 
<div id="pie"><h2>Sergio Pérez Pérez© Zaragoza 2007</h2></div> 
<div id="curva-inferior"></div> 
</div> 
</body> 
</html>
Y por ahora esta es mi hoja de estilos:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px} 
body {text-align: center ;background-image: url(objetos/fondo.png)} 
#global {width:800px ; margin:4px auto;font-size:18px } 
#cabecera { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid;font-size:32px } 
#navegacion {background-color: pink ; border: black 1px solid; font-size:22px} 
#contenido {background-color: #FFBBFF ; width: 800px ; float:left ;border-top: black 1px solid; border-left: black 1px solid ; border-right: black 1px solid} 
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px} 
#menu {background-color: #C6E2FF ; width: 150px ; float:left ; text-align:left ; margin-right: 10px;font-size:18px } 
#menu {................... margin:3px 10px 3px 3px} 
#menu li {list-style:none ; margin: 4px 0px 4px 6px } 
#curva-superior { background-image: url(objetos/curva-superior.gif) ; 
background-repeat: no-repeat ;width:800px ;height: 12px ; overflow : hidden } 
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; 
background-repeat: no-repeat ; 
width:800px ; 
height: 12px 
overflow: hidden } 

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} 
#pie { background-color: white ; 
border-left: black 1px solid ; 
border-right: black 1px solid; 
border-top: black 1px solid;font-size:22px } 
a {color: #0000CD ; text-decoration:none ;} 
a:link {} 
a:visited {} 
a:hover {color:red ; text-decoration:underline ; background-color: #F5DEB3} 
a:active {} 
p {text-align: justify} 

Aunque igual lo tenia que haber modificado primero en la plantilla en la zona donde pone:

<div id="menu"> 
<ul>[*][url="#"]*Château D'Montsegur[/url] 
[*][url="#"]*Château D'Arques[/url] 
[*][url="#"]*Rennes-le-Château[/url] 
[*][url="#"]*La forteresse royale de Peyrepertuse[/url] 
[*][url="#"]*Duilhac Sous Peyrepertuse[/url] 
[*][url="#"]*Cucugnan[/url] 
[*][url="#"]*Château de Quéribus[/url] 
[*][url="#"]*Cité Médiévale de Carcassonne[/url][/list] 
</div> 

Antes de haber echo todas las subpaginas. No se, no me acabo de aclarar :S
Perdona que no me acuerde. Qué programa usas para crear tu web? Si usas dreamweaver eso es muy sencillo, usando el "Buscar y Reemplazar" pero dínoslo antes para indicarte como.

Si no tienes el Dreamweaver, hay algunos programas gratuitos que te permiten "Buscar y Reemplazar". En el mensaje del concurso 2 de Software Gratis que hay en el foro general, nuestro amigo Salmarina nos comenta uno.

Dinos algo y seguimos ayudandote.

Un adelanto! Si vas a tener varias secciones, procura colocar las subpaginas de cada sección en una carpeta distinta. Es decir, todas las subpaginas de la sección "Cucugnan" en la carpeta cucugnan. Eso si, evita, por lo que más quieras, nombrar los archivos y las carpetas con ninguna mayuscula, ni acentos ni simbolos raros (franceses, entre otros).
Todo con mimusculas, sin acentos, sin espacios, solo letras numeros y si es necesario, guiones medios como este "-", oki?

Un saludo!
jorgens escribió:Perdona que no me acuerde. Qué programa usas para crear tu web? Si usas dreamweaver eso es muy sencillo, usando el "Buscar y Reemplazar" pero dínoslo antes para indicarte como.

Si no tienes el Dreamweaver, hay algunos programas gratuitos que te permiten "Buscar y Reemplazar". En el mensaje del concurso 2 de Software Gratis que hay en el foro general, nuestro amigo Salmarina nos comenta uno.

Dinos algo y seguimos ayudandote.

Un adelanto! Si vas a tener varias secciones, procura colocar las subpaginas de cada sección en una carpeta distinta. Es decir, todas las subpaginas de la sección "Cucugnan" en la carpeta cucugnan. Eso si, evita, por lo que más quieras, nombrar los archivos y las carpetas con ninguna mayuscula, ni acentos ni simbolos raros (franceses, entre otros).
Todo con mimusculas, sin acentos, sin espacios, solo letras numeros y si es necesario, guiones medios como este "-", oki?

Un saludo!
Pues estoy usando el programa que se usa en el curso: "HTML Kit"

Y con respecto a las secciones, voy a tener 4 principales (que son las del menu superior); las metere cada una en carpetas separadas. Lo pensaba hacer asi, mas que nada por llevar un poco de orden.
Bufffff y mas cosas >.<
Quiero hacer albunes de fotos para cada uno de los enlaces (son los lugares que he ido visitando); y con este programa no se si se puede. Los tengo echos con dreamweaver, si los cambio de carpeta y todo eso luego siguen estando bien, me refiero a si seguiran funcionando, ya que los cree en su momento dentro del directorio de la antigua web, y bueno si me recomendais un programa para hcer albunes que nos ean tan feos como los que hace el dreamweaver os lo agradeceria.
Ya he echo los albumes de fotos con el dreamweaver; mision cumplida. Ahora solo queda el hacer todos los hypervinculos.
Poco a poco va cogiendo esto forma.