Style the Rule

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

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

Worked a treat cheers!


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

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

Looks great couldnt get it to work though!?


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

Was your div called box1?

D


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

Ahh yes sorry late night last night, Worked great thanks


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