Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 8 of 8
  1. #1
    thw
    thw is offline
    Junior Member
    Join Date
    Apr 2004
    Posts
    16
    Member #
    5809
    I managed to get my layout looking like this:
    http://route414.com/testing/testing.htm

    However, it stuffs up badly in IE. Why!? :dead:

    Also, I'd like to have some space between each items on the menu. All that I can think of is to insert an image in between them. Any better way?

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,717
    Member #
    5580
    Liked
    718 times
    Those are .gif images (both the normal and mouseovers).
    Use a graphics editor to add pixel height to each one,
    making more space between them. Then adjust the height
    in your HTML (from 11 pixels high to 16 or whatever).


  4. #3
    thw
    thw is offline
    Junior Member
    Join Date
    Apr 2004
    Posts
    16
    Member #
    5809
    Quote Originally Posted by mlseim
    Those are .gif images (both the normal and mouseovers).
    Use a graphics editor to add pixel height to each one,
    making more space between them. Then adjust the height
    in your HTML (from 11 pixels high to 16 or whatever).
    I think that's what I was thinking too :glasses:

    http://route414.com/testing/testing3.htm

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,717
    Member #
    5580
    Liked
    718 times
    You created a "blank" .gif image to use as a space.

    I was sort of just thinking of making the actual images you already have taller ... like 18 pixels instead of 11.

    Example, you open the image up with MSPaint.exe or some other editor. Increase the height to 18 pixels, re-center the text, and re-save the image with the same name.

    Using "blank" images as fillers or spacers can sometimes cause problems.
    ... for sure, you'll get "scolded" by the serious web designers for using them. If the look is what you want, and you don't mind the flak, then go with it.


  6. #5
    thw
    thw is offline
    Junior Member
    Join Date
    Apr 2004
    Posts
    16
    Member #
    5809
    Quote Originally Posted by mlseim
    I was sort of just thinking of making the actual images you already have taller ... like 18 pixels instead of 11.
    I just don't want the link to be so big, if you know what I mean, Like I only want the words to be the link, not the white space.

    Quote Originally Posted by mlseim
    ... for sure, you'll get "scolded" by the serious web designers for using them. If the look is what you want, and you don't mind the flak, then go with it.
    He... that's why I ask if there is a better way in the first place.

    But more importantly, the layout is stuffing up big time in IE and I have absolutely no idea!! :ermm:

  7. #6
    thw
    thw is offline
    Junior Member
    Join Date
    Apr 2004
    Posts
    16
    Member #
    5809
    I finally found the problem!!

    Searched in google for "CSS IE problem image vertical spacing", and after so many pages... finally found the one that solved my problem.

    http://www.netmechanic.com/news/vol7/html_no1.htm

    Basically just remove all spacing between the tags and the final result:

    http://route414.com/testing/testing2.htm

    It looks the same in Firefox, Navigator, Opera and stupid IE now!!

  8. #7
    Senior Member justlivyalife's Avatar
    Join Date
    Jul 2003
    Location
    Birmingham, UK
    Posts
    2,871
    Member #
    2374
    Off topic: I think your navigation rollover effect needs to be a little more pronounced?
    justlivyalife - The future depends on what we do in the present. (Mahatma Gandhi)
    WDF Resources: WDF Rules
    Non-WDF: JavascriptSource | Dynamic Drive | phpBB | HTML-Kit | Winamp | Download Firefox | Morguefile

  9. #8
    thw
    thw is offline
    Junior Member
    Join Date
    Apr 2004
    Posts
    16
    Member #
    5809
    Quote Originally Posted by justlivyalife
    Off topic: I think your navigation rollover effect needs to be a little more pronounced?
    Thanks for the comment.

    I basically want the site to look simple and subtle. Initially I was not going to make any animation in the menu, but thought that a little bit of movement would be nice, and hence the rollover. Didn't want it to be too obvious. But would you say it's a very bad thing, from the users' perspective?


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:24 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com