div class="hr" element * ...

[Ivanflo]

I Know, I'm far behond the brorde of stupidiy, but ik figure it ou
I want a linr in my text.

In the sylesheet I find

Code: Select all

/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
	color:brown;
}

But how do I used in an actual page?

Thanks in advance
Ivan

[deactivated010521]

Code: Select all

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

echter zou ik eerder zoiets doen:

Code: Select all

<hr>

<hr class="my-hr-style">

probeer maar eens op:

https://jsfiddle.net/4bbargyd/

[Rolf]

Je kunt ook even kijken in de stylesheet "accessibility and crossbrowser tools" daar zal iets staan als:

hr { display: none }

Haal je dit weg en de normale lijn zal weer werken!


grt. Rolf

[deactivated010521]

Wel opmerkelijk dat in een bestand met de naam ""accessibility and crossbrowser tools" de <hr> onzichtbaar gemaakt wordt.

Zaken die je niet op het scherm wilt weergeven kan je beter helemaal niet in de code (html/css) opnemen.

Het verwijderen van:

Code: Select all

hr {
display: none; 
}

vind ik een goede suggestie.

Overigens is display: none; niet altijd de beste methode om iets onzichtbaar te maken. Als je dan echt een hr onzichtbaar wilt maken (ook voor screenreaders) zou:

Code: Select all

hr {
display: none;  
visibility: hidden;
}

beter zijn.

Ik weet niet hoe de overige CSS regels in het crossbroser bestand eruit zien? Grote kans dat deze voor de huidige browsers achterhaald zijn.

<div class="hr"></div> is het verkeerde element voor een horizontal ruler. Voor oude (ie)browsers kon het stylen van de <hr> tag problemen opleveren dit is waarschijnlijk de reden waarom dit in de code terrecht gekomen is.

Vandaag de dag gaat het stylen een stuk makkelijker. Op een site als codepen kan je met de zoekfunctie voldoende voorbeelden vinden: https://codepen.io/ibrahimjabbari/pen/ozinB

[Ivanflo]

Er is iets wat ik vergeten heb. Toch belangrijk, voor mij:

Jullie zijn allen bedankt voor jullie oplossingen.

Er zijn oplossingen te kust en te keur en belangrijk, ze zijn nagenoeg idiot-proof.

Keep up the goof work.

Ivan