Espero qeu puedan ayudarme, yo se que se puede hacer con css pero la verdad no se como, espero su respuesta pronto
14/11/2008, 11:22
| |||
| |||
| 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 |
|
14/11/2008, 11:33
| ||||
| ||||
| 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  |
|
14/11/2008, 12:28
| ||||
| ||||
| 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 |
|
15/11/2008, 21:32
| |||
| |||
| 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 |
|
15/11/2008, 21: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!! |
|
16/11/2008, 07:22
| ||||
| ||||
| 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:
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.
img {
float: left;
padding-right: 15px;
}
.pfoto {
float: left;
width: 200px;
padding-top: 0px;
margin-top: 0px;
padding-right: 15px;
text-indent: 5px;
}
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. |
