[HTML] vierkante letter met html - Softwareontwikkeling

vrijdag 14 maart 2008 21:09

Acties:

Topicstarter

Hey,

Ik ben bezig met het programmeren van een plaatje>>ASCII omzetter.

Nu zit ik met het probleem dat een pixel word omgezet naar een letter, en deze letter is niet vierkant. Het gevolg is dat de ascii-text die meer klopt en uitgerekt is.

Bij een perfect vierkant word het dus een rechthoek (in dit geval 4x4):

code:

XXXX
XXXX
XXXX
XXXX

Ik gebruik nu de <pre> tags om de tekst onopgemaakt te laten, maar nu hebben de letters een vaste verhouding.

Ik heb het geprobeerd te compenseren door om een bepaald aantal pixels er een over te slaan maar dit is te omslachtig.

Mijn vraag: is een manier om vierkante letters te krijgen m.b.v. html.
Aub geen tabellen, ik heb er over nagedacht maar op die manier word het html bestand wel heeel erg groot.

Alvast bedankt!

ps. het zal vast heel simpel zijn, maar html is niet mijn sterkste kant...

[ Voor 4% gewijzigd door Synch op 14-03-2008 21:11 ]

vrijdag 14 maart 2008 21:11

Acties:

Verwijderd

Een combinatie van een monospace font en letter-spacing moet wel gaan werken. De letters zullen er zelf niet vierkanter van worden, maar ze kunnen vast wel verder uit elkaar worden gezet zodat ze op de hoekpunten van een "grid" staan.

vrijdag 14 maart 2008 21:15

Acties:

Synch

Topicstarter

Zoiets bedoel ik dus, ik zal er ens naar gaan kijken

zaterdag 15 maart 2008 10:59

Acties:

Synch

Topicstarter

Oke, ik kan nu letterspacing gebruiken, maar dit werkt alleen als de textsize op 1 staat.

Bij textsize 1 is letterspacing 2 genoeg.
Bij textsize 2 moet je 1,5 gebruiken.
Bij textsize 5 is het al 0,7

Dit is dus erg irritand want om de goede verhouding te krijgen moet je een letterspacing berekenen per textsize..

Heeft iemand een idee hoe dit op te lossen (misschien moet dit naar programming verplaats worden?)?

ps.: mijn html code die ik nu gebruik:

code:

<html>

<head></head>

<body>

<b><pre style=' font-size: %textsize%; letter-spacing: %letterspacing%; '>

text

</pre></b>
</body>
</html>

[ Voor 20% gewijzigd door Synch op 15-03-2008 11:02 ]

zaterdag 15 maart 2008 11:40

Acties:

Bozozo

Your ad here?

1 wat? 2 wat?

Ik denk dat dit goed te doen moet zijn met de 'em' of 'ex' eenheden. Die bevatten informatie over de hoogte van de letters (1ex = hoogte van lowercase 'x').

edit: tutorial-in-1-plaatje:

Afbeeldingslocatie: http://i2.photobucket.com/albums/y6/Bozozo/spacing.jpg

Afbeeldingslocatie: http://i2.photobucket.com/albums/y6/Bozozo/spacing.jpg

Hiermee moet het wel lukken.

[ Voor 27% gewijzigd door Bozozo op 15-03-2008 14:00 ]

TabCinema : NiftySplit

zaterdag 15 maart 2008 18:41

Acties:

Synch

Topicstarter

1 wat? 2 wat?

Sorry, line-spacing

Maar heeeel erg bedankt!! Hiermee moet het lukken!