Foros del Web » Creando para Internet » CSS »

colacacion resultado form

Estas en el tema de colacacion resultado form en el foro de CSS en Foros del Web. Como puedo hacer que las imagenes queden a la derecha y el titulo y comentario a la derecha(comentario debajo titulo). codigo: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: ...
  #1 (permalink)  
Antiguo 17/05/2011, 03:29
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 2 meses
Puntos: 10
colacacion resultado form

Como puedo hacer que las imagenes queden a la derecha y el titulo y comentario a la derecha(comentario debajo titulo).

codigo:
Código CSS:
Ver original
  1. <div class='imagen'><img src='../archivos/".$row['file_one']."'><img src='../archivos/".$row['file_two']."' >
  2. <a href='resultado.php?id=".$row['id_anuncio']."'>".$row['titulo']."</a><br>".$row['comentario']."</div>";

Última edición por azaz; 17/05/2011 a las 03:59
  #2 (permalink)  
Antiguo 17/05/2011, 04:03
Avatar de yonaida  
Fecha de Ingreso: marzo-2011
Ubicación: Barcelona
Mensajes: 123
Antigüedad: 13 años
Puntos: 20
Respuesta: colacacion resultado form

si entiendo bien tu pregunta no es mas que aplicarle la classe imagen un text-align:right

o.O
__________________
Everybody Else It's Doing It, So Why Can't We?
  #3 (permalink)  
Antiguo 17/05/2011, 04:14
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 2 meses
Puntos: 10
Respuesta: colacacion resultado form

Yonaida gracias por contestar pero eso no es

yo en el codigo muestro en pantalla dentro de una capa dos imagenes y un texto con su comentario lo que quiero es mover el titulo y comentario a la derecha 100px esto es para publicar comentarios osea que los datos de la capa se moveran en cada publicacion me explique me puedes ayudar
  #4 (permalink)  
Antiguo 17/05/2011, 04:34
Avatar de yonaida  
Fecha de Ingreso: marzo-2011
Ubicación: Barcelona
Mensajes: 123
Antigüedad: 13 años
Puntos: 20
Respuesta: colacacion resultado form

suponiendo que las imagenes se visualizen una debajo de otra (por que no lo dices), tienes que crear un contenedor de las imagenes y el titulo y comentario.

<div id='contenedor>
<div id='imagenes'> mis imagenes </div>
<div id='comentario'> <p class='titulo'> titulo </p> <p class='comentarios'> comentarios </p></div>
</div>

#contenedor
{ width: 300px; }
#imagenes { float:left; width:150px; }
#comentario{ float:right; width 100px; }

a la clase titulo y comentarios pon el estilo que quieras y al resto pues adaptalo,
si tienes mas duda mejor pon el codigo que tienes o una imagen para entenderte mejor y poder ayudarte.
comenta que tal va.
__________________
Everybody Else It's Doing It, So Why Can't We?
  #5 (permalink)  
Antiguo 17/05/2011, 04:41
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 2 meses
Puntos: 10
Respuesta: colacacion resultado form

no las imagenes van un alado de otra siento por no expecificar mejor
el codigo no me funciono las si te sirve el total de las imagenes son 100px y van una alado de otra

Última edición por azaz; 17/05/2011 a las 04:52
  #6 (permalink)  
Antiguo 17/05/2011, 05:04
Avatar de yonaida  
Fecha de Ingreso: marzo-2011
Ubicación: Barcelona
Mensajes: 123
Antigüedad: 13 años
Puntos: 20
Respuesta: colacacion resultado form

pues tiene poca imaginacion.

ponle una clase a cada imagen. img1 float:left img2 float:right
y ponle al div imagenes un ancho de 210 asi tienes un margen entre ellas.
__________________
Everybody Else It's Doing It, So Why Can't We?
  #7 (permalink)  
Antiguo 17/05/2011, 05:26
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 2 meses
Puntos: 10
Respuesta: colacacion resultado form

no me funciono lo hice asin:

hoja estilo:
Código CSS:
Ver original
  1. #contenedor{
  2.     width: 300px;
  3.     }
  4. #imagenes{
  5.         float:left;width:210px;
  6.     }
  7. #imagen1{
  8.     float:left;
  9.     }
  10. #imagen2{
  11.     float:right;
  12. }
  13. #comentario{
  14.     float:right; width:100px;
  15.     }

codigo :
Código CSS:
Ver original
  1. <div id='contenedor>
  2.          <div id='imagenes'>  <img class='imagen1' src='archivos/".$row['file_one']."'><img class='imagen2' src='archivos/".$row['file_two']."' ></div>
  3.          <div id='comentario'> <p class='titulo'><a href='resultado.php?id=".$row['id_anuncio']."'>".$row['titulo']."</a></p><p class='comentarios'>".$row['comentario']." </p></div>
  4. </div>"

Última edición por azaz; 17/05/2011 a las 05:42
  #8 (permalink)  
Antiguo 17/05/2011, 06:18
Avatar de yonaida  
Fecha de Ingreso: marzo-2011
Ubicación: Barcelona
Mensajes: 123
Antigüedad: 13 años
Puntos: 20
Respuesta: colacacion resultado form

bueno me he animado y te he echo esto.

Css:
Código:
#contenedor{
			width: 350px;
			border:1px solid blue;
			height:300px;
        }
		#imagenes{
            float:left;
			width:220px;
			border:1px solid red;
			margin:5px;
        }
		.imagen1{
			float:left;
        }
		.imagen2{
			float:right;
		}
		#comentario{
			float:right; 
			width:100px;
			border:1px solid red;
			margin:5px;
        }
		.titulo{
			text-align:center; 
			font-weight:bold;
			font-size:14px;
		}
		.comentarios{
			text-align:left;
			color:red;
			font-size:14px;
			margin:5px;
		}
Html
Código:
<div id='contenedor'>
        <div id='imagenes'>
			<img class='imagen1' src='marine_references.jpg'>
			<img class='imagen2' src='navy_references.jpg' >
		</div>
        <div id='comentario'>
			<p class='titulo'>Titulo 1</p>
			<p class='comentarios'>Hellow world Hellow world
									Hellow world Hellow world Hellow world </p>
		</div>
    </div>
asi es como se ve: http://imageshack.us/photo/my-images/62/pruebak.png


y si no es como quieres sube una imagen de ejemplo.
__________________
Everybody Else It's Doing It, So Why Can't We?
  #9 (permalink)  
Antiguo 17/05/2011, 07:37
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 2 meses
Puntos: 10
Respuesta: colacacion resultado form

Gracias por la intencion pero realmente quiero algo asin:

http://www.loquo.com/cs/coches-y-motos/coches/1400#
pero en vez de una imagen dos imagenes una al dado de otra.

podras ayudarme
  #10 (permalink)  
Antiguo 17/05/2011, 08:24
Avatar de yonaida  
Fecha de Ingreso: marzo-2011
Ubicación: Barcelona
Mensajes: 123
Antigüedad: 13 años
Puntos: 20
Respuesta: colacacion resultado form

si pones ejemplos como ese se te ayuda mas rapido y se pierde menos tiempo.

#contenedor{
width: 1000px;
border:1px solid blue;
text-align:left;
}
#imagenes{
float:left;
width:220px;
border:1px solid red;
margin:5px;

}
.imagen1{
float:left;
}
.imagen2{
float:right;
}
#comentario{
float:left;
width:750px;
border:1px solid red;
margin:5px;
}
.titulo{
margin:5px;
text-align:left;
font-weight:bold;
font-size:14px;
}
.comentarios{
text-align:left;
color:red;
font-size:14px;
margin:5px;
}
__________________
Everybody Else It's Doing It, So Why Can't We?
  #11 (permalink)  
Antiguo 17/05/2011, 08:36
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 2 meses
Puntos: 10
Respuesta: colacacion resultado form

no me queda bien esta todo desecho no crees que se tiene que meter en una tabla espero me puedas ayudar
  #12 (permalink)  
Antiguo 17/05/2011, 14:18
Avatar de yonaida  
Fecha de Ingreso: marzo-2011
Ubicación: Barcelona
Mensajes: 123
Antigüedad: 13 años
Puntos: 20
Respuesta: colacacion resultado form

algo estas haciendo mal y es en tu codigo, si copias ese codigo en limpio junto con el css veras que esta igual como el ejemplo que pusiste. si no se puede ver lo que realmente estas haciendo es imposible ayudarte.
__________________
Everybody Else It's Doing It, So Why Can't We?
  #13 (permalink)  
Antiguo 17/05/2011, 15:32
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 12 años, 10 meses
Puntos: 10
Respuesta: colacacion resultado form

yonaida lo hice como me dijiste pero no funciona bien muestro codigo:
Código CSS:
Ver original
  1. #contenedor{
  2. width: 1000px;
  3. border:1px solid blue;
  4. text-align:left;
  5. }
  6. #imagenes{
  7. float:left;
  8. width:220px;
  9. border:1px solid red;
  10. margin:5px;
  11.  
  12. }
  13. .imagen1{
  14. float:left;
  15. }
  16. .imagen2{
  17. float:right;
  18. }
  19. #comentario{
  20. float:left;
  21. width:750px;
  22. border:1px solid red;
  23. margin:5px;
  24. }
  25. .titulo{
  26. margin:5px;
  27. text-align:left;
  28. font-weight:bold;
  29. font-size:14px;
  30. }
  31. .comentarios{
  32. text-align:left;
  33. color:red;
  34. font-size:14px;
  35. margin:5px;
  36. }
Código PHP:
Ver original
  1. <div id='contenedor'>
  2.         <div id='imagenes'>
  3.             <img class='imagen1' src='/archivos/".$row['file_one']."'>
  4.             <img class='imagen2' src='/archivos/".$row['file_two']."'>
  5.         </div>
  6.         <div id='comentario'>
  7.             <p class='titulo'><a href='resultados.php?id=".$row['id_anuncio']."'>".$row['titulo']."</a></p>
  8.             <p class='comentarios'>".$row['comentario']." </p>
  9.         </div>
  10.     </div>";
  #14 (permalink)  
Antiguo 18/05/2011, 02:31
Avatar de yonaida  
Fecha de Ingreso: marzo-2011
Ubicación: Barcelona
Mensajes: 123
Antigüedad: 13 años
Puntos: 20
Respuesta: colacacion resultado form

yo lo visualizo asi: http://alcopractica.zxq.net/pruebas/prueba.html

tu problema es que no puedo ayudarte sin ver realmente lo que estas viendo tu. cuelga la pagina con su base de datos y todo en un servidor donde se pueda ver, y entonces a ver que se hace.
yo solo te pase el codigo html, luego tienes tu que mirar como adaptarlo a lo que tienes ahora.

salu2
__________________
Everybody Else It's Doing It, So Why Can't We?
  #15 (permalink)  
Antiguo 18/05/2011, 09:58
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 12 años, 10 meses
Puntos: 10
Respuesta: colacacion resultado form

a vale ahora me funciona bien solo un ultimo detalla no podria pintar el fonde de un color en una capa pero cuando se inserten datos salga una capa de color y la otra sin color

de todas formas te estoy muy agradecido por el tiempo que me dedicastes eres un gran profesional saludos

Etiquetas: resultados, formulario
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 18:34.