css

  • Unknown's avatar

    hello,
    I used images as icons with links to my other pages but i have a hard time to have then in the same line and centered ?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi, are you talking about on this page, http://ovnigraphic.com/business-cards/ for example? If not, can you point me to an example? I would be more than happy to help get things sorted out for you.

  • Unknown's avatar

    Hi,
    Sorry i haven’t been very clear… (my english is a bit poor for technical matters…)
    So, as you can see on this page http://ovnigraphic.com, I used 6 images built off line as icons to link to other pages like http://ovnigraphic.com/business-cards/ and in this page which is not done yet I would like the same kind of setting to link to another page where images will be displayed in full size…
    My concern is that i had a very hard time to have these “image/icon” all centered and on the same line, i finally made it, but it was very hard, images sometimes are not centered or slightly upper, and i will have to add more of them… As the entire blog would be like this, i would like to know if there is a way to always have images on the same line and starting from the middle, like a text, for every single pages that I will build…
    The other solution could be like in the http://ovnigraphic.com/business-cards/ page, to build a gallery, this way every “image/icon” ares great, but i can’t apply on them a link to another page, just to the image itself …
    So to be clear… I would like the same kind of presentation than the gallery, but with each image linking to another page, not to the slideshow….
    Thank you, hope I have been clear enough, as i even confuse myself….

  • Unknown's avatar

    Hi, your site is looking very nice.

    On the business cards page, the images are three different sizes (proportions). To get the images to be the same size when inserted, they have to have the exact same proportions. What I’m seeing is this:

    Left: 150 x 97 (1.55 to 1)
    Middle: 150 x 95 (1.58 to 1)
    Right: 150 x 106 (1.42 to 1)

    To get the thumbnails to be all the same size, the original uploaded images have to all be the same proportions. As an example, 900px wide by 600px high (1.5 to 1 proportion). With all of the images starting out at the same proportions, they will all reduce to the same sized thumbnails and then the text below them will be in alignment horizontally (except if they have different numbers of lines in the text (first two have one line, last one has two lines).

  • Unknown's avatar

    Hi,
    thank you for liking my site’s design…
    So for the thumbnail thing, I got you !!! I guess I’ll have to build a mock up off line with each images and then import them.
    About the image lining in the pages, do you have any clue ? this would save me a lot of time trying to find the size and positioning for all of them to be centered and on the same line…
    Thank you very much for all your precious help, it is very helpful !

  • Unknown's avatar

    Hi, you want the height of each image to be the same since that will determine horizontal alignment for each row of images. The widths can vary, if the images are such that they cannot all be the same width and height. Height in the most important in this case.

  • Unknown's avatar

    Hi, Thanks again, I got it !!

  • Unknown's avatar
  • The topic ‘css’ is closed to new replies.