Foros del Web » Creando para Internet » CSS »

alinear texto

Estas en el tema de alinear texto en el foro de CSS en Foros del Web. Aca el segundo inconveniente... acabo de subir una web, mi primera web en css asi que perdon por las preguntas http://www.cosmeticosbahia.com.ar/ A donde dice Catalogo ...
  #1 (permalink)  
Antiguo 18/06/2010, 17:25
 
Fecha de Ingreso: abril-2008
Mensajes: 425
Antigüedad: 9 años, 7 meses
Puntos: 2
alinear texto

Aca el segundo inconveniente...
acabo de subir una web, mi primera web en css asi que perdon por las preguntas

http://www.cosmeticosbahia.com.ar/

A donde dice Catalogo on line y campaña de semillas me queda pal... c......

Pongo el html de campaña semillas
Código HTML:
Ver original
  1. <div class="fotosemilla"><img src="images/semillas.jpg"  alt="" width="130px" height="71px" align="bottom">
  2.     <p class="leer2"><a href="semillas.php">Campa&ntilde;a Semillas</a></span></p>
  3.     </div><!-- imagen semillas-->

el del catalogo
Código HTML:
Ver original
  1. <div class="foto2">
  2.       <p><img src="images/revista.jpg"  alt="" width="91" height="75px" hspace="0" vspace="0" align="bottom"></p>
  3.       <p class="leer2"><a href="http://www2.natura.net/Web/Ar/revistanatura/2010/09/popup.asp?p=1" target="_blank">Cat&aacute;logo On line</a></span></p>
  4.     </div>

y aca los css

Código CSS:
Ver original
  1. .foto2{
  2.     clear:both;
  3.     margin:0 auto ;
  4.     float:none;
  5.     text-align: center;
  6.     margin-left:10px;
  7.     margin-top:13px;
  8.     width=130px;
  9.     height=75px;
  10.    
  11. }
  12. .fotosemilla{
  13.     clear:both;
  14.     margin: 0 auto;
  15.     float:left;
  16.     padding:0;
  17.     margin-left:3px;
  18.     margin-top:23px;
  19.     width=130px;
  20.     height=71px;
  21. }
  22.  
  23.  
  24.  
  25. .leer2 a:link{
  26.     font-family:Verdana, Arial, Helvetica, sans-serif;
  27.     font-size:9px;
  28.     color:#000000;
  29.     text-align:center;
  30.     font-weight:bold;
  31.     text-decoration:none;
  32.     margin-left:20px;
  33.     margin-bottom:40px;
  34.    
  35. }
  36. .leer2 a:hover{
  37.     text-decoration:none;
  38.     color:#000000;
  39.     font-family:verdana, arial, serif;
  40.     font-size:9px;
  41.     font-weight:normal;
  42.     text-align:center;
  43.     margin-left:20px;
  44.     margin-bottom:40px;
  45. }

Seguro es una tontera. pero no la veo

Desde ya muchas gracias
  #2 (permalink)  
Antiguo 18/06/2010, 17:45
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: alinear texto

mira no entiendo lo q quieres..:S xfa si lo detallas seria grandioso...

revise tu css y tienes 4 errores de sintaxis haz puesto = en ves de dos puntos (:) en las clases foto2 y fotosemilla al darles las propiedad width y height.. saludos
  #3 (permalink)  
Antiguo 18/06/2010, 18:00
 
Fecha de Ingreso: abril-2008
Mensajes: 425
Antigüedad: 9 años, 7 meses
Puntos: 2
Respuesta: alinear texto

Gracias por la observacion! se me habia pasado

Si entras a la web que puse arriba en donde dice Catalogo on line y campaña de semillas (abajo casi del todo, en unos recuadros blancos), las palabras no estan en la misma linea, es decir hay algunas mas cerca de la imagen que la otra, queda re feo.

Espero que me haya podido hacer entender y gracias nuevamente
  #4 (permalink)  
Antiguo 18/06/2010, 18:09
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: alinear texto

supongo q quieres crear un parrafo personalizado para q el texto salga sin muchos espacio entre lineas... prueba esto

Código CSS:
Ver original
  1. .Parrafo{margin:40px 30px 0 40px;color:#333333;font-family: "Calibri"Arial, Helvetica, sans-serif;font-size: 12px;text-align: justify;}

y el html seria

<div class="contenedor">
<div class="parrafo"> Aca ve el texto q quieras</div>
</div

con el margin lo colocas en la posicion q deseas

espero q te sirva
  #5 (permalink)  
Antiguo 18/06/2010, 18:36
 
Fecha de Ingreso: abril-2008
Mensajes: 425
Antigüedad: 9 años, 7 meses
Puntos: 2
Respuesta: alinear texto

Gracias, me sirvio, lo pude mejorar pero igual me queda el cartel de campaña de semillas un poco a la izquierda, pero mejor esta!
  #6 (permalink)  
Antiguo 18/06/2010, 18:42
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: alinear texto

uhmmm mira para q centres tu imagen tambien puedes aplicar la misma logica creas un div para conetner la imagen y con la propiedades margin o el padding la centras dentro de tu contenedor.. bye suerte
  #7 (permalink)  
Antiguo 18/06/2010, 18:50
 
Fecha de Ingreso: abril-2008
Mensajes: 425
Antigüedad: 9 años, 7 meses
Puntos: 2
Respuesta: alinear texto

Gracias! no se que toque, porque seguro que puse lineas de codigo al divino boton por todos lados, pero mal que mal lo solucione!!

Agradezco la ayuda enormemente!!!

Etiquetas: alinear
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 12:17.