~~~ Please read before posting. ~~~

Important: We need your Club Number at a minimum, and as many details as possible.
For further info please read This page before posting.

How to make a "Scrolling text (can be paused)" on the WEB page?

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 28
  • Thanks: 3

Re: How to make a "moving banner" of the WEB page?

8 years 6 months ago
#61622
Steve,

I have this code on my home page. A caption with an image but every time I update above it it creates additional line spacing. I added </div> as you suggested so I am not sure what is going on?' Where do I need to add additional ones?


<p><span style="color:#800080;"><strong><big>                               2017  Intenational Speech & Table Topics Contest </big></strong></span></p>

<p> </p>

<div class="fontb" style="text-align: center;"><strong>Congratulations Barry Tolin 1st Place International Speech Contest!</strong></div>

<p> </p>

<div class="fontb" style="text-align: center;">
<p><strong>Left to Right: Donna, Ken, Barry and Charlie</strong></p>
</div>

<p> </p>

<p style="text-align: center;"><img alt="" src=" winchestertoastmasters.toastmastersclubs...2017_Intl_Speech.JPG " style="width: 600px; height: 450px;" />



<p> </p>
The topic has been locked.
  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 11526
  • Thanks: 3050

Re: How to make a "moving banner" of the WEB page?

8 years 6 months ago
#61624
kenmatos wrote: Steve,

I have this code on my home page. A caption with an image but every time I update above it it creates additional line spacing. I added </div> as you suggested so I am not sure what is going on?' Where do I need to add additional ones?


<p><span style="color:#800080;"><strong><big>                               2017  Intenational Speech & Table Topics Contest </big></strong></span></p>

<p> </p>

<div class="fontb" style="text-align: center;"><strong>Congratulations Barry Tolin 1st Place International Speech Contest!</strong></div>

<p> </p>

<div class="fontb" style="text-align: center;">
<p><strong>Left to Right: Donna, Ken, Barry and Charlie</strong></p>
</div>

<p> </p>

<p style="text-align: center;"><img alt="" src=" winchestertoastmasters.toastmastersclubs...2017_Intl_Speech.JPG " style="width: 600px; height: 450px;" />



<p> </p>

Ok, so you are getting into the nittty gritty details of HTML. ;) "big" is not supported in HMTL5 and I strive to be HTML5 compliant in whatever I do. You may find it is not supported in all browsers.

Re: the spacing. CKEditor strives to make *everything* a paragraph in its default configuration (even blank lines), which is probably ok for things like the home page, but I have it configured differently elsewhere. You can always just use Shift-Enter to generate <br> (line break codes) instead of the paragraph marks... the paragraph marks are what are giving the the extra spacing.

However, at some point we need to back off of this since our function is not really to teach users to write great HTML. We will give basic pointers, but beyond that, you need to see out HTML references. There are plenty of online resources for that. e.g. www.w3schools.com/
The following user(s) said Thank You: Bright
The topic has been locked.
Moderators: BrianPamrhtaylor3marc33NotLiablejgavinLcala305Henipeterb323DebbieT
Time to create page: 1.158 seconds