WordPress.org

Ready to get started?Download WordPress

Forums

does it work in 800x600? (21 posts)

  1. fishcakes
    Member
    Posted 9 years ago #

    I've just finished restyling my blog, and i've included a nav bar thingy at the very top. I'm just wondering if it is positioned correctly at 800x600 resolution, and also resolutions above 1024x800. Basically, I only have access to 1024x800 resolution, and I need it checked out in others.

    The navbar should be in the very top left of the header. Thanks!

    [Edit]
    I should note that the navbar isn't visible in IE on purpose, because it can't display transparent PNGs

  2. dgstinner
    Member
    Posted 9 years ago #

    I'm running 1280x1024 and it's on the right side of the header. The right side of the header image splits the word 'archives' in between the 'i' and 'v'

  3. ifelse
    Member
    Posted 9 years ago #

    Small suggestion: The colour that you've chosen for links is extremely difficult to read due to the lack of contrast between it and the background.

    I can understand that you want to make it fit in thematically but may I suggest that you choose a more readable colour? For example, a bold orange would fit nicely in line with your colour scheme...

  4. lawtai
    Member
    Posted 9 years ago #

    I'm seeing your navbar at the top right in FF. Also, it's not that hard to add transparent PNG support for IE.

  5. fishcakes
    Member
    Posted 9 years ago #

    Hmm.
    Dgstinner - thanks for the feedback, it shouldn't be there, should be a bit futher left. It's because it's positioned using percentages. I was afraid this might happen. Is there any way I can position it a certain number of pixels from the edge of the header image? (Must point out I'm a bit of a newbie when it comes to CSS etc, but I'm picking it up).

    Ifelse - I know what you mean. I did think that when I did it. In the end I thought it was just readable enough, but if you're finding it hard to read, I may change it.

    Lawtai - Isn't it? ooh, how?

    Thanks for feedback, keep it coming...

  6. lawtai
    Member
    Posted 9 years ago #

    http://homepage.ntlworld.com/bobosola/

    for PNG support in IE

    also, maybe try using a position:absolute for your navbar?

  7. fishcakes
    Member
    Posted 9 years ago #

    cheers for the link, I'll try that out. But surely 'position:absolute' wouldn't work, cos the distance between the header and the side of the page would change with resolution, but the distance between the navbar and the side of the page wouldn't. If that makes sense...

  8. lawtai
    Member
    Posted 9 years ago #

    well, position:absolute would be with regards to a position on your theme, not the viewing window. I'm using position absolute wiht my navbar, and it works no matter what the resolution.

  9. fishcakes
    Member
    Posted 9 years ago #

    aha, good point. I'll give it a whirl. Also, having some problems with the PNG fix. I have installed the code as instructed, but still getting nasty grey bits around the bar. Is this a problem with my PNG image?

  10. lawtai
    Member
    Posted 9 years ago #

    yea, i think it's your png image

  11. fishcakes
    Member
    Posted 9 years ago #

    actually, I think it may be because I haven't defined the image size, as it says you must on the link you gave. Can I do this in CSS?

  12. lawtai
    Member
    Posted 9 years ago #

    heh, sorry no idea. when i used it, i never changed anything for size of pictures.

  13. fishcakes
    Member
    Posted 9 years ago #

    Never mind. Y'know, it's kinda funny. When experimenting, I accidentally turned off the image behind the navbar altogether, and I think I like it better that way (insert "sheepish" emoticon here).

    Still having positioning problems though. On my template, position:absolute seems to position it realtive to the whole viewing window. Any other ideas how to position the bar relative to the header, not the whole page?

    [ps, just realised I can just change my resolution to 800x600 in the settings display tab. duh. still need info on 1280 tho]

  14. Jinsan
    Member
    Posted 9 years ago #

    wow that is BRIGHT! the links are very difficult to read, if at all. And your nav bar at the top is centred rather than aligned top left as you want it. This is in FF with 1280x1024

  15. fishcakes
    Member
    Posted 9 years ago #

    hehe I got tired of dull blue blogs :). I heed your calls for more readable links, I've changed them to a kind of bright orange (here).

    I've now centred the navbar on purpose, because otherwise I can't get it to stay fixed where I want it.

  16. Jinsan
    Member
    Posted 9 years ago #

    I noticed you're using the binarybonsai navigation? Try this:

    http://css.maxdesign.com.au/index.htm

    Find a horizontal menu you like and set it how you want it. I don't see any reason why it shouldn't work.

    I can give you a hand if you want, though I promise nothing: sekhudotnet at gmaildotcom

  17. fishcakes
    Member
    Posted 9 years ago #

    Wow, thanks, Jinsan. That's a really useful CSS link for a newbie like me. I did notice a similar tut at David Appleyard's site. I think I'll have a go at creating my own navbar. Thanks to everyone for their help.

  18. futb0l
    Member
    Posted 9 years ago #

    Looking good.

  19. metabold
    Member
    Posted 9 years ago #

    One of the reasons it's position is off is in the code:

    The div id of "supernavcontainer" and it's contents should be the first item in the "header" tag.

    if you

    #supercontainer { float: left; clear: both;}

    That should put it where you want it. You may have to take out the clear: both; but put it in on the first try.

    You could also absoloutly position it:

    #supercontainer { top: 0px; left: 10px;}

    you'll have to figure out values. Just remember using an absolute position it separates it from the rest of the div's so you may need to add some padding or margin to your #headerimg to add some space at the top.

    Thanks,
    David

  20. rwatkins
    Member
    Posted 9 years ago #

    Hey,

    Nice layout! That green reminds me of my old site design ;-).

    Rob

  21. fishcakes
    Member
    Posted 9 years ago #

    Thanks, man, but it's really just based on the Kubrick format, with quite a few different bits/plugins nailed on here and there. My coding ability is limited!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.