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 11 of 11
  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

    Exclamation Want advice on formatting site. We're getting there.

    I need some advice as to the best way to format this site.
    It is as it is wanted visually, but I have used many <br>'s to space the sections.

    I know that this is not very good practice although it is OK for the moment. But i would like to get it so that I would not be ashamed to show it to any of my fellow coders.

    EDIT: I have now to moved over to divs and for the moment spacer divs also.
    Any comments are welcome.

    The site is here again!

    Borders added just for development.

    Frank
    Last edited by effpeetee; 07-21-2008 at 04:16 PM. Reason: Updating info
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Frank;

    A few things.

    you have this in your code after the person's name:
    Code:
    <p style="text-align: center" class="style2">
    style2 has that attribute already assigned so it shouldn't be in your html. And you know it shouldn't be there anyway

    I would reduce the number of styles you have for the <p> tag. make better use of tags, h1 - h6 for many of them.
    Edit:
    you have a style6 yet you don't use it. That can be caused because you have so many styles to manage.

    Oh, yeh and for your specific question; don't forget baout padding and margin, so you can do away with the <br /> tags.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #3
    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 Bazz.

    It is a bit left over from the original code. I have removed it and all the style classes none of which are being used..

    I am now slowly changing to divs. The visual appearance is what is wanted. Have you any further comments on the code.

    It now validates html and css.

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

  • #4
    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
    No need for the "spacer" divs. Use margins and/or padding on the previous element to get the spacing you want.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    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
    Quote Originally Posted by _Aerospace_Eng_ View Post
    No need for the "spacer" divs. Use margins and/or padding on the previous element to get the spacing you want.
    Thanks Aero,

    I have to do that, but I put myself on the spot using classes for the divs. I think I'll have to have seperate div names for all the divs so that I can add margins to them, unless you have another solution.

    I just wanted to get something out fast.

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

  • #6
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts


    Your page has gone so I can't see what stage you are at.

    From memory - and even I don't trust it anymore all your divs are stcked vertically. SO can you just add padding or margin, to each one so they wil be uniformely spaced out - and use the same class?

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #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
    The site is here Bazz.

    I have now finished it apart from minor adjustments to suit the lady. It actually validates now. Also it is easy to modify and amend. Separate 'Light.css' stylesheet.

    Thanks to everyone for their help. I know that there are lot of space. It is as the Lady wanted.

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

  • #8
    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
    It would have been better off as separate pages...
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #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
    Quote Originally Posted by _Aerospace_Eng_ View Post
    It would have been better off as separate pages...
    I have already told the lady that. I don't know why she wanted it this way, but she seems quite happy with it.

    If you have any suggestions, I will produce such a copy for myself in the hope that I can show her and maybe convince her. It looks as if I am stuck with this project for the foreseeable future. I don't know what I did to deserve this.

    Many thanks for all your helpful advice. It helped me to get my mind in some sort of order and see the wood from the trees.

    I might even become a coder one day. Hope springs eternal, or so they say. Don't hold your breath.

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

  • #10
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    I have already told the lady that. I don't know why she wanted it this way, but she seems quite happy with it.
    well, she is being very hurtful and inconsiderate towards my pet mouse. It has to turn its wee wheel far to much for me to be able to see the whole page.

    If she doesn't consider expert advice (from Aero), then, maybe, she will think of my wee mouse puffing and squeaking away in pain


    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #11
    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
    If she doesn't consider expert advice (from Aero), then, maybe, she will think of my wee mouse puffing and squeaking away in pain

    I'm sure her heart will bleed.

    I am going to get a sensible version ready in the hope that I can convince her. I'm not sure that I know quite the best way to go about it, but I am good at perseverance, even if I am laughable at coding.

    Frank

    VIP, I have altered the css to your shorthand version. Works a treat..
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

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