[Pro] ScriptyAccordion p-tag

Freeway
1

Very well Walter, if you may have a look at the right col.
under the video, where it says:

2011-03-07 Samrådsmötet i Skärholmen
.
.
.
Stadsbyggnadskontoret … — = 36 px space between the h6 title and the text!

If this space could be reduced by any amount, that would be perfect!

url:
http://www.skarholmensmoske.se/index.html

bw,
Omar KN

On 2011-02-19, at 15:10 , Walter Lee Davis wrote:

The P tag is under your direct control through CSS styles. If you could post a link to your page, I’d be better able to help you with a solution. It is easy (not just possible) to have paragraphs that stick directly to one another, with no spacing in between.

Walter

On Feb 19, 2011, at 8:14 AM, OmarKN wrote:

Hi,

One thing which is bugging me is the (probable) inability of ScriptyAccordion to allow any other linebreak after the title than a p-tag (return),

this results in about 36 px !! between the title and the item-text,

which doesn’t look good.

Would be nice is BREAK or NEW LINE could be used, or if the p-tag could be defined to less height ?!?

Curious about a solution …

bw, Omar KN
Sth, Sweden -15 dgr. Celsius

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

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

2

What about adjusting the margin on your h6 style which is currently at margin-top and bottom: 2.33em;

That combined with the 1em margin on your p style…

David

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

3

… sounds good,

except for where do I find the margins for a p-tag or a h6 style?

… not in the Styles Inspector?!

bye, Omar KN
(Still searching …)

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

4

Have you added anything to your styles using the extended dialogue in Edit>Styles?

Not at my Mac to check your page again.

D

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

5

No, i don’t have extended styles and i’ve been looking into the html, but nowhere do i see a margin defined for either the h6 or the p-tags.

So where did you see the 2.33em margins or 1em margins?

i’m really curious by now :slight_smile:

bw, Omar KN

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

6

Safaris developer tools I think I was using.

I will check when back at my Mac in 30mins

D

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

7

I wrote out this long reply about this last week, but I think I posted it in the wrong thread.

Have a look in your Styles palette for any style that has the tag name h6. I believe you’ll find one that has the font set to Trebuchet 12px and is a sort of umber color. Control-click on that style name, and choose Edit Style from the submenu. Click once on the Extended button, and then the New button. In the resulting popup, add the following name/value pair (only enter the word after the colon in each bullet item below, the rest is just there to show you where to place each):

  • Name: margin
  • Value: 0

(that’s the numeral zero, not a capital o.)

Okay out of the stack of dialogs, and preview or publish.

This will close up the gap considerably, but not all the way. If you want to take it further, there’s a CSS3 tag you can add. Luddites still using IE will not see this added benefit, but then they’re used to seeing some mighty funny things on the Web already, so they won’t actually notice.

Back in your Styles palette, click on the gear icon in the top-right, and choose New Style. In the tag field, enter the following:

h6 + p

Tab over to the Name field, and delete whatever helpful name Freeway has entered for you. And then make sure to tab back out of that Name field so Freeway gets the idea that you really do mean to make it blank.

Click the Extended button, and New, and enter the following:

  • Name: margin-top
  • Value: 3px

Okay out of the stack of dialogs and preview. Note that you don’t ever need to apply this style to anything. It will just work courtesy of the CSS Cascade. Fiddle with this pixel value until you like the spacing. Also realize that the effect of this rule will probably not be visible within the design view in Freeway, only in the preview or in a browser (where by browser, I mean Standards-compliant Browser).

Walter

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

8

Thank you Walter & David,

This zeroing of the TITLE-margins did the trick!
(ok with Mac & PC browsers).

Not sure about the “h6 + p” tweak, didn’t see much variation (tried with 3px and 1 px) but this is not much.

Does h6 + p mean both of them ?!

bw, Omar K N
(glad to have control over my page again)

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

9

H6 + p means any p tag that directly follows an h6. It only affects the p, not both tags.

Walter

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