Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Nov 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    vertical alignment of gif files

    Web site: www.classic-corvettes-ky.com I have 6 gif files of Corvette flags that do not look good. The vertical alignment is my question. Partial code follows:

    <body style="background-image: url('background.jpg')">

    <div class="style1">

    <p class="style3" align="center">Classic Corvettes KY<o></o></p>
    <p class="style4">est.&nbsp;&nbsp; November 4, 2008</p>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;

    <img src="C1%20(converted).gif" width="75" height="70" />
    <img src="C2%20(converted).gif" width="75" height="53" />
    <img src="C3%20(converted).gif" width="75" height="44" />

    <a href="http://xyz.freelogs.com/stats/c/ccky/" target="_top">

    <img border="0" alt="hit counter script"
    src="http://xyz.freelogs.com/counter/index.php?u=ccky&s=7seg"
    ALIGN="middle" HSPACE="4" VSPACE="2"></a>

    <script src=http://xyz.freelogs.com/counter/script.php?u=ccky></script>&nbsp;

    <img src="C4%20(converted).gif" width="75" height="48" />
    <img src="C5%20(converted).gif" width="75" height="38" />
    <img src="C6%20(converted).gif" width="75" height="33" />

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    <br></div>


    Any idea howto align them vertically? Thank you. Bob topcat@vettenut.com

  • #2
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,470
    Thanks
    8
    Thanked 1,085 Times in 1,076 Posts
    If it were me, I would actually make all of them the same exact dimensions,
    such as width: 75, height: 70. And by that, I mean to edit the .gif images
    themselves and make them all the same. Center the logo within that .gif image
    and leave the white space around it.

    Now, you picked "white" as the transparent color, so it messes-up your images ...
    White becomes gray in your case. So, when you edit your .gif, fill the white
    spaces around each logo with some other color that is not used in any of the logos (like green).
    Leave the white color on the logos where it's supposed to be white. Then, make
    green your .gif transparent color.

    Now, your logos will have white where they are supposed to be. Whatever area is green
    (which is transparent), will become your background ... gray.

    They will also be centered properly because all of the 6 .gif images are positioned
    the same vertically (they all have the same "height" dimension).


    .
    Last edited by mlseim; 11-20-2008 at 07:28 PM.

  • #3
    New Coder
    Join Date
    Nov 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What program do you suggest I use to do as you suggest?

  • #4
    New Coder
    Join Date
    Nov 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I used a program called Total Image Converter and resized as you suggested. As far as white where some grey is I have nothing to do this part of the conversion with. What should I get to do this? Bob

  • #5
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,470
    Thanks
    8
    Thanked 1,085 Times in 1,076 Posts
    Use IRFANView to load a .gif and resave it with a transparent color you select.
    http://www.irfanview.com/

    =====================

    There are some things I would change, but these are based
    on my own personal opinions. This is your site, so take these
    suggestions as just that.

    I would eliminate the hit counter ... nobody cares about that,
    and that number can be made to say anything. If you need stats,
    use your webhost's control panel to view the site logs.

    I would use only a white background, not the gray.
    That would also solve your gray transparent background problem.

    You're using Microsoft (frontpage?) to design your site ... with a
    WYSIWYG editor ... but the site looks like a typical 1995 FrontPage site.

    You should find a nice CSS template (a free one) to use as the layout,
    and then customize the graphics to make it your own. You can search
    on Google for free CSS templates.

    Define who the site is for. Is it just for your members? Or is it for everyone
    like myself that might want to know more about Classic Corvettes?

    Your main (home) page should define the purpose and "feel" for your site.
    I should know what your site is all about and who it's for, just by viewing
    the home page.

    If your site is for someone like me, who knows nothing about Classic Vettes,
    then why not teach me something about them? Give me something that grabs
    my attention and provides me with some information.

    And spell out Kentucky ... you'd be surprised at how many people won't know what KY means.
    I'm assuming it means Kentucky?
    Last edited by mlseim; 11-21-2008 at 04:58 AM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •