Legende namen

hoi hoi,

Ik had een vraagje hoe ik ruimte tussen de legenda namen kan krijgen



Zoals je hier ziet zit alles dicht op elkaar en krijg ik dat niet weg^^

Zou je de html van dat gedeelte kunnen laten zien, of een linkje naar je forum posten. Dan kan ik kijken waardoor het probleem zich voordoet en hoe je het kan oplossen. Nu kan ik wilde gokken maken in de hoop dat het werkt maar dan kan het lang duren voor ik de goede methode vind.

Code:

<div style="background-color:#361010;border:5px solid #2D0D0D;Width:200px;Height:45px;postion:relative;margin-left:0px;padding:10px">
<div style="font-family:HP Simplified; letter-spacing: 5px; font-size: 20px; Color:#6E303F; text-align: Center">
LEGENDA
<div style="padding: 2px;font-family: HP Simplified; letter-spacing: 0px; font-size:0px;text-align:center;color:#ab2a34;">
{LEGEND} : {GROUP_LEGEND} :&nbsp;
</div>
</div>
</div>

het is onderdeel van een table code

Het is maar een probeersel maar ik denk dat dit wel een oplossing kan zijn:

Je past je code aan door deze (er staat enkel een classnaam bij)

Code:

<div style="background-color:#361010;border:5px solid #2D0D0D;Width:200px;Height:45px;postion:relative;margin-left:0px;padding:10px">
<div style="font-family:HP Simplified; letter-spacing: 5px; font-size: 20px; Color:#6E303F; text-align: Center">
LEGENDA
<div style="padding: 2px;font-family: HP Simplified; letter-spacing: 0px; font-size:0px;text-align:center;color:#ab2a34;" class="legenda">
{LEGEND} : {GROUP_LEGEND} :&nbsp;
</div>
</div>
</div>

Dan plaats je dit bij je css:

Code:

.legenda a {
  margin: 0px 3px; /* verticale margin || horizontale margin */
}

Je kan dus de ruimte tussen de namen aanpassen door het tweede getal (in dit geval 3) te veranderen.

Thanks dit werkte!