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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 25
  1. #1
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Room for improvement in my Useful URL's site.

    www.exitfegs.co.uk/Sources.html


    I have got to the stage where I think that I could present the data in a easier to use fashion.

    As usual, I find it difficult to make up my mind. If anyone who has time could toss some ideas my way, I would be grateful.

    Anyway, it will give me something useful to do.

    Frank
    Last edited by effpeetee; 04-06-2008 at 07:03 PM. Reason: I left the url out.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Why not put this in the site reviews forum as you really don't need help with the html or css? PM a moderator to move it. Users may read this so at the time of writing this post it was in the HTML/CSS forum.

    I don't like the link font size resizing when you mouse over them. It disturbs the layout. I don't like the alternating colors. I don't like the "HELLO FANS" part especially in the multitude of colors you used. It looks like something a beginner would learn in a class. Get a logo of some kind.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Frank, you could put each heading into nav menu using just CSS and have each menu item, link to a page. Those pages could show all the links that are currently under each heading.

    I agree with Aero_Space_Eng. As I said before, you'd be better to have the text size consistent whether on rollover and if you need it to be bigger, make both the default and the rollover states larger - just keep them the same. The page is quite a fluid design so it shouldn't break it if you go up a font size or two.

    I think you ought to consider the general colour scheme. I am not sure that the background and the yellow and (especially), the links colours work easily. I struggle to read them and I know what most of them say, which should make it easier for me.

    I use this site, to try to make the colours I use somewhat acceptable.

    http://colorblender.com/

    I know you have spent a long time on it and you have progressed well. (I hope that doesn't sound patronising). I learn things from you too. But I think if you were to learn a little of perl or php, you would have a much easier-to-manage site and have a lot more time to actually progress with it, rather than working on development of code.

    It might slow you down for a week or two but, it will make it all quicker in the long run.

    bazz

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Thank you both. I agree with you both, but I have been using the site latterly, just to experiment. Now, I want to get it in order visually and usefully. I have to admit that I am not an orderly person. I find it difficult to organise things into their best arrangement.

    The alternate colours and the multi-coloured Hello Fans was just in order to learn. But the expanding text, was for people like myself who have a difficulty reading. An alternative method of presentatiin will hopefully take care of this by putting less on the screen at a time. That is what prompted this posting. I do appreciate your help and guidance. I promise to take notice.

    Kind regards,

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Frank, I don't know which brower you use. I didn't recognise it from your screen shots in another thread but, I guess it might be FF.

    No matter, use the browser to adjust your font-size so you can see how big you can set it before it goes all wonky. Or use the mousewheel with the CTRL button held down.

    bazz

  • #6
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    I have done a few mods to meet the suggestions. Just as a stop gap measure. Now I will get down to some serious thinking.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #7
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    This version is now reasonable I think.

    www.exitfegs.co.uk/Sources.html

    Any comments?

    Frank.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #8
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    Now the hover is looking good

    ...Yet you might consider having a different background on your 3 columns which is far contrast from your page's background

    ...Also in my opinion, why not use target=_blank instead of the plain a href. For me, your links is useful, and I would love it to remain in my vision, than having it replaced by your links.

    ...just my two cents worth, anyways, this is yet a complete reference i've got to be thankful for
    Learn how to javascript at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph

  • #9
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    ...Also in my opinion, why not use target=_blank instead of the plain a href.
    What would be the advantage in doing that? I have never used target before.

    Thanks for your comments.

    Frank
    Last edited by effpeetee; 04-07-2008 at 10:24 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #10
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    Advantage...it opens the link in the new window,..and let's your page remain..

    I have difficulty in explaining things...i'm more of a problem solver than a theorist

    My apologies
    Learn how to javascript at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph

  • #11
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I don't like the cyan link hover as it clashes with the gray background. The parts that label what the section is should have a top margin or padding of some sort to distinguish it from the other links. It would also be good if you made like an alphabet of some kind and then linked them to each of the different sections. For example, the O section is a little further down on the page. Giving it an id like so
    Code:
    <h5 class="batch_headers" id="o">O - LOOK HERE FOR HELP?</h5>
    then at the your alphabet links at the top you would use
    Code:
    <a href="#o">O</a>
    Now users won't have to scroll much as your list increases in size and they will be able to find things easier. Repeat fro all of the letters you have. The alphabet list can be a simple horizontal list
    Code:
    <ul>
    <li><a href="#a">A</a></li>
    <li><a href="#b">B</a></li>
    <li><a href="#c">C</a></li>
    <li><a href="#d">D</a></li>
    ...
    </ul>
    Just make the li elements display:inline; and use text-align:center; on the ul.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #12
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    I wouldn't use target. I hate it when a site opens up a new window, especially seeing as the innovation in tabbed browsing lately means that you should, by all means, only end up having one browser window. There are a couple of exceptions, like when the page behind bears significant information essential to the other page, but here it's just a list, no offense to Frank. New windows aren't needed: the user'll just press back.

    I like this version a lot, but I agree the cyan hover needs to be changed to something else, as much as I hate removing my namesake =P

  • #13
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Thanks Aero and Cyan!,

    I have altered the links hover.

    I'll need to work on the rest.

    Frank
    Last edited by effpeetee; 04-07-2008 at 10:40 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #14
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Aero.

    After this fashion?

    www.exitfegs.co.uk/Sources.html


    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #15
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    FRank, I think you should space out the headers a bit more. Everything appears to be bunched up. Perhaps add {padding: 10px 0 10px 0;} to the headers.

    I think the black border is too drak on your div.links. try a mid grey - #ccc or #bbb, something that is a shade so that the div bg-color is lighter than the page bg-color, by the same amount as the div border is darker than the page color. Does that make sense?

    And maybbe the line height od the links could be a bit more.

    bazz


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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