Varias preguntas pequeñas y variadas sobre una web en Urgencia

[darkgaze]

Saludos, Estoy haciendo pruebas en una web que tengo que hacer, y estoy asustada porque no consigo lo que me piden y el plazo se me está echando encima. Me han pagado por esto y estoy haciendo pruebas y no hay manera.

la he subido para que la veáis.

Página web


Bien. Las imágenes son de PRUEBA, para ver como coloco todo.El caso es que NO CONSIGO hacer lo siguiente:

- que las almenas de arriba estén proporcionalmente colocadas cada tiempo, pues a pesar que he puesto en el css una division en % equitativa me lo coloca como le da la gana.

- Que no se como pegar la parte de abajo al pie de página. Lo que es una página SIN SCROLL, pero el pie (que es un texto debajo y los laterales que forman el pie de las dos torres)

- Los laterales de las torres, que es donde falta unir el color marron de los estandartes y la base, cuando les pongo altura 100% , se sale la página del tamaño. Pensé que era 100 HEREDADO. Como se hace para que llegue hasta donde sea, sin que se pase de la raya? Poniendolo como fondo del body?. No hay una manera mejor con Divs?

- Que el texto con scroll del centro (llamado #texto en el css) llene todo todo menos un numero de pixeles, que no se si se pueden restar pixeles a un porcentaje. Porque si pongo 80% cuanto más pequeño sea , menor será el texto, es una proporcion peligrosa. Debería de ser la distancia menos 100 pixeles arriba y 60 abajo, por ejemplo.


Esto es urgente, y llevo ya un mes intentando arreglarlo. La página debería de ocupar ni más ni menos todo eso. No se como hacerlo sin que se pase o se quede corto!.

[chem]

Buenas!

1.- Le he estado echando un vistazo a tú código y lo primero que se aprecia es que tienes un serio problema de "dividitis" o lo que es lo mismo, metes mogollon de etiquetas div que no hacen falta.

Por ejemplo con tu primer problema de las almenas tú tienes esto:

Código:

<div id="cabecera">
		<div id="almena1"></div>
		<div id="almena2"></div>
		<div id="almena3"></div>
		<div id="almena4"></div>
		<div id="almena5"></div>
	</div>

Eso en verdad es una lista y tu codigo HTML debería ser:

Código:

<div id="cabecera">
<ul id="almenas">
  <li>lala</li>
  <li>lele</li>
  <li>lili</li>
  <li>lolo</li>
  <li>lulu</li>
</ul>

y luego pondrías en tú css:

Código:

ul#almenas{
width: los_pixeles que quieras
list-style: none;
}

ul#almenas li{
display: inline;
margin-right: 10px;
}

2.- El segundo punto no te entiendo así que deberías explicarte mejor...

3.- Vuelves a tener problemas con los divs. No tienes que meter mas divs tienes que quitar y muchos. A simple vista tú pagina debería tener la siguiente estructura:

Código:

<div id="contenedor">
   <div id="cabecera">
   </div>
   <div id="torre1">
   </div>
   <div id="contenidos"
        <div id="contenidos_texto">
        </div>
   </div>
   <div id="torre2">
   </div>
   <div id="pie"
   </div>
</div>

A partir de hay te sera más fácil darle estilo a tú página.

4.- Este texto al que tu quieres dejar unos espacios iría en la etiqueta div - contenidos_texto. Por ejemplo el HTML sería asi:

Código:

 
<div id="contenidos_texto">
   <h2>Subtitulo</h2>
   <p>Hola Mundo!</p>
</div>

y tu CSS sería:

Código:

div#contenidos_texto{
   overflow: auto;
}

div#contenidos_texto p{
  margin: 10px;
}

con margin dejas los espacios entre el div y el texto.

Espero qu esto te sirva de guía para ir encaminando tú proyecto. Te recomiendo que antes de hacer nada te leas estos tutoriales por que sino te vas a perder un poco:

==================================
Tutorial XHTML
==================================
http://www.w3schools.com/xhtml/default.asp

==================================
Tutorial CSS
==================================
http://www.w3schools.com/css/


Un saludo y suerte!

[darkgaze]

Sobre las almenas. tienes razon. Lo hice rápido y es por eso que quizás ahí debí haber hecho una lista, por supuesto.

-------

Sobre el punto dos (que es básicamente lo que más me intersaba :D)

Verás, es mi problema PRINCIPAL, y lo que me ha llevado a estar dandole vueltas.

EL problema es qeu NADIE sabe resopnderme a lo siguiente, ni siquiera he visto páginas que tengan un ejemplo parecido. Si alguien sabe alguna porfavor, decidmela! y yo miro lo que sea.

Mi problema es que la página TIENE que ocupar toda la pantalla y NO SALIRSE. O sea, que no quieren SCROLL en ningún sitio.

El pie de página ha de estar abajo del todo, y la cabecera arriba, y el centro se alarga horizontalmente y verticalmente lo que sea.

Lo que no consigo de ninguna manera es todo esto. Y sobre todo, conseguir que los laterales donde están los estandartes se alarguen hasta el pie de página, no habiendo texto en ellos (el problema de siempre) y qu elleguen hasta abajo, pero si pongo 100% en altura, se estropea, porque toma el 100% por el 100% del navegador, y no del espacio donde estoy.

Además no sé posicionar el pie de pagina. He probado con position:relative, y si pongo 0px, 100% no funciona. No se como ponerlo abajo del todo, maldita sea.


Eso es todo mi problema. Nada más.
-------

Sobre la esctructura general de los divs, sé a lo que te refieres: así era al principio. Pero entonces empecé a tener problemas con la colocacion del texto y demás cosas. así que decidí incluir todo en el contenido porque al poner height: 100% se salía por todos lados, asi que al menos ahora consigo que no salga un scroll del demonio. no es que añada muchos divs, es que los voy añadiendo a partir de una idea inicial, porque veo que nada funciona y empiezo a inventarme cosas.

--------


y sobre las webs qeu me pasas me da en la nariz que crees que no tengo ni idea :D. Verás, el código es desastroso porque estoy haciendo pruebas. He hecho el quiz tan chulo que ivene en el tutorial del css y he sacado un 100%, y he estado mirando los tutoriales de css y lo sé practicamente todo.

Estas son las duda que siempre tengo, y que me comen la cabeza. Y ahora se me echa el tiempo encima, y esto es mucho más serio. Se supone que hacer esto era facil, pero nadie contesta nunca. (y llevo ya 3 posts en el foro en menos de 2 semanas).


Gracias por todo, de veras.