Background colour - bigger?

Any ideas how I make a background colour bigger? So that the rectangle of background colour around my text is bigger. I want to achieve something like the ‘back’ button like this:

http://www.bostockandpollitt.com/Post/243

This appears to have some padding on it, but I don’t know how to do it in Freeway.

Thanks for any help


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Display block is the CSS attribute you want

Example here http://www.deltadesign.co/examples/underline.html

This example uses the same principle to add an underline full width to the container

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You need to do this in the link style, rather than any style you add
to the link by highlighting its text and adjusting the styles.

One way to do this is through the Link Style portion of the Inspector
for the parent object of your link. Let’s say you have an HTML box on
the page, you would click once on that box so the handles are showing,
then look in the Style tab of the Inspector for the Links segment. In
there, you’ll see the usual color and underline settings, but at the
bottom of that list you’ll see a More… button. Click that, and
you’re in a cut-down version of the Edit Style dialog from the Styles
palette. Padding isn’t something you can set using Freeway’s normal
interface, but the Extended button lets you add whatever you like, so
use that. You’ll want to apply the property to all link styles at
once, so you’ll need to add it to the :link pseudo-selector, but
experiment to see if you also need to add it to the other pseudo-
selectors as well. The short-hand way to do this would be to add it to
a generic ‘a’ tag so it applies equally to all aspects of a link, but
that option isn’t exposed in this interface.

To add padding to your link, click on the Link Styles/link item in the
left hand pane, then click Extended in the bottom-right corner. Press
New, then enter the following Name/Value pair:

  • Name: padding
  • Value: 2px 4px

Okay out of the teetering stack of dialogs, and preview your page to
see if the effect took. If you also want to add a background color so
you can see the boundaries of your link area, you can do that using
the (+) icon right of the Character heading in the right pane of the
Link Styles dialog.

Walter

On Mar 11, 2011, at 11:59 AM, Mark wrote:

Any ideas how I make a background colour bigger? So that the
rectangle of background colour around my text is bigger. I want to
achieve something like the ‘back’ button like this:

http://www.bostockandpollitt.com/Post/243

This appears to have some padding on it, but I don’t know how to do
it in Freeway.

Thanks for any help


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walter

I’ve just got round to implementing your advice. Thanks ever-so-much it works a treat.

Mark


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options