Doorgetrokken streep dikker maken

**Wilco E.** · 24-10-2010, 21:49

Ik gebruik nu dit: <strike>9</strike>

Kan ik die doorgetrokken streep ook op ene manier dikker maken, je ziet hem nu namelijk amper

**S. van Laere** · 24-10-2010, 22:17

Ik ken geen methode die dat toelaat.
Maar sowieso zijn zowel <strike></strike> als <s></s> afgekeurde tags.

**Wilco E.** · 24-10-2010, 22:24

Hoe kan je dit oplossen in css dan?

Ik moet 2 cijfer apart doorgetrokken hebben in een p element.

<p><strike>20</strike> <strike>17</strike> Hier staat tekst</p>

**Wilbert E.** · 24-10-2010, 22:27

text-decoration: line-through; ?

**Wilco E.** · 25-10-2010, 09:56

Hoe wil je dat apart doen dan?

**R de Valk** · 25-10-2010, 10:57

Een <p> style class meegeven die line trough heeft is een optie.

**gast2960** · 25-10-2010, 11:12

Het volgende werkt alleen als de strike dezelfde kleur krijgt als de tekst.

html:

Code:

<p>
<span class="strike">20</span>
<span class="strike">17</span>
Hier staat tekst
</p>

css:

Code:

span.strike {
background:url('strike.png') repeat-x left 3px;
}

Als achtergrond stel je een afbeelding in met de juiste dikte van de stroke,
met de 3px achteraan moet je even spelen, dat geeft de plaatsing van de stroke aan.

Doorgetrokken streep dikker maken