Buttons with links and images

Discussion in 'HTML' started by Jim S, Jul 16, 2008.

  1. Jim S

    Jim S Guest

    I am toying with the notion of changing this:
    http://www.jimscot.myby.co.uk/
    to this
    http://www.jimscot.myby.co.uk/index_new.html
    Without going into long arguments as to whether I should be using tables,
    is there a way of producing the big button with picture AND text other than
    using the 'list' as I have done?
    The reason is that with the original page, it 'squashes-up' nicely if
    viewed in 800 x 600 where the second method doesn't.
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
    Jim S, Jul 16, 2008
    #1
    1. Advertising

  2. On 2008-07-16, Jim S wrote:
    > I am toying with the notion of changing this:
    > http://www.jimscot.myby.co.uk/
    > to this
    > http://www.jimscot.myby.co.uk/index_new.html


    Don't: <http://cfaj.freeshell.org/testing/newjim.jpg>


    --
    Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
    ===================================================================
    Author:
    Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    Chris F.A. Johnson, Jul 16, 2008
    #2
    1. Advertising

  3. Jim S

    Jim S Guest

    Jim S, Jul 16, 2008
    #3
  4. On 2008-07-16, Jim S wrote:
    > On Wed, 16 Jul 2008 17:26:25 +0000, Chris F.A. Johnson wrote:
    >
    >> On 2008-07-16, Jim S wrote:
    >>> I am toying with the notion of changing this:
    >>> http://www.jimscot.myby.co.uk/
    >>> to this
    >>> http://www.jimscot.myby.co.uk/index_new.html

    >>
    >> Don't: <http://cfaj.freeshell.org/testing/newjim.jpg>

    >
    > When does that happen?


    When I view the page with my default settings in Firefox.

    --
    Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
    ===================================================================
    Author:
    Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    Chris F.A. Johnson, Jul 16, 2008
    #4
  5. Jim S

    Jim S Guest

    On Wed, 16 Jul 2008 18:15:50 +0000, Chris F.A. Johnson wrote:

    > On 2008-07-16, Jim S wrote:
    >> On Wed, 16 Jul 2008 17:26:25 +0000, Chris F.A. Johnson wrote:
    >>
    >>> On 2008-07-16, Jim S wrote:
    >>>> I am toying with the notion of changing this:
    >>>> http://www.jimscot.myby.co.uk/
    >>>> to this
    >>>> http://www.jimscot.myby.co.uk/index_new.html
    >>>
    >>> Don't: <http://cfaj.freeshell.org/testing/newjim.jpg>

    >>
    >> When does that happen?

    >
    > When I view the page with my default settings in Firefox.


    Damn
    so you will have problems with
    C:\Documents and Settings\Jim\My Documents\My Webs\Jim's
    Web\bells\index.html
    and this
    http://priorysingers.org.uk/
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
    Jim S, Jul 16, 2008
    #5
  6. On 2008-07-16, Jim S wrote:
    > On Wed, 16 Jul 2008 18:15:50 +0000, Chris F.A. Johnson wrote:
    >
    >> On 2008-07-16, Jim S wrote:
    >>> On Wed, 16 Jul 2008 17:26:25 +0000, Chris F.A. Johnson wrote:
    >>>
    >>>> On 2008-07-16, Jim S wrote:
    >>>>> I am toying with the notion of changing this:
    >>>>> http://www.jimscot.myby.co.uk/
    >>>>> to this
    >>>>> http://www.jimscot.myby.co.uk/index_new.html
    >>>>
    >>>> Don't: <http://cfaj.freeshell.org/testing/newjim.jpg>
    >>>
    >>> When does that happen?

    >>
    >> When I view the page with my default settings in Firefox.

    >
    > Damn
    > so you will have problems with
    > C:\Documents and Settings\Jim\My Documents\My Webs\Jim's
    > Web\bells\index.html


    Naturally; my computer doesn't have a C: drive.

    > and this
    > http://priorysingers.org.uk/


    That's not bad apart from the menu on the left:
    <http://cfaj.freeshell.org/testing/priory.jpg>

    --
    Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
    ===================================================================
    Author:
    Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    Chris F.A. Johnson, Jul 16, 2008
    #6
  7. Jim S

    Jim S Guest

    On Wed, 16 Jul 2008 19:20:55 +0100, Jim S wrote:

    > On Wed, 16 Jul 2008 18:15:50 +0000, Chris F.A. Johnson wrote:
    >
    >> On 2008-07-16, Jim S wrote:
    >>> On Wed, 16 Jul 2008 17:26:25 +0000, Chris F.A. Johnson wrote:
    >>>
    >>>> On 2008-07-16, Jim S wrote:
    >>>>> I am toying with the notion of changing this:
    >>>>> http://www.jimscot.myby.co.uk/
    >>>>> to this
    >>>>> http://www.jimscot.myby.co.uk/index_new.html
    >>>>
    >>>> Don't: <http://cfaj.freeshell.org/testing/newjim.jpg>
    >>>
    >>> When does that happen?

    >>
    >> When I view the page with my default settings in Firefox.

    >
    > Damn
    > so you will have problems with
    > C:\Documents and Settings\Jim\My Documents\My Webs\Jim's
    > Web\bells\index.html
    > and this
    > http://priorysingers.org.uk/


    Oops the first one should be
    http://www.jimscot.pwp.blueyonder.co.uk/bells/index.html
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
    Jim S, Jul 16, 2008
    #7
  8. On 2008-07-16, Jim S wrote:
    > On Wed, 16 Jul 2008 19:20:55 +0100, Jim S wrote:
    >
    >> On Wed, 16 Jul 2008 18:15:50 +0000, Chris F.A. Johnson wrote:
    >>
    >>> On 2008-07-16, Jim S wrote:
    >>>> On Wed, 16 Jul 2008 17:26:25 +0000, Chris F.A. Johnson wrote:
    >>>>
    >>>>> On 2008-07-16, Jim S wrote:
    >>>>>> I am toying with the notion of changing this:
    >>>>>> http://www.jimscot.myby.co.uk/
    >>>>>> to this
    >>>>>> http://www.jimscot.myby.co.uk/index_new.html
    >>>>>
    >>>>> Don't: <http://cfaj.freeshell.org/testing/newjim.jpg>
    >>>>
    >>>> When does that happen?
    >>>
    >>> When I view the page with my default settings in Firefox.

    >>
    >> Damn
    >> so you will have problems with
    >> C:\Documents and Settings\Jim\My Documents\My Webs\Jim's
    >> Web\bells\index.html
    >> and this
    >> http://priorysingers.org.uk/

    >
    > Oops the first one should be
    > http://www.jimscot.pwp.blueyonder.co.uk/bells/index.html


    Same comment as the second one, but it's not as bad.

    --
    Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
    ===================================================================
    Author:
    Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    Chris F.A. Johnson, Jul 16, 2008
    #8
  9. Jim S

    Jim S Guest

    On Wed, 16 Jul 2008 18:31:20 +0000, Chris F.A. Johnson wrote:

    > On 2008-07-16, Jim S wrote:
    >> On Wed, 16 Jul 2008 19:20:55 +0100, Jim S wrote:
    >>
    >>> On Wed, 16 Jul 2008 18:15:50 +0000, Chris F.A. Johnson wrote:
    >>>
    >>>> On 2008-07-16, Jim S wrote:
    >>>>> On Wed, 16 Jul 2008 17:26:25 +0000, Chris F.A. Johnson wrote:
    >>>>>
    >>>>>> On 2008-07-16, Jim S wrote:
    >>>>>>> I am toying with the notion of changing this:
    >>>>>>> http://www.jimscot.myby.co.uk/
    >>>>>>> to this
    >>>>>>> http://www.jimscot.myby.co.uk/index_new.html
    >>>>>>
    >>>>>> Don't: <http://cfaj.freeshell.org/testing/newjim.jpg>
    >>>>>
    >>>>> When does that happen?
    >>>>
    >>>> When I view the page with my default settings in Firefox.
    >>>
    >>> Damn
    >>> so you will have problems with
    >>> C:\Documents and Settings\Jim\My Documents\My Webs\Jim's
    >>> Web\bells\index.html
    >>> and this
    >>> http://priorysingers.org.uk/

    >>
    >> Oops the first one should be
    >> http://www.jimscot.pwp.blueyonder.co.uk/bells/index.html

    >
    > Same comment as the second one, but it's not as bad.


    Can you tell me your settings before I set about changing things?
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
    Jim S, Jul 16, 2008
    #9
  10. On 2008-07-16, Jim S wrote:
    > On Wed, 16 Jul 2008 18:31:20 +0000, Chris F.A. Johnson wrote:
    >
    >> On 2008-07-16, Jim S wrote:
    >>> On Wed, 16 Jul 2008 19:20:55 +0100, Jim S wrote:
    >>>
    >>>> On Wed, 16 Jul 2008 18:15:50 +0000, Chris F.A. Johnson wrote:
    >>>>
    >>>>> On 2008-07-16, Jim S wrote:
    >>>>>> On Wed, 16 Jul 2008 17:26:25 +0000, Chris F.A. Johnson wrote:
    >>>>>>
    >>>>>>> On 2008-07-16, Jim S wrote:
    >>>>>>>> I am toying with the notion of changing this:
    >>>>>>>> http://www.jimscot.myby.co.uk/
    >>>>>>>> to this
    >>>>>>>> http://www.jimscot.myby.co.uk/index_new.html
    >>>>>>>
    >>>>>>> Don't: <http://cfaj.freeshell.org/testing/newjim.jpg>
    >>>>>>
    >>>>>> When does that happen?
    >>>>>
    >>>>> When I view the page with my default settings in Firefox.
    >>>>
    >>>> Damn
    >>>> so you will have problems with
    >>>> C:\Documents and Settings\Jim\My Documents\My Webs\Jim's
    >>>> Web\bells\index.html
    >>>> and this
    >>>> http://priorysingers.org.uk/
    >>>
    >>> Oops the first one should be
    >>> http://www.jimscot.pwp.blueyonder.co.uk/bells/index.html

    >>
    >> Same comment as the second one, but it's not as bad.

    >
    > Can you tell me your settings before I set about changing things?


    That is irrelevant. A page should work in all but the most extreme
    settings.

    (My window is 1268px wide, default font-size is 22px.)

    --
    Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
    ===================================================================
    Author:
    Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    Chris F.A. Johnson, Jul 16, 2008
    #10
  11. Jim S

    Jim S Guest

    On Wed, 16 Jul 2008 19:03:15 +0000, Chris F.A. Johnson wrote:

    > On 2008-07-16, Jim S wrote:
    >> On Wed, 16 Jul 2008 18:31:20 +0000, Chris F.A. Johnson wrote:
    >>
    >>> On 2008-07-16, Jim S wrote:
    >>>> On Wed, 16 Jul 2008 19:20:55 +0100, Jim S wrote:
    >>>>
    >>>>> On Wed, 16 Jul 2008 18:15:50 +0000, Chris F.A. Johnson wrote:
    >>>>>
    >>>>>> On 2008-07-16, Jim S wrote:
    >>>>>>> On Wed, 16 Jul 2008 17:26:25 +0000, Chris F.A. Johnson wrote:
    >>>>>>>
    >>>>>>>> On 2008-07-16, Jim S wrote:
    >>>>>>>>> I am toying with the notion of changing this:
    >>>>>>>>> http://www.jimscot.myby.co.uk/
    >>>>>>>>> to this
    >>>>>>>>> http://www.jimscot.myby.co.uk/index_new.html
    >>>>>>>>
    >>>>>>>> Don't: <http://cfaj.freeshell.org/testing/newjim.jpg>
    >>>>>>>
    >>>>>>> When does that happen?
    >>>>>>
    >>>>>> When I view the page with my default settings in Firefox.
    >>>>>
    >>>>> Damn
    >>>>> so you will have problems with
    >>>>> C:\Documents and Settings\Jim\My Documents\My Webs\Jim's
    >>>>> Web\bells\index.html
    >>>>> and this
    >>>>> http://priorysingers.org.uk/
    >>>>
    >>>> Oops the first one should be
    >>>> http://www.jimscot.pwp.blueyonder.co.uk/bells/index.html
    >>>
    >>> Same comment as the second one, but it's not as bad.

    >>
    >> Can you tell me your settings before I set about changing things?

    >
    > That is irrelevant. A page should work in all but the most extreme
    > settings.
    >
    > (My window is 1268px wide, default font-size is 22px.)


    Apart from the buttons with images, which I was experimenting with, the
    buttonbar on the left of the pages in question were recommended to me in
    this group and you were the first person who has commented about the
    problem. I now have to find a way to do something similar that renders
    correctly so I asked. There was no call to be so dismissive of someone
    asking for advice.
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
    Jim S, Jul 16, 2008
    #11
  12. Jim S wrote:
    > On Wed, 16 Jul 2008 18:31:20 +0000, Chris F.A. Johnson wrote:
    >
    >> On 2008-07-16, Jim S wrote:
    >>> On Wed, 16 Jul 2008 19:20:55 +0100, Jim S wrote:


    >>> http://www.jimscot.pwp.blueyonder.co.uk/bells/index.html

    >> Same comment as the second one, but it's not as bad.

    >
    > Can you tell me your settings before I set about changing things?


    The error is dimensioning a box, (your styled button), in pixels that
    contain text where the size can change. If you use "em" to size the
    width and height of your "buttons" then it would not matter what Chris's
    setting are.

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Jul 16, 2008
    #12
  13. Jim S

    Jim S Guest

    On Wed, 16 Jul 2008 15:33:48 -0400, Jonathan N. Little wrote:

    > Jim S wrote:
    >> On Wed, 16 Jul 2008 18:31:20 +0000, Chris F.A. Johnson wrote:
    >>
    >>> On 2008-07-16, Jim S wrote:
    >>>> On Wed, 16 Jul 2008 19:20:55 +0100, Jim S wrote:

    >
    >>>> http://www.jimscot.pwp.blueyonder.co.uk/bells/index.html
    >>> Same comment as the second one, but it's not as bad.

    >>
    >> Can you tell me your settings before I set about changing things?

    >
    > The error is dimensioning a box, (your styled button), in pixels that
    > contain text where the size can change. If you use "em" to size the
    > width and height of your "buttons" then it would not matter what Chris's
    > setting are.


    Thanks for that. I have changed the *width* to em
    Have a look at these two again please and tell me whether you think I need
    to alter the height.
    http://www.jimscot.myby.co.uk/bells/index.html
    http://priorysingers.org.uk/
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
    Jim S, Jul 16, 2008
    #13
  14. On 2008-07-16, Jim S wrote:
    > On Wed, 16 Jul 2008 15:33:48 -0400, Jonathan N. Little wrote:
    >
    >> Jim S wrote:
    >>> On Wed, 16 Jul 2008 18:31:20 +0000, Chris F.A. Johnson wrote:
    >>>
    >>>> On 2008-07-16, Jim S wrote:
    >>>>> On Wed, 16 Jul 2008 19:20:55 +0100, Jim S wrote:

    >>
    >>>>> http://www.jimscot.pwp.blueyonder.co.uk/bells/index.html
    >>>> Same comment as the second one, but it's not as bad.
    >>>
    >>> Can you tell me your settings before I set about changing things?

    >>
    >> The error is dimensioning a box, (your styled button), in pixels that
    >> contain text where the size can change. If you use "em" to size the
    >> width and height of your "buttons" then it would not matter what Chris's
    >> setting are.

    >
    > Thanks for that. I have changed the *width* to em
    > Have a look at these two again please and tell me whether you think I need
    > to alter the height.
    > http://www.jimscot.myby.co.uk/bells/index.html
    > http://priorysingers.org.uk/


    They both look good.

    I'd recommend that you don't specify a height; just add some
    padding top and bottom.

    --
    Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
    ===================================================================
    Author:
    Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    Chris F.A. Johnson, Jul 16, 2008
    #14
  15. Chris F.A. Johnson wrote:

    > They both look good.
    >
    > I'd recommend that you don't specify a height; just add some
    > padding top and bottom.
    >


    I second that motion.

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Jul 16, 2008
    #15
  16. On 2008-07-16, Jim S wrote:
    >
    >>> http://www.jimscot.myby.co.uk/bells/index.html
    >>> http://priorysingers.org.uk/

    >>
    >> They both look good.
    >>
    >> I'd recommend that you don't specify a height; just add some
    >> padding top and bottom.

    >
    > Sorry, you're talking to someone who is fumbling round in the dark :eek:?
    > Can you expand a bit on that please.


    Bascially, don't specify height or width unless it is really
    necessary; usually, they are not.

    Instead of "height: 3em;" use:

    padding-top: .5em;
    padding-right: .33em;
    padding-bottom: .6em;
    padding-left: .33em;

    All of which can be abbreviated as:

    padding: .5em .33em .6em .33em;

    --
    Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
    ===================================================================
    Author:
    Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    Chris F.A. Johnson, Jul 16, 2008
    #16
  17. Jim S

    Jim S Guest

    On Wed, 16 Jul 2008 20:26:42 +0000, Chris F.A. Johnson wrote:

    > On 2008-07-16, Jim S wrote:
    >> On Wed, 16 Jul 2008 15:33:48 -0400, Jonathan N. Little wrote:
    >>
    >>> Jim S wrote:
    >>>> On Wed, 16 Jul 2008 18:31:20 +0000, Chris F.A. Johnson wrote:
    >>>>
    >>>>> On 2008-07-16, Jim S wrote:
    >>>>>> On Wed, 16 Jul 2008 19:20:55 +0100, Jim S wrote:
    >>>
    >>>>>> http://www.jimscot.pwp.blueyonder.co.uk/bells/index.html
    >>>>> Same comment as the second one, but it's not as bad.
    >>>>
    >>>> Can you tell me your settings before I set about changing things?
    >>>
    >>> The error is dimensioning a box, (your styled button), in pixels that
    >>> contain text where the size can change. If you use "em" to size the
    >>> width and height of your "buttons" then it would not matter what Chris's
    >>> setting are.

    >>
    >> Thanks for that. I have changed the *width* to em
    >> Have a look at these two again please and tell me whether you think I need
    >> to alter the height.
    >> http://www.jimscot.myby.co.uk/bells/index.html
    >> http://priorysingers.org.uk/

    >
    > They both look good.
    >
    > I'd recommend that you don't specify a height; just add some
    > padding top and bottom.


    Sorry, you're talking to someone who is fumbling round in the dark :eek:?
    Can you expand a bit on that please.
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
    Jim S, Jul 16, 2008
    #17
  18. Jim S

    Bergamot Guest

    Jim S wrote:
    > On Wed, 16 Jul 2008 20:26:42 +0000, Chris F.A. Johnson wrote:
    >> On 2008-07-16, Jim S wrote:
    >>>
    >>> http://www.jimscot.myby.co.uk/bells/index.html

    >>
    >> I'd recommend that you don't specify a height; just add some
    >> padding top and bottom.

    >
    > Sorry, you're talking to someone who is fumbling round in the dark :eek:?
    > Can you expand a bit on that please.


    ul.buttonbar li {
    height: 3em; <-- drop this
    }
    ul.buttonbar a {
    padding: .5em 0; <-- add this, or however much space suits you
    }

    --
    Berg
    Bergamot, Jul 16, 2008
    #18
  19. Jim S

    Jim S Guest

    On Wed, 16 Jul 2008 23:21:53 +0200 (CEST), Neredbojias wrote:

    > On 16 Jul 2008, Jim S <> wrote:
    >
    >> On Wed, 16 Jul 2008 19:03:15 +0000, Chris F.A. Johnson wrote:
    >>
    >>> On 2008-07-16, Jim S wrote:
    >>>> On Wed, 16 Jul 2008 18:31:20 +0000, Chris F.A. Johnson wrote:
    >>>>
    >>>>> On 2008-07-16, Jim S wrote:
    >>>>>> On Wed, 16 Jul 2008 19:20:55 +0100, Jim S wrote:
    >>>>>>
    >>>>>>> On Wed, 16 Jul 2008 18:15:50 +0000, Chris F.A. Johnson wrote:
    >>>>>>>
    >>>>>>>> On 2008-07-16, Jim S wrote:
    >>>>>>>>> On Wed, 16 Jul 2008 17:26:25 +0000, Chris F.A. Johnson wrote:
    >>>>>>>>>
    >>>>>>>>>> On 2008-07-16, Jim S wrote:
    >>>>>>>>>>> I am toying with the notion of changing this:
    >>>>>>>>>>> http://www.jimscot.myby.co.uk/
    >>>>>>>>>>> to this
    >>>>>>>>>>> http://www.jimscot.myby.co.uk/index_new.html
    >>>>>>>>>>
    >>>>>>>>>> Don't: <http://cfaj.freeshell.org/testing/newjim.jpg>
    >>>>>>>>>
    >>>>>>>>> When does that happen?
    >>>>>>>>
    >>>>>>>> When I view the page with my default settings in Firefox.
    >>>>>>>
    >>>>>>> Damn
    >>>>>>> so you will have problems with
    >>>>>>> C:\Documents and Settings\Jim\My Documents\My Webs\Jim's
    >>>>>>> Web\bells\index.html
    >>>>>>> and this
    >>>>>>> http://priorysingers.org.uk/
    >>>>>>
    >>>>>> Oops the first one should be
    >>>>>> http://www.jimscot.pwp.blueyonder.co.uk/bells/index.html
    >>>>>
    >>>>> Same comment as the second one, but it's not as bad.
    >>>>
    >>>> Can you tell me your settings before I set about changing things?
    >>>
    >>> That is irrelevant. A page should work in all but the most extreme
    >>> settings.
    >>>
    >>> (My window is 1268px wide, default font-size is 22px.)

    >>
    >> Apart from the buttons with images, which I was experimenting with, the
    >> buttonbar on the left of the pages in question were recommended to me in
    >> this group and you were the first person who has commented about the
    >> problem. I now have to find a way to do something similar that renders
    >> correctly so I asked. There was no call to be so dismissive of someone
    >> asking for advice.

    >
    > What you really should do is make a fluid design. There _are_ ways to
    > associate text with images. Get rid of the multi-cell table and experiment
    > with display:inline-block; (-display:inline for the redoubtable ie.) I
    > don't think I have a non-adult example available to put-up right now, but
    > if you want I could probably jury-rig something.


    Thanks, but that would probably take me out of my comfort zone.
    My main site suits me and seems to look more or less ok in most browsers in
    most resolutions. For the casual visitor, it does the job I want it to do.
    I have irritated several folks here with my determination to keep the table
    skeleton. Apart from that I think there are 400+ pages so I change things
    when I need to plus the fact that I am a curmudgeonly old fart who doesn't
    take change easily.
    However I was pleased to find a way to clean up a minor problem that I
    hadn't allowed for when I casually replaced ems with pxs. I still don't
    understand the difference, but Chris gave me a solution which worked.
    I gave up on the pretty buttons and put some outset borders round instead.
    I just got bored with my title page and look what happened.
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
    Jim S, Jul 16, 2008
    #19
  20. Jim S

    Jim S Guest

    On Wed, 16 Jul 2008 21:10:05 +0000, Chris F.A. Johnson wrote:

    > On 2008-07-16, Jim S wrote:
    >>
    >>>> http://www.jimscot.myby.co.uk/bells/index.html
    >>>> http://priorysingers.org.uk/
    >>>
    >>> They both look good.
    >>>
    >>> I'd recommend that you don't specify a height; just add some
    >>> padding top and bottom.

    >>
    >> Sorry, you're talking to someone who is fumbling round in the dark :eek:?
    >> Can you expand a bit on that please.

    >
    > Bascially, don't specify height or width unless it is really
    > necessary; usually, they are not.
    >
    > Instead of "height: 3em;" use:
    >
    > padding-top: .5em;
    > padding-right: .33em;
    > padding-bottom: .6em;
    > padding-left: .33em;
    >
    > All of which can be abbreviated as:
    >
    > padding: .5em .33em .6em .33em;


    I'm not sure which stylesheet you are referring to, but if I do this to the
    priorysingers one then it makes the button with a single line uneven.
    --
    Jim S
    Tyneside UK
    www.jimscott.co.uk
    Jim S, Jul 16, 2008
    #20
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Adrian Stovold
    Replies:
    0
    Views:
    345
    Adrian Stovold
    Mar 3, 2004
  2. Roger
    Replies:
    1
    Views:
    616
    GreggTB
    May 20, 2005
  3. Jeremy Jones

    Datagrid Nav buttons and numeric buttons

    Jeremy Jones, Mar 21, 2007, in forum: ASP .Net
    Replies:
    1
    Views:
    603
    Masudur
    Mar 22, 2007
  4. Jonathan N. Little
    Replies:
    3
    Views:
    515
    Andy Dingley
    Apr 2, 2007
  5. Andy B
    Replies:
    0
    Views:
    320
    Andy B
    May 21, 2008
Loading...

Share This Page