Help with Spacing: Between words (last letter of 1st word and first letter of 2nd word), and "Box distance"?

[strawberryshortcake]

Help with Spacing: Between words (last letter of 1st word and first letter of 2nd word), and "Box distance"?


I've been simply trying to "eye" the distance all this time, but I was thinking there's probably a better way to do it. The question is, is there a better way to do it?

(A) Equal spacing between words (last letter of 1st word and first letter of 2nd word)
(B) "Box distance". Don't exactly know the proper term. But this is specifically for tabs situations. Is there an easy method without creating physical tabs, as seen in my example below. I don't have tabs, just words.

[jsmorley]

What you want to do is think in terms of pixels, not characters. Don't try to use spaces or tabs to separate things. You are not using a fixed-width font, so that won't work.

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1

[MeterTab1]
Meter=String
X=(0 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Item One

[MeterTab2]
Meter=String
X=(1 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Item Two

[MeterTab3]
Meter=String
X=(2 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Item Three

1.jpg

[strawberryshortcake]

What you want to do is think in terms of pixels, not characters. Don't try to use spaces or tabs to separate things. You are not using a fixed-width font, so that won't work.

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1

[MeterTab1]
Meter=String
X=(0 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Item One

[MeterTab2]
Meter=String
X=(1 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Item Two

[MeterTab3]
Meter=String
X=(2 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Item Three

1.jpg

For some reason, it creates a weird merging overlap effect and the spacing isn't quite working as I hope. I must be doing something wrong. All I added was x=(1 * 100) and padding=15,10,15,10. I thought 15,10,15,10 looked better for positioning. x=(1 * 100); x=(2 * 100); x=(3 * 100), etc. etc.


Tasklist
Photoshop
Blender
Chrome
Download
Media Center

Code: Select all

[Rainmeter]
Author=mickey005  
Update=1000
DynamicWindowSize=1
AccurateText=1

@include="#SKINSPATH#\Taskbar+\Variables.txt"

[Variables]

Path=FileListPlugin.dll
HideIcon="#SKINSPATH#\Taskbar+\PNGs\Open.png"
HideIconHover="#SKINSPATH#\Taskbar+\PNGs\Openhover.png"
ShowIcon="#SKINSPATH#\Taskbar+\PNGs\Hide.png"
ShowIconHover="#SKINSPATH#\Taskbar+\PNGs\Hidehover.png"
2HideIcon="#SKINSPATH#\Taskbar+\PNGs\2Open.png"
2HideIconHover="#SKINSPATH#\Taskbar+\PNGs\2Openhover.png"
2ShowIcon="#SKINSPATH#\Taskbar+\PNGs\2Hide.png"
2ShowIconHover="#SKINSPATH#\Taskbar+\PNGs\2Hidehover.png"





[MeterBack]
Meter=IMAGE
X=0
Y=0
w=
h=
ImageName=Glass bar.png
Hidden=0


;===== HOVER =====

[Hover]
Meter=IMAGE
ImageName=#SKINSPATH#\Water Taskbar\PNGs\Hover.png
W=140
H=45
X=250
y=0
Hidden=1



;===== HOVER 2 =====

[Hover3]
Meter=IMAGE
ImageName=#SKINSPATH#\Water Taskbar\PNGs\2Hover.png
Hidden=1


[app1]
Meter=STRING
X=(1 * 100)
y=9
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="TASKLIST"
MouseOverAction=[!RainmeterMoveMeter 210 10 Hover][!RainmeterShowMeter Hover][!RainmeterShowMeter app1over][!RainmeterHideMeter app1][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app1over]
Meter=String
x=(1 * 100)
y=9
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="TASKLIST"
MouseLeaveAction=[!RainmeterHideMeter Hover][!RainmeterHideMeter app1over][!RainmeterShowMeter app1][!Redraw][!RainmeterRedraw]
LeftMouseDownAction=["C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\TaskList.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1

;==================================


[app2]
Meter=STRING
x=(2 * 100)
X=265
y=9
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="PHOTOSHOP"
MouseOverAction=[!RainmeterShowMeter app2over][!RainmeterHideMeter app2][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]


[app2over]
Meter=String
x=(2 * 100)
y=9
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="PHOTOSHOP"
MouseLeaveAction=[!RainmeterHideMeter app2over][!RainmeterShowMeter app2][!Redraw]
LeftMouseDownAction=["C:\Program Files (x86)\Adobe Photoshop CS6\Photoshop.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1


;==================================


[app3]
Meter=STRING
X=(3 * 100)
y=9
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="BLENDER"
MouseOverAction=[!RainmeterShowMeter app3over][!RainmeterHideMeter app3][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app3over]
Meter=String
x=(3 * 100)
y=9
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="BLENDER"
MouseLeaveAction=[!RainmeterHideMeter app3over][!RainmeterShowMeter app3][!Redraw]
LeftMouseDownAction=["C:\Users\Johnny\Desktop\Desktop Folders\Blender PROJECTS\blender-2.77a-windows64\blender-2.77a-windows64\blender.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1

;==================================


[app4]
Meter=STRING
x=(4 * 100)
y=9
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="CHROME"
MouseOverAction=[!RainmeterShowMeter app4over][!RainmeterHideMeter app4][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app4over]
Meter=String
x=(4 * 100)
y=9
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="CHROME"
MouseLeaveAction=[!RainmeterHideMeter app4over][!RainmeterShowMeter app4][!Redraw]
LeftMouseDownAction=["http://www.yahoo.com"][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1


;==================================

[app5]
Meter=STRING
X=(5 * 100)
y=9
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="DOWNLOADS"
MouseOverAction=[!RainmeterShowMeter app5over][!RainmeterHideMeter app5][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app5over]
Meter=String
x=(5 * 100)
y=9
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="DOWNLOADS"
MouseLeaveAction=[!RainmeterHideMeter app5over][!RainmeterShowMeter app5][!Redraw]
LeftMouseDownAction=["C:\Users\Johnny\Downloads"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1


;==================================


[app6]
Meter=STRING
X=(6 * 100)
y=9
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="MEDIA CENTER"
MouseOverAction=[!RainmeterShowMeter app6over][!RainmeterHideMeter app6][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app6over]
Meter=String
x=(6 * 100)
y=9
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=15,10,15,10
AntiAlias=1
Prefix="MEDIA CENTER"
MouseLeaveAction=[!RainmeterHideMeter app6over][!RainmeterShowMeter app6][!Redraw]
LeftMouseDownAction=["%windir%\ehome\ehshell.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1

;==================================

[jsmorley]

Not sure I would use Padding for positioning. Just set the X to what is needed.

[strawberryshortcake]

Not sure I would use Padding for positioning. Just set the X to what is needed.

Removed "Padding" from all meters and unfortunately, the only thing it did was move up text up. The text still overlaps as seen in the picture above. Am I suppose to change both values inside the parenthesis X=(1 * 100)

Changing 1 to a different digit and changing 100 to a different digit certainly changes the text placement (i.e. x=(1 * 150), x=(2 * 50), x=(2.5 * 100), etc. etc.). If that's the case, isn't that still eyeing the distance without a proper formula for getting a set distance that can be replicated between the last letter (of the 1st word) and first letter (of the 2nd word).

From your example above I had the impression that if I kept everything as:
(1 * 100), (2 * 100), (3 * 100), (4 * 100), (5 * 100), (6 * 100), and so on ... would be a solution to the concern.

[jsmorley]

Removed "Padding" from all meters and unfortunately, the only thing it did was move up text up. The text still overlaps as seen in the picture above. Am I suppose to change both values inside the parenthesis X=(1 * 100)

Changing 1 to a different digit and changing 100 to a different digit certainly changes the text placement (i.e. x=(1 * 150), x=(2 * 50), x=(2.5 * 100), etc. etc.). If that's the case, isn't that still eyeing the distance without a proper formula for getting a set distance that can be replicated between the last letter (of the 1st word) and first letter (of the 2nd word).

From your example above I had the impression that if I kept everything as:
(1 * 100), (2 * 100), (3 * 100), (4 * 100), (5 * 100), (6 * 100), and so on ... would be a solution to the concern.

Well yeah. using (0 * 100) just starts the text at 0, (1 * 100) starts the next one at 100, (2 * 100) starts the third one at 200, etc.

So they will be equally spaced. You just need to be sure the "100" or whatever you use is large enough so the longest text fits in it.

[jsmorley]

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1

[MeterTab1]
Meter=String
X=(0 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Tasklist

[MeterTab2]
Meter=String
X=(1 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Photoshop

[MeterTab3]
Meter=String
X=(2 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Blender

[MeterTab4]
Meter=String
X=(3 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Chrome

[MeterTab5]
Meter=String
X=(4 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Download

[MeterTab6]
Meter=String
X=(5 * 100)
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Media Center

1.jpg

[jsmorley]

I mean it depends on what you are going for. My above example has each tab starting at a fixed point, but the varying lengths will cause them to have more or less space "between them". You could use relative positioning instead, so they would be an equal amount of space "apart".

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1

[MeterTab1]
Meter=String
X=0
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Tasklist

[MeterTab2]
Meter=String
X=20R
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Photoshop

[MeterTab3]
Meter=String
X=20R
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Blender

[MeterTab4]
Meter=String
X=20R
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Chrome

[MeterTab5]
Meter=String
X=20R
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Download

[MeterTab6]
Meter=String
X=20R
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Media Center

2.jpg

[strawberryshortcake]

I mean it depends on what you are going for. My above example has each tab starting at a fixed point, but the varying lengths will cause them to have more or less space "between them". You could use relative positioning instead, so they would be an equal amount of space "apart".

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1

[MeterTab1]
Meter=String
X=0
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Tasklist

[MeterTab2]
Meter=String
X=20R
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Photoshop

[MeterTab3]
Meter=String
X=20R
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Blender

[MeterTab4]
Meter=String
X=20R
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Chrome

[MeterTab5]
Meter=String
X=20R
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Download

[MeterTab6]
Meter=String
X=20R
FontSize=11
FontColor=255,255,255,255
SolidColor=47,47,47,255
Padding=5,5,5,5
AntiAlias=1
Text=Media Center

2.jpg

Your second example is exactly how I want it, but a very strange thing is happening with the 1st and 2nd words doing a strange overlapping thing.. including the mouseover text (white text). Normal text is black. Mouseover turns them white, however the white text gets offset by several x coordinates to the right despite the X=20R set for both the normal and mouseover text.

I however did straight up copy and pasted your code above and it works perfectly fine. I just don't know why mine's is getting these weird effects.

The image is lineup perfectly, but the text is doing strange things with the X=20R code. I also finished changing all the tabs so they were X=20R because I thought that may help, but it definitely didn't help. Maybe we're at a lost cause on this particular code.

Code: Select all

[Rainmeter] 
Update=1000
DynamicWindowSize=1
AccurateText=1


@include="#SKINSPATH#\Taskbar+\Variables.txt"


[Variables]



Path=FileListPlugin.dll
HideIcon="#SKINSPATH#\Taskbar+\PNGs\Open.png"
HideIconHover="#SKINSPATH#\Taskbar+\PNGs\Openhover.png"
ShowIcon="#SKINSPATH#\Taskbar+\PNGs\Hide.png"
ShowIconHover="#SKINSPATH#\Taskbar+\PNGs\Hidehover.png"
2HideIcon="#SKINSPATH#\Taskbar+\PNGs\2Open.png"
2HideIconHover="#SKINSPATH#\Taskbar+\PNGs\2Openhover.png"
2ShowIcon="#SKINSPATH#\Taskbar+\PNGs\2Hide.png"
2ShowIconHover="#SKINSPATH#\Taskbar+\PNGs\2Hidehover.png"





[MeterBack]
Meter=IMAGE
X=0
Y=0
ImageName=Glass bar.png
Hidden=0


;===== HOVER =====

[Hover]
Meter=IMAGE
ImageName=#SKINSPATH#\Water Taskbar\PNGs\Hover.png
W=140
H=45
X=250
y=0
Hidden=1



;===== HOVER 2 =====

[Hover3]
Meter=IMAGE
ImageName=#SKINSPATH#\Water Taskbar\PNGs\2Hover.png
Hidden=1



















;==================================


[app1]
Meter=STRING
X=0
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="TASKLIST"
MouseOverAction=[!ToggleConfig "C:\Users\Johnny\Documents\Rainmeter\Skins\Ex ICON Hover" "Iconhover.ini"][!RainmeterShowMeter app1over][!RainmeterHideMeter app1][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app1over]
Meter=String
x=0
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="TASKLIST"
MouseLeaveAction=[!RainmeterHideMeter app1over][!RainmeterShowMeter app1][!Redraw][!RainmeterRedraw]
LeftMouseDownAction=["C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\TaskList.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1





;==================================



[app2]
Meter=STRING
x=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="PHOTOSHOP"
MouseOverAction=[!RainmeterShowMeter app2over][!RainmeterHideMeter app2][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]


[app2over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="PHOTOSHOP"
MouseLeaveAction=[!RainmeterHideMeter app2over][!RainmeterShowMeter app2][!Redraw]
LeftMouseDownAction=["C:\Program Files (x86)\Adobe Photoshop CS6\Photoshop.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1


;==================================


[app3]
Meter=STRING
X=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="BLENDER"
MouseOverAction=[!RainmeterShowMeter app3over][!RainmeterHideMeter app3][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app3over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="BLENDER"
MouseLeaveAction=[!RainmeterHideMeter app3over][!RainmeterShowMeter app3][!Redraw]
LeftMouseDownAction=["C:\Users\Johnny\Desktop\Desktop Folders\Blender PROJECTS\blender-2.77a-windows64\blender-2.77a-windows64\blender.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1

;==================================


[app4]
Meter=STRING
x=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="CHROME"
MouseOverAction=[!RainmeterShowMeter app4over][!RainmeterHideMeter app4][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app4over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="CHROME"
MouseLeaveAction=[!RainmeterHideMeter app4over][!RainmeterShowMeter app4][!Redraw]
LeftMouseDownAction=["http://www.yahoo.com"][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1


;==================================


[app5]
Meter=STRING
x=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="DOWNLOADS"
MouseOverAction=[!RainmeterShowMeter app5over][!RainmeterHideMeter app5][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app5over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="DOWNLOADS"
MouseLeaveAction=[!RainmeterHideMeter app5over][!RainmeterShowMeter app5][!Redraw]
LeftMouseDownAction=["C:\Users\Johnny\Downloads"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1


;==================================


[app6]
Meter=STRING
X=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="MEDIA CENTER"
MouseOverAction=[!RainmeterShowMeter app6over][!RainmeterHideMeter app6][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app6over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="MEDIA CENTER"
MouseLeaveAction=[!RainmeterHideMeter app6over][!RainmeterShowMeter app6][!Redraw]
LeftMouseDownAction=["%windir%\ehome\ehshell.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1

;==================================

[app7]
Meter=STRING
X=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="DVR"
MouseOverAction=[!RainmeterShowMeter app7over][!RainmeterHideMeter app7][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app7over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="DVR"
MouseLeaveAction=[!RainmeterHideMeter app7over][!RainmeterShowMeter app7][!Redraw]
LeftMouseDownAction=["H:\Recorded TV"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1


;==================================


[app8]
Meter=STRING
X=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="NEW"
MouseOverAction=[!RainmeterShowMeter app8over][!RainmeterHideMeter app8][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app8over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="NEW"
MouseLeaveAction=[!RainmeterHideMeter app8over][!RainmeterShowMeter app8][!Redraw]
LeftMouseDownAction=["E:\(PERFECT) Increase Volume DB and MP3 level\iPad"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1


;==================================


[app9]
Meter=STRING
X=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="PAST"
MouseOverAction=[!RainmeterShowMeter app9over][!RainmeterHideMeter app9][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app9over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="PAST"
MouseLeaveAction=[!RainmeterHideMeter app9over][!RainmeterShowMeter app9][!Redraw]
LeftMouseDownAction=["E:\(PERFECT) CONVERTED Increase Volume DB and MP3 level (2nd level)"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1

;==================================


[app10]
Meter=STRING
X=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="AVCONVERTER"
MouseOverAction=[!RainmeterShowMeter app10over][!RainmeterHideMeter app10][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app10over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="AVCONVERTER"
MouseLeaveAction=[!RainmeterHideMeter app10over][!RainmeterShowMeter app10][!Redraw]
LeftMouseDownAction=["C:\Program Files (x86)\Anvsoft\Any Video Converter Ultimate\AVCUltimate.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1

;==================================


[app11]
Meter=STRING
x=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="ITUNES"
MouseOverAction=[!RainmeterShowMeter app11over][!RainmeterHideMeter app11][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app11over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="ITUNES"
MouseLeaveAction=[!RainmeterHideMeter app11over][!RainmeterShowMeter app11][!Redraw]
LeftMouseDownAction=["C:\Program Files\iTunes\iTunes.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1


;==================================

[app12]
Meter=STRING
x=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="RADIO"
MouseOverAction=[!RainmeterShowMeter app12over][!RainmeterHideMeter app12][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app12over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="RADIO"
MouseLeaveAction=[!RainmeterHideMeter app12over][!RainmeterShowMeter app12][!Redraw]
LeftMouseDownAction=["C:\Program Files (x86)\Griffin Technology\radioSHARK\radioSHARK.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1


;==================================


[app13]
Meter=STRING
x=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="ICONS"
MouseOverAction=[!RainmeterShowMeter app13over][!RainmeterHideMeter app13][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app13over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="ICONS"
MouseLeaveAction=[!RainmeterHideMeter app13over][!RainmeterShowMeter app13][!Redraw]
LeftMouseDownAction=["C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\HideDesktopIcons.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1

;==================================


[app14]
Meter=STRING
x=20R
FontColor=0,0,0
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="TRAY"
MouseOverAction=[!RainmeterShowMeter app14over][!RainmeterHideMeter app14][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]

[app14over]
Meter=String
x=20R
FontColor=255,255,255
StringStyle=BOLD
FontSize=15
StringAlign=LEFT
FontFace=Century Gothic
StringEffect=SHADOW
FontEffectColor=8A8A8A
Padding=5,5,5,5
AntiAlias=1
Prefix="TRAY"
MouseLeaveAction=[!RainmeterHideMeter app14over][!RainmeterShowMeter app14][!Redraw]
LeftMouseDownAction=["C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\TrayPopup.exe"][PLAYSTOP][PLAY "C:\Users\Johnny\Documents\Rainmeter\Skins\Water Taskbar\@Resources\sound\water drops.wav"][!Redraw]
Hidden=1

;==================================

[strawberryshortcake]

your image sizes are diffrent that's why gaps inbetween are gone or overlapping...

I don't believe that's the cause of the problem because I've deleted the background image, the taskbar.png (from my image folder) and spacing between the text still occurs. Here's 4 different screenshot (cropped to show just the taskbar portion) of my taskbar with just words and no images.