Alternatief voor <strike>lelijk</strike>

[Anoniem: 132833]

Ik bezig ben met een site waarop prijzen te zien zijn. Op dit moment gebruik ik voor de "van" -> "voor" prijzen, een strike tag. Maar het resultaat met de <strike> tag vind ik niet echt mooi, kijk maar:

van € 399,00 voor € 295,00

Het liefst zou ik een schuin rood streepje door een prijs in kleur zwart willen, maar volgens mij is dit onmogelijk?

Ik heb geen zin (en kan ook niet want dat wordt te zwaar vanwege grote prijslijsten uit database) om met naar plaatjes omgetoverde cijfers te gaan werken.

Wie heeft er een tip?

(ik vrees dat een door Flash actionscript uitgespuugde prijslijst met rode streepjes uit de database mijn enige optie zal zijn, en dat zal niet lukken want ik ben nog niet zo'n actionscriptkoning )

[ Voor 30% gewijzigd door Anoniem: 132833 op 05-05-2006 13:22 ]

[-MAX-]

Ik zou al beginnen met de oude prijs door te strepen ipv de nieuwe

[LoeiOrdinair]

Je kan ook met een overlayer gaan werken en daar transparante gifjes overheen gooien. Met de z-index en css kom je een heel eind. Maar of het er mooier op wordt...

Is het echt niet mogelijk om dynamisch afbeeldingen te genereren?

[Anoniem: 132833]

-MAX- schreef op vrijdag 05 mei 2006 @ 13:22:
Ik zou al beginnen met de oude prijs door te strepen ipv de nieuwe

LOL!

Okee hierbij van € 399,00 voor € 295,00

[Anoniem: 49158]

een achtergrond-gifje in je CSS?

[DEVoTi0N]

PHP kan dit wel. Misschien moet je anders even kijken hoe ze dat doen met al die random nummer/lettertjes pics. (je weet wel; die ze gebruiken bij bijvoorbeeld registreren, om te kijken of het niet om een bot gaat.) Daar trekken ze ook vaak tig strepen door op een gifje.

[Exterazzo]

Anoniem: 49158 schreef op vrijdag 05 mei 2006 @ 13:24:
een achtergrond-gifje in je CSS?

Dan komt de rode streep achter het getal te staan, dat lijkt me ook niet de bedoeling.

[Anoniem: 132833]

LoeiOrdinair schreef op vrijdag 05 mei 2006 @ 13:23:
Je kan ook met een overlayer gaan werken en daar transparante gifjes overheen gooien. Met de z-index en css kom je een heel eind. Maar of het er mooier op wordt...

O ja, dat is natuurlijk een optie. Al zou je met een schuin streepje wel weer anti-aliasproblemen krijgen (had ik nog niet aan gedacht )

Is het echt niet mogelijk om dynamisch afbeeldingen te genereren?

Ik vrees van niet, ik zou niet weten hoe (ik kan alleen coldfusion gebruiken) en de pagina's worden dan sowieso te zwaar...

[Zeus]

code:

<span style="color: red; text-decoration: line-through"><span style="color: black">text</span></span>

?

[RM-rf]

text

bovenstaande HTML code als HTML
werkt iig in firefox
edit: alswel in msie

[ Voor 8% gewijzigd door RM-rf op 05-05-2006 13:29 ]

[Anoniem: 132833]

Ja dat is hem! Die voldoet goed en geen gedoe met plaatjes. Dan maar niet schuin

Die ga ik gebruiken, thanks Althalus! Bedankt ook voor het testen in firefox RM-rf

[ Voor 17% gewijzigd door Anoniem: 132833 op 05-05-2006 13:31 ]

[Rickets]

Waarom niet het DEL-element gebruiken?

code:

del { color: red; text-decoration: line-through; }
del span { color: black; }

<del><span>Melp</span></del>

[Genoil]

Niet beter, maar zo zou het ook nog kunnen als de mooie oplossing niet had bestaan

code:

<span style="font-family:Arial;position:relative";><span style="position:absolute;top:-8px;left:-1px;color:red;font-weight:bold">______</span>€ 299,=</span>

[t-x-m]

En dan toch nog even de oplossing met de roode schuine streep:
http://www.schollaart.info/streep.html

[Anoniem: 20531]

T-X-M schreef op vrijdag 05 mei 2006 @ 14:03:
En dan toch nog even de oplossing met de roode schuine streep:
http://www.schollaart.info/streep.html

En nu nog verschillende plaatjes voor € 1,- of € 1.000.000,- Get my point ?

[edit]
KappuhH: Ja dat was ook mijn idee. Uitrekken ziet er iig niet uit, je zou dan met een scriptje moeten kijken hoelang de tekst is en daar een bijpassend streepje bijzoeken. Tevens zit je dan met de verschillende font afmetingen in browsers (vergroten en verkleinen van het lettertype bv).

[ Voor 36% gewijzigd door Anoniem: 20531 op 05-05-2006 14:23 ]

[KappuhH]

T-X-M schreef op vrijdag 05 mei 2006 @ 14:03:
En dan toch nog even de oplossing met de roode schuine streep:
http://www.schollaart.info/streep.html

En wat gebeurt er als je 399,95 moet doorstrepen? Dan werkt het, denk ik, niet meer. Of je moet daar een aparte afbeelding voor hebben, of het word heel lelijk uitgerekt.

edit:
Telaat

[ Voor 3% gewijzigd door KappuhH op 05-05-2006 14:11 ]

[Genoil]

Anoniem: 20531 schreef op vrijdag 05 mei 2006 @ 14:09:
[...]

En nu nog verschillende plaatjes voor € 1,- of € 1.000.000,- Get my point ?

[edit]
KappuhH: Ja dat was ook mijn idee. Uitrekken ziet er iig niet uit, je zou dan met een scriptje moeten kijken hoelang de tekst is en daar een bijpassend streepje bijzoeken. Tevens zit je dan met de verschillende font afmetingen in browsers (vergroten en verkleinen van het lettertype bv).

Valt nog best mee hoor, dat het lelijk zou zijn. Grootte van het lettertype maakt helemaal niets uit, probeer maar (ctrl-muiswiel in FF):

www.meneer.net/got/streep.html

[Anoniem: 20531]

Genoil schreef op vrijdag 05 mei 2006 @ 17:24:
[...]


Valt nog best mee hoor, dat het lelijk zou zijn. Grootte van het lettertype maakt helemaal niets uit, probeer maar (ctrl-muiswiel in FF):

www.meneer.net/got/streep.html

Achja, ik zal het wel overleven maar erg mooi is het niet.

[UltimateB]

Wellicht is dit wat als je wat tijd over hebt

http://nl2.php.net/manual/en/function.imageline.php

[Wwwillem]

Anoniem: 20531 schreef op vrijdag 05 mei 2006 @ 17:39:
[...]

Achja, ik zal het wel overleven maar erg mooi is het niet.

Ik vind het wel slim bedacht, met een groter plaatje als streep is het ook minder lelijk bij vergroting.