Style the Rule

Freeway
1

Hi - I did try looking around but the word Rule brings up a huge load of stuff - anyway - I am using the INSERT then RULE to separate my paragraphs but the rule is too dark and ideally would like it dotted?

Thanks!

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

2

The only way to do this is hand-code in the Before /HEAD section of the Page / HTML Markup dialog. (Add it on your master page if you want it to apply to all pages.)

<style type="text/css">
hr {
	border: 0;
	border-top: 3px dashed #ccc;
	color: #fff;
	background-color: #fff;
	height: 4px;
}
</style>

This will not look absolutely perfect in every browser, but it should get you most of the way there. It’s important not to style it with zero height, and you have to set color and background-color – in precisely that order to match the background of your content area – to overcome issues with older IEs. (Freeway alphabetizes the attributes, so you can’t use the normal styling tools for this purpose.)

Walter

On Feb 9, 2012, at 11:01 AM, Justin Easthall wrote:

Hi - I did try looking around but the word Rule brings up a huge load of stuff - anyway - I am using the INSERT then RULE to separate my paragraphs but the rule is too dark and ideally would like it dotted?

Thanks!

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

3

Worked a treat cheers!

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

4

This is one I stole

http://www.deltadesign.co/fw_examples/styled-hr.html

<style type="text/css">
<!--
#box1 hr {
    border: 0;
    height: 1px;
    background: #222;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,0%,0)), color-stop(50%,hsla(0,0%,0%,1)), color-stop(100%,hsla(0,0%,0%,0)));
    background: -webkit-linear-gradient(left, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,1) 50%,hsla(0,0%,0%,0) 100%);
    background: -moz-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,1) 50%, hsla(0,0%,0%,0) 100%);
    background: -ms-linear-gradient(left, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,1) 50%,hsla(0,0%,0%,0) 100%);
    background: -o-linear-gradient(left, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,1) 50%,hsla(0,0%,0%,0) 100%);
    background: linear-gradient(left, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,1) 50%,hsla(0,0%,0%,0) 100%);
}
-->
</style>

D

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

5

Looks great couldnt get it to work though!?

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

6

Was your div called box1?

D

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

7

Ahh yes sorry late night last night, Worked great thanks

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