Foro diseño/web/editorial

Foro ceslava | Diseño gráfico / web / editorial | Formación » Diseño Editorial

  1. Jose
    Miembro

    Hola Cristian, ya estoy de nuevo dando la matraca, sigo con los libros electrónicos, ¿existe alguna manera de controlar el tamaño de las imágenes al exportar desde indesign a epub?



    gracias

    agur

    Publicado hace 7 años #
  2. ceslava
    admin

    Hola Jose,


    Lo único que puedes hacer es decirle con o sin formato, lo lógico será que le dejes el formato que le has dado en ID, si quieres quitarlo y editarlo con CSS dile sin formato y luego al CSS le das las opciones.

    Por ejemplo para que todas las imágenes tengan un ancho de 300 píxeles:
    img { width: 300px;}

    Saludos

    Publicado hace 7 años #
  3. Jose
    Miembro

    Hola Cristian,  a ver si me entero: En ID ya le he dado un fórmato llamado foto que es: 


    p.x05-fotos {text-align: center;}

    Esto es lo que sale en el CSS

    ¿dónde tengo que poner la orden img {width: 300px;}?
    ¿dentro del anterior para que afecten a todas las fotos?

    Publicado hace 7 años #
  4. ceslava
    admin

    Entiendo que cada imagen tiene esta clase


    img class="x05-fotos"


    Por tanto si añades cualquier propiedad a esta clase en el CSS será:
    .x05-fotos {width:300px;}
    La p delante indica que afectará a imágenes que vayan en párrafos.
    Saludos

    Publicado hace 7 años #
  5. Jose
    Miembro

    Hola, no veo bien el mensaje. Sale una interrogación en azul donde parece que pone algo después de esta clase.


    ¿Todas las órdenes que tiene cada formato tienen que ir dentro de los paréntesis?
    Cuando pongo la orden width: 300px. Lo que hace es quitar la orden de centrar y desplazar la foto, no la amplía.

    Voy a seguir haciendo pruebas.

    gracias

    Publicado hace 7 años #
  6. ceslava
    admin

    Lo he editado, en CSS las propiedades van entre llaves y acaban en ;

    Acabo de poner un post q igual te viene bien:

    Publicado hace 7 años #
  7. Jose
    Miembro

    Ok, gracias lo miro ahora mismo.



    agurrrrrrrr

    Publicado hace 7 años #
  8. Jose
    Miembro

    Hola, otra vez, sigo con el mismo tema y no no hay manera.

    Pongo las imágenes dentro de un párrafo en indesign y le doy un estilo. Luego exporto a epub. Abro el archivo template.css y con DW le modifico lo que sea, pero no encuentro la manera de ponerle al estilo de fotografías el tamaño. Hay opciones donde puedo poner la anchura y la altura en tanto por ciento (hay le pongo 100%) pero no hace ningún efecto. ¿Dónde estoy metiendo la pataza?

    a la espera

    gracias
    agurrrrrr

    Publicado hace 6 años #
  9. ceslava
    admin

    Hola Jose,


    Pega el CSS que estás utilizando, un simple ; puede ser el problema.

    Saludos

    Publicado hace 6 años #
  10. Jose
    Miembro

    Perdón por el retraso, pero he estado desconectado con otros líos. Ahí va el estilo:
    p.h9-imagenes {
        font-family: Verdana, Geneva, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 1em;
        line-height: 1.2em;
        text-decoration: none;
        font-variant: normal;
        text-indent: 0em;
        text-align: center;
        color: #000000;
        margin-right: 0em;
        margin-bottom: 1.18em;
        margin-left: 0em;
        width: 100%;
        display: block;
    }

    Publicado hace 6 años #
  11. ceslava
    admin

    Hola Jose,
    Entiendo que la clase h9-imagenes está asignada a la etiqueta <img>y que estas imágenes están dentro de un párrafo.

    Ejemplo:

    <p>Un párrafo <img class="h9-imagenes" src="imagen.jpg" /> lorem ipsum </p>

    Siendo así te sobra las propiedades de fuentes, cuando sea valor 0 no pongas la unidad y por último lo de las medidas. Display block hará que se comporte como un bloque antes y después del texto.

    Si a una imagen le das un valor relativo, el 100% ocupará el 100% del espacio que tenga pero debes usar imágenes de al menos 750px para el iPad. De todas formas prueba a darle un valor en píxeles para confirmar que estás asignando bien las reglas CSS.

    Saludos

    Publicado hace 6 años #
  12. Jose
    Miembro

    Ok

    Lo que hago con las imágenes es ponerlas dentro de un párrafo si.
    El display block lo pongo para que no me separe el pie de foto de la foto. ¿Hay alguna otra manera?

    ya veo que me queda un mundo por aprender.

    Gracias, y a ver si hay suerte con los Reyes

    agur

    Publicado hace 6 años #
  13. ceslava
    admin

    OK, suerte a ti también :)

    Publicado hace 6 años #

RSS feed para este Tema

Responder

Debes Identificarte para publicar.