Foros del Web » Creando para Internet » CSS »

Ayuda con pagina

Estas en el tema de Ayuda con pagina en el foro de CSS en Foros del Web. Muy buenas amigos, les escribo para solicitarles su ayuda ya que aqui es en donde he encontrado siempre ayuda, necesito crear algo asi como una ...
  #1 (permalink)  
Antiguo 14/11/2008, 11:22
 
Fecha de Ingreso: octubre-2007
Mensajes: 19
Antigüedad: 10 años, 2 meses
Puntos: 0
Ayuda con pagina

Muy buenas amigos, les escribo para solicitarles su ayuda ya que aqui es en donde he encontrado siempre ayuda, necesito crear algo asi como una pagina de noticias en donde haya una foto o dos y ademas de eso haya chance de escribir informacion sobre la fotos y a la par la noticia, algo asi como esto



Espero qeu puedan ayudarme, yo se que se puede hacer con css pero la verdad no se como, espero su respuesta pronto
  #2 (permalink)  
Antiguo 14/11/2008, 11:33
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Ayuda con pagina

Ok, a tu imagen, ponle un float:left. No estoy seguro de haber entendido, pero creo que eso es lo que deseas. Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 14/11/2008, 12:28
Avatar de NUCKLEAR
Moderador radioactivo
 
Fecha de Ingreso: octubre-2005
Ubicación: Cordoba-Argentina
Mensajes: 5.688
Antigüedad: 12 años, 1 mes
Puntos: 890
Respuesta: Ayuda con pagina

creo que yo entendi, crea un div dale como una propiedad backgroung-image luego dentro de ese div crea otro div y escribe lo que quieras dentro.

PD: WTF! esto es chino para mi? A leer se ha dicho
__________________
Drupal Argentina
  #4 (permalink)  
Antiguo 15/11/2008, 21:32
 
Fecha de Ingreso: octubre-2007
Mensajes: 19
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Ayuda con pagina

Creo que no me explique bien, ahi les va lo que deseo hacer, esta es una pagina donde muestran noticias, y deseo que aparesca el texto o sea la noticia en si donde dice noticia, y tambien que en el lado izquierdo o derecho aparesca la foto y abajo de ella informacion sobre la pagina, para darles una idea de que es pueden ver www.catacamas.net/historia.html pero deseo hacerlo sin tablas, lo puedo hacer en las imagenes pero sin el texto abajo, y eso es lo que necesito
  #5 (permalink)  
Antiguo 15/11/2008, 21:53
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Ayuda con pagina

Yo lo hago metiendo un div justo en la parte del texto que quiero y después lo floto... así me respeta los márgenes...
Aunque no sé si es el mejor método...
Puedes ver un ejemplo de lo que he hecho aquí

Aresillo!!
  #6 (permalink)  
Antiguo 16/11/2008, 07:22
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años
Puntos: 4
Respuesta: Ayuda con pagina

Con lo que te dice daPhyre es más que suficiente para una foto y un texto, pero tu quieres un pie de foto, prueba esto para la imagen y el pie de foto


Código:
img {
	float: left;
	padding-right: 15px;
}
.pfoto {
	float: left;
	width: 200px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 15px;
	text-indent: 5px;
}
la clase .pfoto lo aplicas al comentario de la foto, en mi caso lo he probado con una foto de 200 px de ancho y un padding de 15 px, fíjate que esas dos medidas están el la classe.
el html es esto tu lo rellenas de txt ok


[HTML]

<body>
<img src="imagenes/j0431532.jpg" width="200" height="225" />
<p>pon txto aquí</p>
<p class="pfoto">descripción de la foto</p>
<p>pon txt aquí</p>
</body>

/HTML]

Espero que por lo menos te sitie en lo que buscas.
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 04:04.