Pues que tengo que hacer una página y el fondo tiene que tener un degradado, lo jodido es que tiene tres colores, con el blanco en el centro.
Yo lo que he hecho es recortar una tira de 1 píxel de alto y ponerlo en propiedades de página como background, repitiéndose en y, pero claro, tiene 1024 de largo y si haces la ventana más grande se ve el cartoon, o sea, que se corta a la derecha.
Debería quedar así:
🖼️
Estamos trabajando para mostrar las imágenes del foro
Adjunto #117088
¿Cómo podría hacerlo? Se me ha ocurrido ponerle de color de fondo el azul de la derecha, igual así no se notaría el corte, pero no sé.
-- IMÁGENES ADJUNTAS --
🖼️
Estamos trabajando para mostrar las imágenes del foro
Adjunto #117088
He cambiado el color del fondo al del último píxel del degradado. No queda mal del todo, pero, hay manera de que el degradado se ajuste al tamaño de la ventana/pantalla?
🖼️
Estamos trabajando para mostrar las imágenes del foro
Adjunto #117089
-- IMÁGENES ADJUNTAS --
🖼️
Estamos trabajando para mostrar las imágenes del foro
Adjunto #117089
Hace mucho que no toco html, pero creo recordar que se podía hacer dentro de una tabla, o sea, haciendo que una tabla de una única celda ocupe toda la pantalla.
Pero ojo, tendrás que probarlo, porque no estoy seguro.
Creo que la única manera es usando una imagen
![]()
Hace mucho que no toco html, pero creo recordar que se podía hacer dentro de una tabla, o sea, haciendo que una tabla de una única celda ocupe toda la pantalla.
Pero ojo, tendrás que probarlo, porque no estoy seguro.
Si, eso había pensado yo también, hacer una tabla y ponerle de tamaño 100%.[quote=oruramuqo;716583]creo que la única manera es usando una imagen
![]()
Lo que me está volviendo loco ahora es hacer que todos los elementos se muevan al maximizar y queden en sus sitio, yo he hecho páginas, pero a mi aire y encima en el Dominance war CS4 han cambiado las cosas, yo usaba tablas y con todo esto de las etiquetas div y los estilos CS me estoy haciendo la picha un lío.
Yo es que me meto en unos berenjenales, me han dado un.psd con las capas, tiene que quedar tal cual y estoy más perdido que un pulpoide en un garajoide. Lo que hay que hacer por dinero, con lo a gusto que estaría yo viendo el último videotutorial de Gnomon de Ryan Kingsley sobre zspheres2 que me acabo de bajar.
Yo solo llegue a hacer una página que se escalaba completa (contenido incluido) dependiendo del tamaño de la ventana del navegador y bueno, acabé tan sumamente quemado, que juré que nunca más lo haría.
Si no es un requisito, móntala con anchura de 1024 centrada y arreando.
Hola Dexter, tu inquietud me llamo la atención así que, me puse a probar una que otra opción, te adjunto el archivo que logre hacer, espero te sirva de algo. Te adjunto la página de dónde tome el ejemplo.
http://www.dynamicdrive.com/forums/showthread.php?t=35488 saludos.
-- IMÁGENES ADJUNTAS --
🖼️
Estamos trabajando para mostrar las imágenes del foro
Adjunto #117092
Si Aedozea, eso es, lo he probado y me funciona bien, lo que pasa es que, ahora cada vez que clico en el fondo se me pone delante y me tapa los otros divs, en la vista previa sale bien, pero es un coñazo, me estoy volviendo loco con esto de las etiquetas di, v, estoy intentando hacerlo así en lugar de con tablas, coloco los elementos, pero se quedan fijos, si pongo la posición en % se mueven, pero lo veo tan poco preciso, definitivamente no entiendo esto de los estilos CS, y eso que hace unos meses hice un cursillo de Dominance war y en su momento lo comprendi, no debió interesarme mucho porque ya no me acuerdo.
Es algo tan sencillo como montar esto.
🖼️
Estamos trabajando para mostrar las imágenes del foro
Adjunto #117097
🖼️
Estamos trabajando para mostrar las imágenes del foro
Adjunto #117098
Si lo hago con tablas consigo que el contenido se mantenga en el centro de la página, que se alinee según redimensionas la ventana, pero no atino a hacer que cada elemento se este en su sitio, si lo hago con divs puedo colocarlos donde quiera, pero a ojo y no logro que cada cosa se quede en su sitio.
Caronte, es que no encuentro donde ajustar la resolución de la página, yo creo recordar que el Dominance war antes te permitía especificarla (800 por 600.1024x768 etc) pero ahora no lo veo, abajo me salen unas dimensiones, pero cuando despliego el menú las otras dimensiones me salen en gris.
En fin, lo dicho, que me meto en unos berenjenales, y se supone que tenía que presentarles algo mañana.
-- IMÁGENES ADJUNTAS --
🖼️
Estamos trabajando para mostrar las imágenes del foro
Adjunto #117097
🖼️
Estamos trabajando para mostrar las imágenes del foro
Adjunto #117098
Si quieres alinear divs al centro de la página usas css con Margin:0px auto. Por ejemploe.
Div style=Margin:0px auto;width:700px>centro
.
Donde 700px es el ancho del contenido que va alineado al centro.
También tienes cosas como position:absolute dentro de un position:relative.
Así un objecto podrá posicionarse relativo a otro:
Div style=position:relative;padding:4px 0px>logotipo.
Div style=position:absolute;right:5px;bottom:5px>965.xx.xx.xx
.
/div>.
Y también están los float:left float:rigtht.
En tu caso la página parece dividires en 3 secciones principales.
[html].
style type=text/css>.
Html, body{ twidth:100%, theight:100%;.
}.
/style>.
body style=position:relative;padding:0px;Margin:0px;height:100%;text-align:center>.
Div style=background-color:#f60;height:100%;position:absolute;top:0px;left:0px;width:50%>
.
[quote=oruramuqo;716692].
estoy usando tu background.[/quote]N_n, np hermano, hoy aprendí algo más, gracias. Y Dexter espero que hayas encontrado una solución. Saludos.
¿Y si lo haces con flash?
¿Y si lo haces con flash?
Déjate, déjate, solo me faltaba eso.
N_n, np hermano, hoy aprendí algo más, gracias. Y Dexter espero que hayas encontrado una solución.
Gracias Aedozea, lo del fondo ya está solucionado, tengo la opción de hacerlo con lo del último píxel o con lo tuyo de usar un div al 100%.
[quote=oruramuqo;716692]si quieres alinear divs al centro de la página usas css con Margin:0px auto.
Por ejemploe.
Div style=Margin:0px auto;width:700px>centro
.
Donde 700px es el ancho del contenido que va alineado al centro.
También tienes cosas como position:absolute dentro de un position:relative.
Así un objecto podrá posicionarse relativo a otro:
Div style=position:relative;padding:4px 0px>logotipo.
Div style=position:absolute;right:5px;bottom:5px>965.xx.xx.xx
.[/code]
Con esa línea el contenido se centra bien, pero no tengo muy claro lo que hace ni si lo he pegado en el sitio adecuando, en div style=width:999px venia con otro valor y yo le he puesto el ancho de la ventana principal, tampoco se si lo he metido en el sitio adecuando, el problema es que no sé porque el div con el correo me sale desplazado al hacer esto, ya no sé si tendré algo mal en el código, lo pego aquí:
[code]<.doctype html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transiciónal, dtd>.
Html xmlns=http://www.w3.org/1999/xhtml>.
Head>.
meta http-equiv=content-type content=text/html, charset=utf-8 />.
title>wellcome bn.
style type=text/css>.
Body { tbackground-image: url(imágenes/bk_gradient_2px.jpg), tbackground-repeat: repeat-y, tbackground-color: #bcbda, ttext-align: center.
}.
#ventana { tposition:relative, tleft:auto, ttop:1.021in, twidth:999px, theight:auto, tz-index:2, toverflow: visible, tvisibility: visible, tright: auto.
}.
#logotipo { tposition:absolute, tleft:1.5%, ttop:6px, twidth:999px, theight:auto, tz-index:3, tvisibility: visible, tright: 5%.
}.
#mail { tposition:absolute, tleft:11px, ttop:94px, twidth:999px, theight:auto, tz-index:4, tfont-family: trebuchet ms, arial, helvética, sans-serif, tvisibility: visible, tfont-size: 14px, ttext-align: right, tright: 5%.
}.
#tlf { tposition:absolute, tleft:12px, ttop:64px, twidth:999px, theight:18px, tz-index:5, tvisibility: visible, tfont-family: trebuchet ms, arial, helvética, sans-serif, tfont-size: x-large, tcolor: #003971, ttext-align: right, tright: 5%.
}.
#fondo { tposition:absolute, tleft:0, ttop:0, twidth:100%, theight:100%, tz-index:1, tbackground-color: #bcbda, tvisibility: hidden.
}.
->.
/style>.
Div style=width:1024px, position: relative, Margin-left: auto, Margin-right: auto;>.
body class=fondo>.
Div id=ventana>
Tienes un div entre el head y el body, y eso no es legal. Te estoy poniendo un enlace con el ejemplo anterior: Http://-.
Aunque estas usando Margin:0px auto, tu página no está alineada al centro.
Margin:0px auto es lo mismo que Margin:0px auto 0px auto.
Es decir top right bottom left.
Que es lo mismo que decir:
Margin-left=auto.
Margin-right=auto.
Margin-top=0px.
Margin-bottom=0px.
Según las imágenes que has puesto, la página puede funcionar en una resolución 800 por 600 mínimo para adelante.
Osea:
Div style=Margin:0 auto;width:800px>contenido
.
tienes un div entre el head y el body, y eso no es legal.
¿te refieres a esto? .
Div style=width:1024px, position: relative, Margin-left: auto, Margin-right: auto;>.
body class=fondo>.
Porque más arriba hay otro head/body.
Te estoy poniendo un enlace con el ejemplo anterior: [url]http://ruraq, vndv.com/_borrame.html[/url].
Eso es justo lo que necesito, muchas gracias.
Aunque estas usando Margin:0px auto, tu página no está alineada al centro.
Margin:0px auto es lo mismo que Margin:0px auto 0px auto.
Es decir top right bottom left.
Que es lo mismo que decir:
Margin-left=auto.
Margin-right=auto.
Margin-top=0px.
Margin-bottom=0px.
Pero entonces, esto se podría hacer ajustando esos parámetros del div en el dw? Porque yo creo que había probado a cambiarlos y no lo conseguí.
Bueno, ahora tengo tiempo hasta el lunes, voy a estudiarme esto que me has puesto.
Según las imágenes que has puesto, la página puede funcionar en una resolución 800 por 600 mínimo para adelante.
Osea:
Div style=Margin:0 auto;width:800px>contenido
.Las imágenes las he reducido para colgarlas, la página esta pensada para 1024x768, la ventana del centro mide 999px, es eso lo que debería poner en width? ¿999px o 1024px?
Muchas gracias de nuevo, ya empiezo a recordar un poco como iba el tema y a entenderlo mejor.
.