(Opgelost) Horizontale lijn invoegen

[Gerrit]

Horizontale lijn invoegen

Hallo allemaal. Wij werken aan een schoolsite waarbij iedere groep zijn eigen pagina heeft. Op iedere groep worden onderwerpen geplaatst welke worden voorzien van tekst, fotoalbum en meestal een gifanimatie. Aan het einde van ieder onderwerp willen wij een Horizontale lijn invoegen ter afsluiting van betreffend onderwerp. Dit doen we met de button op de werkbalk. Zodra deze Horizontale lijn is ingevoegd, wordt alles opgeslagen.


Het probleem is dat we de Horizontale lijn niet zichtbaar krijgen op de site zelf.

Wie kan er hulp bieden??


Groet,

Gerrit

[Rolf]

Hallo Gerrit,

De horizontale lijn wordt door de stylesheet 'accessibility' verborgen.

Code: Select all

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

In de layout stylesheet wordt deze wel weer naar voren gehaald:

Code: Select all

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em 0;
   border-bottom: 1px dotted #f00;
}

Om een lijn te plaatsen gebruik je de volgende regel in de html-tekst, en niet in TinyMCE:

Code: Select all

<div class="hr"> </div>

Als je de lijnfunctie in Tiny structureel (gemakkelijk) wilt gebruiken dan zul je de stylesheet en de standaard sjablonen moeten aanpassen.


Goed weekend,
Rolf

[Rolf]

Heb je overigens de mogelijkheden van de News-module al eens bekeken?
Deze gebruik ik zelf ook voor soortgelijke pagina's op een schoolsite.
Denk dat deze voor jullie ook erg bruikbaar kan zijn als ik het verhaal zo lees.
Mocht je meer willen weten (of zien) dan hoor ik het wel. 

®

[Gerrit]

Beste Rolf,

Bedankt voor de reactie maar moet wel even melden dat ik erg weinig kennis van zaken heb.

De opzet van de cms is dat iedere leerkracht zijn eigen klas = groep (tegenwoordig) op de site moet gaan bijhouden.

Ik probeer het namelijk zo simpel mogelijk te houden omdat een groot deel van de leerkrachten weinig of geen kennis hebben.  Dus het is wenselijk dat men middels de standaard knoppen kan gaan werken.

De site wordt opgebouwd uit wat simpele snelkoppelingen zoals foto,s gif-animaties, fotoalbums en tekst.

http://www.christoffelschool.nl/index.php

Ik ga me vast verdiepen in je reactie 

Nogmaals bedankt!!!


Gerrit

[Rolf]

Hallo Gerrit,

Ga in het admin-gedeelte via de toets 'Opmaak' naar 'Stylesheets'.
Open daar de stylesheet 'Accessibility and cross-browser tools'

Verwijder de verwijzing naar de lijn door ', hr' te deleten.
Het wordt dan:

Code: Select all

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility {
   position: absolute;
   top: -999em;
   left: -999em;
}

Heb het standaard sjabloon nog even bekeken, geloof niet dat daar problemen te verwachten zijn.
Zowel, dan geef maar een gil.

Succes, Rolf

[Gerrit]

Beste Rolf,

Bedankt voor de tip. De horizontale lijn kan worden ingevoed. Sorry voor de late reactie maar was even erg druk met andere bezigheden.

Nogmaals top en Bedankt!!!!


Groet,

Gerrit