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 15 of 15
  1. #1
    Regular Coder
    Join Date
    Jul 2005
    Location
    Nottingham NH
    Posts
    208
    Thanks
    0
    Thanked 0 Times in 0 Posts

    V4 GBHXonline Coming Soon

    Hey guys,

    Can I have some feedback on a new hosting site I just made please? Temporary Site Location.

    It's my first "elastic" site, and I did add some "fluid" controls to keep it from going nuts if someone keeps enlarging their text beyond what might be considered normal

    Please feel free to comment on any aspect, but do note that pricing, plans, etc., will end up being changed as they have yet to be finalized.

    Thanks in advance.
    Mike

  • #2
    Regular Coder
    Join Date
    Oct 2004
    Location
    England
    Posts
    282
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That site has as much girth as my....

    What I mean to say, it's very narrow, could do with widening a bit? Also, I prefer the sans-serif font as default But otherwise it's ace

  • #3
    Regular Coder
    Join Date
    Jul 2005
    Location
    Nottingham NH
    Posts
    208
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks man.

    I made it the width it is so, being elastic, you could enlarge the text (site) fully in IE without getting a horizontal scroll bar (on 1024x768). In FF and the other browsers I can set a max width (98% I think is what I used), but with IE I couldn't do that because, well, IE is IE lol.

    Mike

  • #4
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    it's very narrow, could do with widening a bit
    That was the only thing that stood out for me as well...

    I've had success with this minmax javascript when trying to get IE on board for a resizable layout.
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #5
    Regular Coder
    Join Date
    Jul 2005
    Location
    Nottingham NH
    Posts
    208
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for that link McDougals4all

  • #6
    Regular Coder
    Join Date
    Sep 2004
    Posts
    347
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The only thing I would say to improve it is enlarge the footer text a little. You probably did that so as you said you wouldn't get a scroll bar if you increased the text a little, but I think it could use some enlarging.

    Other than that, it's great!!
    I'm thinking of downloading your CMS

  • #7
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,790
    Thanks
    8
    Thanked 131 Times in 129 Posts
    in your css you need to change this:
    Code:
    #wrapper {
    background : #fff url(../iimages/wrap_back.jpg) no-repeat 100% 0;
    width: 46em;
    height: auto;
    margin: auto;
    max-width : 98%;
    min-width : 332px;
    text-align: left;
    border-top : 0;
    border: 1px solid #999;
    }
    you need the border-top: 0; below the border: 1px etc... I see it in Moz and it looks funny. I would kill the bottom border as well.

    A few graphical things that stick out to me (as usual) :

    The hr's that touch the side bar need to be either skinnier or the same bg-color as the sidebar. Having them the dark grey and the touching the sidebar that is light grey looks out of place to me. But then the right border of the hr (or the left border of the side) would look funny. I don't know but you get what I mean?

    In the header:

    there is a 1px white gap on the left side. Is that supposed to be there? And is that 1px orange stripe supposed to be there?

    under the fading boxes there is that grey line. above it is a whitespace. On purpose? it looks out of place. and the grey stripe is heavier than the one under the binary. looks too strong to me.
    the drop shadow under the binary looks too sharp. has a sharp bottom edge to me.

    The orange in the word 'hosting'. is it the same color as the other orange in the text? It looks drab complared to them. If it is the same color is probally because it's against a green/grey background. AMybe intensify it a little to match if it's supposed to or change the color entirely if it's not supposed to match.

    I like the skinny-ness of it personally.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #8
    Regular Coder
    Join Date
    Jul 2005
    Location
    Nottingham NH
    Posts
    208
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by harbingerOTV
    in your css you need to change this:
    Code:
    #wrapper {
    background : #fff url(../iimages/wrap_back.jpg) no-repeat 100% 0;
    width: 46em;
    height: auto;
    margin: auto;
    max-width : 98%;
    min-width : 332px;
    text-align: left;
    border-top : 0;
    border: 1px solid #999;
    }
    you need the border-top: 0; below the border: 1px etc... I see it in Moz and it looks funny. I would kill the bottom border as well.

    A few graphical things that stick out to me (as usual) :

    The hr's that touch the side bar need to be either skinnier or the same bg-color as the sidebar. Having them the dark grey and the touching the sidebar that is light grey looks out of place to me. But then the right border of the hr (or the left border of the side) would look funny. I don't know but you get what I mean?

    In the header:

    there is a 1px white gap on the left side. Is that supposed to be there? And is that 1px orange stripe supposed to be there?

    under the fading boxes there is that grey line. above it is a whitespace. On purpose? it looks out of place. and the grey stripe is heavier than the one under the binary. looks too strong to me.
    the drop shadow under the binary looks too sharp. has a sharp bottom edge to me.

    The orange in the word 'hosting'. is it the same color as the other orange in the text? It looks drab complared to them. If it is the same color is probally because it's against a green/grey background. AMybe intensify it a little to match if it's supposed to or change the color entirely if it's not supposed to match.

    I like the skinny-ness of it personally.
    Thanks guys. I like skinny sites too as I feel they are more readable. A personal thing.

    The white line, orange line and the white fade below the boxes is image and was put there to add a little something. Some pizazz or whatever. Too "out there," perhaps?

    I'll probably do what you say about the top and bottom borders. I see it in FF, IE, NS, and OP and it seems okay to me, but I'll give a better look-see. Not everyone seems to see the same site which is a concern (not just here but others). One fellow said the text links in the main nav were wrapping for him. I'm puzzled by that. My fisrt assumptuon is he doesn't have Georgia, but Garamond is the next font floowed by yukky Times, but all are smaller than Georgia. I asked him for browser, OS, etc.

    One thing that concerns me is you say the hr's touch the side bar. I don't see that on anything except Opera (which I was willing to accept), but you're this is FF? Can I have more information about your equipent too, harbingerOTV?

    The word Hosting is the same color, but slightly transparent. It was kind too bright before, but then maybe a thinner type style with the right color may be a good way to go.

    Scootertaj: Yep I didn't want the footer text to wrap but it needs enlargment. It's one of the things on my fix-list. I think I'm going to try and creatively shorten the text so I can make it larger. I don't like modify content for the purpose of styling, but it seems to be the best [read: easiest] fix in this case.

    Do let me know what you think of the CMS if you try it. If all goes well, I should be able to publish the XML/RSS Newsmaker plug-in for it by Tuesday.

    Thanks for the feedback. I really appreciate the insights.

    Mike

  • #9
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,790
    Thanks
    8
    Thanked 131 Times in 129 Posts
    Quote Originally Posted by Green Beast
    One thing that concerns me is you say the hr's touch the side bar. I don't see that on anything except Opera (which I was willing to accept), but you're this is FF? Can I have more information about your equipent too, harbingerOTV?
    yeah it's in Opera V.8.02. If your cool with it I am. In FF/Moz/IE6 they look the same to me. I think I must have had Op open while I clicked your site link.

    in Op8 it looks like the top border isn't there. But in IE6/FF/Moz it is. probally not a real issue but the way it looks is that your site is made to span the heioght of the pasge. maybe it's my resolution (1152xwhatever). If it's not and it's supposed to hang at the top just swap the border properties like I mentioned so it 'hangs' on thr top and give a little bottom margin to the bottom.

    To me it looks funny when sites al...most reach the bottom but casn't quite make it and there is nothing to alieviate that.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #10
    Regular Coder
    Join Date
    Jul 2005
    Location
    Nottingham NH
    Posts
    208
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by harbingerOTV
    yeah it's in Opera V.8.02. If your cool with it I am. In FF/Moz/IE6 they look the same to me. I think I must have had Op open while I clicked your site link.

    in Op8 it looks like the top border isn't there. But in IE6/FF/Moz it is. probally not a real issue but the way it looks is that your site is made to span the heioght of the pasge. maybe it's my resolution (1152xwhatever). If it's not and it's supposed to hang at the top just swap the border properties like I mentioned so it 'hangs' on thr top and give a little bottom margin to the bottom.

    To me it looks funny when sites al...most reach the bottom but casn't quite make it and there is nothing to alieviate that.
    Ah, that's cool. We're seeing the same thing. However, you've made me think about this somewhat more than I had during the build and I have a fix for it (which I will employ when I make my feedback-based edits and modifications. I didn't bother delving into it at the time for the hrs (lazy?), but I did run into this in a part of the site I couldn't ignore. If you'll look at the source of the Contact/Order page you'll see a div around the upper input fields called <div id="opera"> and in the CSS it is styled as such:
    Code:
    #opera {
    width : 22em
    }
    This allows the input fields to enlarge as they should, yet it contains them to the left side, irrespective of the float. It seems as if Opera doesn't respect the float with inputs and hrs so I had to force it to cooperate. I had to address it for inputs as there was no option. But it's easy and now predefined so I should place that div on the upper content portions of the other pages to contain the hrs. It should work. I'm positive this isn't the most elegant fix (and I'm open to suggestions), but this one is the one I was able to figure out at the time.

    I have another weird inline-styled div (<div id="StupidDivforIEsHasLayoutandFocus" style="height:50%">) in the archive of the news section of the Home page so IE+keyboard users can tab navigate that section reliably. This is one of those obscure things. It's an IE quirk actually. If the element hasLayout=false, meaning it doesn't have width, height, *or other hasLayout property, an IE+keyboarder will end up at the top of the page or closet parent with hasLayout on the next tab after pressing an archive link, instead of going back to the menu per se.

    *Go here for more info about hasLayout. And see these experimental hasLayout tab focus pages I made for an hasLayout article by Jim Thatcher.

    Mike

  • #11
    Regular Coder
    Join Date
    Aug 2004
    Location
    The US of A
    Posts
    767
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Your site makes Opera sad in full view mode. I personally don't like the skinnyness, but I respect your choice; however, have an option to make the design wider.

  • #12
    Regular Coder
    Join Date
    Jul 2005
    Location
    Nottingham NH
    Posts
    208
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Kurashu
    Your site makes Opera sad in full view mode. I personally don't like the skinnyness, but I respect your choice; however, have an option to make the design wider.
    What do you mean by sad? It seems okay to me in Opera zoomed. Am I missing something or are you seeing something I'm not?

    Good idea on the choice. Choice is king. Maybe I'll add another style. Thanks.

    Mike

  • #13
    Regular Coder
    Join Date
    Aug 2004
    Location
    The US of A
    Posts
    767
    Thanks
    1
    Thanked 0 Times in 0 Posts
    By Opera being sad I meant you need to add projection to your list of media types for the stylesheet.

  • #14
    Regular Coder
    Join Date
    Jul 2005
    Location
    Nottingham NH
    Posts
    208
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Kurashu
    By Opera being sad I meant you need to add projection to your list of media types for the stylesheet.
    Ah, I see. I'm going to Google projection CSS now to see what's needed. I actually had that added to special.css (which only strips images and styles nothing else) but it wasn't valid. I didn't know what I was doing and didn't investigate it further at the time. But, by golly, I'm don't like the idea of a sad anything so I will at least look into it more.

    Thank you.
    Mike

  • #15
    Regular Coder
    Join Date
    Jul 2005
    Location
    Nottingham NH
    Posts
    208
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi guys,

    I made some corrections, as follows:

    1) I brutally edited the footer text and increased its size. Much better I think. It's actually readable now.

    2) I added text-decoration:underline to the footer links. The page links have a border-bottom so I figure they're all set.

    3) I change the order of the jump links so they will be better for people with screen readers.

    4) I hid the jump links by way of an offset instead of stripping their visibility. This allows them to be used by keyboarders and screen reader users as they aren't hidden with styles on, but rather sent out of view as they aren't needed by the visitor with a pointing device.

    This should correct the main accessibility/usability issues people picked up on in the various forums on which it was reviewed. Thank you to all that gave suggestions.

    Mike

    PS. I fussed with the hr thing this morning. I employed the fix I had talked about using for the input fields. It worked great in Opera and all. But, like it is with the contact form now, there is a small issue. If the text is decreased in size the content drops down (in IE only). I messed with this for quite some time and couldn't get it to not do that without seriously compromising the looks of the page. I then came up with another solution that fixed the IE issue and made the hrs look great in all the browsers... except Opera where is gave me yet a new issue. I figured, okay, I can use conditional commenting to make it work in IE, and solve the problem once and for all, but instead (for now) I decided to walk away from it. It was aggravating. I remember when we used to make sites for IE and Firefox, Opera's a nice browser, but it does add yet another challenge. The hrs flow behind the side bar in Opera. I guess I'm okay with the way it looks and feel I chose the lesser of two evils. For now anyway.


  •  

    Posting Permissions

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