Broken Kode Discussion Forums

A place to talk about the Rin and Manji themes

You are not logged in.

#1 25-12-2005 01:02:56

MacManX
Moderator
Registered: 28-03-2005
Posts: 80
Website

Sidebar Link Text is Misaligned With Link Image

I was trying to add a [Unified] Feed Icon to my sidebar today (using Rin v1.1 under WP v1.5.2), and I just can't get it to align itself with the link text.  As far as I can tell, the image aligns itself to the top of the link area and then adds at least two pixels below the image.  Since the text is set to align to the bottom, this effectively pushes the text down by two pixels, thus causing the link text and image to be misaligned.  If there is anyway to stop the image from adding the two pixels below itself and to force it to align to the bottom with the link text, or to just force it to be inline with the text in general, please let me know.

The following screenshots were taken using Firefox v1.5 with all "a" elements outlined.  The 12x12 image that I was planning on using is in the screenshot on the left, and the screenshot on the right has a 16x16 image to show some exaggeration with the issue.

http://static.flickr.com/43/77112679_4d50948ccb_o_d.jpg http://static.flickr.com/37/77112680_0c7e76c39b_o_d.jpg

The follow is a code snippet of how I inserted the image:

Code:

<li><h2><?php _e('Subscribe'); ?></h2>
<ul>
<li><a href="<?php bloginfo('rss2_url'); ?>" title="Subscribe to MacManX.com">Entries (RSS) <img src="/blog/images/feedicon16.png" alt="Subscribe to MacManX.com" border="0" /></a></li>
[...]

Again, if there is anyway to stop the image from adding the two pixels below itself and to force it to align to the bottom with the link text, or to just force it to be inline with the text in general, please let me know.  Thanks in advance!


Disclaimer: I am a forum volunteer.  I only represent Rin as a user and reserve the right to refuse service to anyone at anytime.  The opinions stated in my postings are not necessarily those of Khaled Abou Alfa or his affiliates.

MacManX.com

Offline

 

#2 26-12-2005 15:59:26

grant
New member
From: Tulsa, OK
Registered: 18-10-2005
Posts: 6
Website

Re: Sidebar Link Text is Misaligned With Link Image

Are you trying to make these links look like buttons?  It appears that you are, but I could be wrong.  If you want buttons I could make some for you, no problems.  I do graphics stuff, and these would be easy to make.  Let me know if you would like me to do that for you, otherwise I'm not sure how to code that to look like you're wanting it to look.  It just seems easier to go with buttons rather than to hardcode it like that. 

later,

grant

Offline

 

#3 26-12-2005 18:29:51

MacManX
Moderator
Registered: 28-03-2005
Posts: 80
Website

Re: Sidebar Link Text is Misaligned With Link Image

That's ok, I could have done the button too.  I just wanted the image to be part of the link, appear after the text, and be aligned with the text, which appears to be impossible.  The code that I used is quite basic and it is in my original post.  I decided to give up and place the image before the text.  It's still not aligned, but it looks better for some reason.

Last edited by MacManX (26-12-2005 18:30:30)


Disclaimer: I am a forum volunteer.  I only represent Rin as a user and reserve the right to refuse service to anyone at anytime.  The opinions stated in my postings are not necessarily those of Khaled Abou Alfa or his affiliates.

MacManX.com

Offline

 

#4 26-12-2005 19:30:05

grant
New member
From: Tulsa, OK
Registered: 18-10-2005
Posts: 6
Website

Re: Sidebar Link Text is Misaligned With Link Image

Oh, okay.  I see what you mean.  Yeah, coding something like that is kind of impossible.  Or, at least close to it.  Well, at least you found a reasonable solution that works.  So, that's a good thing.  I can understand the dilema though.  Maybe with WP 2.0 things will be easier to work with.  Each version is more and more user friendly.  This is by far the best blogging program I have ever used.  Gonna suck if they ever start charging for it, like others have.   

later,

grant

Offline

 

#5 16-01-2006 00:02:30

MacManX
Moderator
Registered: 28-03-2005
Posts: 80
Website

Re: Sidebar Link Text is Misaligned With Link Image

After some helpful evaluation, it turns out that the problem is my eyesight.  As my friend Rick puts it, "The image is aligned with the text. It's right on the baseline where it should be. I think its curved corners and the descending parentheses are throwing you off."


Disclaimer: I am a forum volunteer.  I only represent Rin as a user and reserve the right to refuse service to anyone at anytime.  The opinions stated in my postings are not necessarily those of Khaled Abou Alfa or his affiliates.

MacManX.com

Offline

 

Board footer

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson