Foros del Web » Creando para Internet » CSS »

Maquetacion de noticias en Css con DIVs

Estas en el tema de Maquetacion de noticias en Css con DIVs en el foro de CSS en Foros del Web. Hola, vengo a traerles este problema que viene ascechandome hace un tiempo largo haber si me pueden ayudar por aca. Lo voy a hacer bien ...
  #1 (permalink)  
Antiguo 06/04/2011, 06:29
 
Fecha de Ingreso: mayo-2008
Mensajes: 31
Antigüedad: 9 años, 6 meses
Puntos: 0
Exclamación Maquetacion de noticias en Css con DIVs

Hola, vengo a traerles este problema que viene ascechandome hace un tiempo largo haber si me pueden ayudar por aca.
Lo voy a hacer bien explicativo, hasta voy a subir una foto bien detallada graficada con lineas y textos.

La idea es hacer un sistema de noticias con php, que cargue en un Div, compuesto por 3 divs a la vez, uno es el titulo, otro el cuerpo, otro el pie de la noticia. Voy a hacer que cada noticia de la base de datos se cargue en un Div de este tipo y haciendo un bucle se vaya poniendo en la pagina noticia por noticia. Por ahora todo bien. El problema es el siguiente. Vean esta imagen:

http://img546.imageshack.us/i/noticiasmaquetas.jpg/

COmo veran lo que quiero hacer es qu tenga un diseño ese Div completo (con titulo cuerpo y pie), con borde horizontal una imagen claro (en el titulo), 1 de cada lado vertical a los costados.. y aca la parte complicada, el cuerpo, que depende de la cantidad de caracteres se vaya estirando, y con un fondo que se vaya repitiendo (seria un cuadradito color marron que se repite, formando en total la estetica de un fondo), y a los costados (esta parte tambien es importante, se vaya repitiendo los bordes verticales de cada lado (que serian una imagen de una linea asi como en el titulo de arriba, que se van repitiendo hasta que se termina el cuerpo).

Ahora, al terminar el cuerpo, tiene que haber una linea horizontal donde se ve que termina el cuerpo abajo de todo (donde dps comenzara el pie de la noticia, como veran en la imagen bien detallada que subi , que pongo el link de nuevo:

http://img546.imageshack.us/i/noticiasmaquetas.jpg/

Y esta parte taambien es importante, porque el Div que fue creciendo, quiero que vaya desplazando el pie de pagina hacia abajo, y no lo vaya Arrazando (pasandolo por encima), se entiende?

Bueno espero me hayan entendido, leanlo bien cuidadosamente, con la imagen incluida, porque realmene es un tema que necesito solucionarlo de una vez para poder hacer webs con noticias con diseño. Esto claramente como veran esta hecho en CSS y Divs , dps la parte de la carga de las noticias de la base de datos eso no me interesa, lo se hacer.

Desde ya gracias por haber leido.

Última edición por Milton884; 06/04/2011 a las 06:32 Razón: Me falto agregar Link
  #2 (permalink)  
Antiguo 06/04/2011, 12:01
 
Fecha de Ingreso: mayo-2008
Mensajes: 31
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Maquetacion de noticias en Css con DIVs

Alguna ayuda?
  #3 (permalink)  
Antiguo 06/04/2011, 17:53
 
Fecha de Ingreso: febrero-2011
Mensajes: 54
Antigüedad: 6 años, 9 meses
Puntos: 13
Respuesta: Maquetacion de noticias en Css con DIVs

Cita:
Iniciado por Milton884 Ver Mensaje
Hola, vengo a traerles este problema que viene ascechandome hace un tiempo largo haber si me pueden ayudar por aca.
Lo voy a hacer bien explicativo, hasta voy a subir una foto bien detallada graficada con lineas y textos.

La idea es hacer un sistema de noticias con php, que cargue en un Div, compuesto por 3 divs a la vez, uno es el titulo, otro el cuerpo, otro el pie de la noticia. Voy a hacer que cada noticia de la base de datos se cargue en un Div de este tipo y haciendo un bucle se vaya poniendo en la pagina noticia por noticia. Por ahora todo bien. El problema es el siguiente. Vean esta imagen:

http://img546.imageshack.us/i/noticiasmaquetas.jpg/

COmo veran lo que quiero hacer es qu tenga un diseño ese Div completo (con titulo cuerpo y pie), con borde horizontal una imagen claro (en el titulo), 1 de cada lado vertical a los costados.. y aca la parte complicada, el cuerpo, que depende de la cantidad de caracteres se vaya estirando, y con un fondo que se vaya repitiendo (seria un cuadradito color marron que se repite, formando en total la estetica de un fondo), y a los costados (esta parte tambien es importante, se vaya repitiendo los bordes verticales de cada lado (que serian una imagen de una linea asi como en el titulo de arriba, que se van repitiendo hasta que se termina el cuerpo).

Ahora, al terminar el cuerpo, tiene que haber una linea horizontal donde se ve que termina el cuerpo abajo de todo (donde dps comenzara el pie de la noticia, como veran en la imagen bien detallada que subi , que pongo el link de nuevo:

http://img546.imageshack.us/i/noticiasmaquetas.jpg/

Y esta parte taambien es importante, porque el Div que fue creciendo, quiero que vaya desplazando el pie de pagina hacia abajo, y no lo vaya Arrazando (pasandolo por encima), se entiende?

Bueno espero me hayan entendido, leanlo bien cuidadosamente, con la imagen incluida, porque realmene es un tema que necesito solucionarlo de una vez para poder hacer webs con noticias con diseño. Esto claramente como veran esta hecho en CSS y Divs , dps la parte de la carga de las noticias de la base de datos eso no me interesa, lo se hacer.

Desde ya gracias por haber leido.
Lo más curioso de tu post es que NO parece una petición de ayuda... más bien parece el encargo de un trabajo (un trabajo que quieres que te hagan).

No crees que es mejor dejarte de imágenes y de frases como "Bueno espero me hayan entendido, leanlo bien cuidadosamente..." y poner tu código (si es que lo tienes) y preguntar puntualmente las dudas concretas que tengas para resolver el problema.

También puedes seguir con la idea de que alguien te haga el trabajo, pero en ese caso es más honesto publicarlo en oferta de trabajo y pagar por ello.
  #4 (permalink)  
Antiguo 06/04/2011, 18:05
 
Fecha de Ingreso: octubre-2007
Mensajes: 89
Antigüedad: 10 años, 1 mes
Puntos: 1
Respuesta: Maquetacion de noticias en Css con DIVs

En el CSS cada div debe tener la imagen de fondo con la propiedad background

ej:
#titulo{
background: (url:img/tuimagen.gif) repeat;
}

#noticia{
background: (url:img/tuimagen.gif) repeat;
}

#pie{
background: (url:img/tuimagen.gif) repeat;
}
  #5 (permalink)  
Antiguo 06/04/2011, 18:30
 
Fecha de Ingreso: octubre-2007
Mensajes: 89
Antigüedad: 10 años, 1 mes
Puntos: 1
Respuesta: Maquetacion de noticias en Css con DIVs

Cita:
Iniciado por kike2lucas Ver Mensaje
En el CSS cada div debe tener la imagen de fondo con la propiedad background

ej:
#titulo{
background: (url:img/tuimagen.gif) repeat;
}

#noticia{
background: (url:img/tuimagen.gif) repeat;
}

#pie{
background: (url:img/tuimagen.gif) repeat;
}
Si quieres que los divs se repitan deberás usar selectores de clase en lugar de selectores de etiqueta

.titulo{
background: (url:img/tuimagen.gif) repeat;
}
  #6 (permalink)  
Antiguo 07/04/2011, 12:56
 
Fecha de Ingreso: mayo-2008
Mensajes: 31
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Maquetacion de noticias en Css con DIVs

Cita:
Iniciado por kike2lucas Ver Mensaje
Si quieres que los divs se repitan deberás usar selectores de clase en lugar de selectores de etiqueta

.titulo{
background: (url:img/tuimagen.gif) repeat;
}
Ahi va, eso me sirvio de ayuda. Tmb averigue el tema de repeat-x y repeat-y para repeticion vertical y horizontal, eso va de ayuda a los demas que tmb quieran saberlo.

Salu2. Mi tema esta solucionado.

Etiquetas: divs, maquetacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:04.