Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 7 de 7

Tema: Insercion de imagenes a la capa contenido?

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    12 mar, 11
    Mensajes
    6
    Poder de Reputación
    0

    Post Insercion de imagenes a la capa contenido?

    hola nuevamente amigos:que les parece sigo trabajando en la plantilla, me ayudaron anteriormente con la incersion de la imagen de fondo y quede satisfecho con el resultado.Ahora tengo un nuevo interrogante y es acerca de como incertar imagenes a la capa contenido y se las puedan unir a un parrafo sin que este se afecte,es decir;no se cree un espacio entre lineas,ni el parrafo se distorcione.Adicionalmante a esto podrian explicarme como puedo ubicar la imagen en cualquier parte de la capa contenido.
    Espero puedan ayudarme y de nuevo muchas gracias por instruirnos en este tema tan facinante.
    Me despido esperando su ayuda.


    CHAO Y SUERTE!!!!!!!

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de ricky
    Fecha de Ingreso
    17 jul, 10
    Ubicación
    Pais: Colombia!!!
    Mensajes
    391
    Poder de Reputación
    12
    <p><img src="ruta" style="float:right" />texto texto texto</p>

    si la quieres a la izquierda: "left" y para separarla del texto padding al lado que quieras.

  3. #3
    Esto empieza a ser un vicio... Habitante Avatar de lantiga
    Fecha de Ingreso
    23 feb, 11
    Mensajes
    905
    Poder de Reputación
    14
    Riki ¿por que una propiedad float?
    Suscribete a Los videotutoriales de Lantiga y podre hacer vídeos más largos y con mejor calidad.

  4. #4
    Esto empieza a ser un vicio... Habitante Avatar de ricky
    Fecha de Ingreso
    17 jul, 10
    Ubicación
    Pais: Colombia!!!
    Mensajes
    391
    Poder de Reputación
    12
    para que flote a la derecha del div en el espacio que tenga, si se deja suelta su posicion dependera de los otros elementos en este caso el texto para que la empuje, encambio si le dices q flote a una posicion permanecera ahi aunque no tenga elementos q la empujen, en este caso texto, puedes no escribir nada e igual se quedara a la derecha, si no le dices q se ubique alli, por defecto se desplazara a la izquierda.

  5. #5
    Recien Llegado! Merodeador
    Fecha de Ingreso
    12 mar, 11
    Mensajes
    6
    Poder de Reputación
    0
    Hola muchachos:Les agradezco los correos que me enviaron,ahora les cuento que puse en practica lo que me enviaron y me fue muy bien inserte gran cantidad de imagenes que me quedaron geniales.Este metodo me parecio muy sencillo y facil de hacer,espero que si conocen otro metodo para incertar las imagenes me lo hagan saber,por lo pronto les envio la copia del codigo y como me quedo definitivamente con unos agregados de mi cosecha;
    <p><img src="nombredelacarpeta/nombredelarchivo" style="float:right" width="#" height="#" alt="loquequieran">texto texto texto</p>
    CHAO Y GRACIAS!!!!!!!!![/U]

  6. #6
    Administrador CCTW Webmaster de CCTWHabitante Avatar de Jorgens_CCTW
    Fecha de Ingreso
    30 ene, 11
    Ubicación
    Cartagena, Murcia, España.
    Mensajes
    1,188
    Poder de Reputación
    10
    Es el método que yo uso también en CCTW y me parece genial.

    El que tú pones es este según nos dices:
    <p><img src="nombredelacarpeta/nombredelarchivo" style="float:right" width="#" height="#" alt="loquequieran">texto texto texto</p>
    Yo optimizaría, dejándo solamente en el Html de las páginas esto:
    <p><img class="derecha" src="nombredelacarpeta/nombredelarchivo" width="#px" height="#px" alt="loquequieran">texto texto texto</p>
    Es decir, eliminado todo el estilo dentro del Html. Para que funcione, claro, nos falta definir el estilo "derecha" en la hoja de estilos, que imagino que usas. La línea a añadir en la hoja de estilos para conseguir que siga funcionando sería esta:
    .derecha {float:right}
    Fíjate que puedes definir otra que quede a la izquierda, así:
    .izquierda {float:left}
    Para que quede flotando a la izquierda tendrías que ponerle esa clase de estilo al html de la imagen:
    <p><img class="izquierda" src="nombredelacarpeta/nombredelarchivo" width="#px" height="#px" alt="loquequieran">texto texto texto</p>
    Y ya puestos, puedes definirle algún margen, borde o lo que quieras en la hoja de estilos
    .izquierda {float:left; margin:0px 10px 0px 12px; border:1px solid black}
    con la ventaja de que ahora con solo modificar la hoja de estilos consigues cambiar el aspecto de todas las imágenes de la web mientras que tal y como lo tenías, para conseguir lo mismo, tendrias que modificar una a una las líneas Html de cada imagen de cada página de tu web. Es útil la hoja de estilos, o que? je je je

    Un abrazo!

  7. #7
    Recien Llegado! Merodeador
    Fecha de Ingreso
    12 mar, 11
    Mensajes
    6
    Poder de Reputación
    0
    hola viejo jorgens:un saludo especial de parte de dan@ y queria decirte que gracias a ti he encontrado esto que me a apasionado a tal punto de seguir investigando y experimentando,espero que como los demas que hemos seguido el curso de creacion de paginas web,tu nos puedas segir instruyendo sobre nuevos temas para mejorar los diseños de nuestras paginas.Por cierto voy a poner en practica lo que me enviaste y mejorar las imagenes que ya he incertado con el anterior codigo.
    nuevamente gracias y suerte!!!!!!!

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •