put an image / button in line of text
-
Hello, I am trying to figure out how to put the WordPress download button in line of the text.
The page where the issue appears is:
http://Lotus-Omega.com/Tech-Info
I followed the idea of the following support page:
http://en.support.wordpress.com/uploading-documents/#link-an-image-to-a-document
Linking an image to a document.
What i would like to see is: ” Line of text –> BUTTON “
Does anybody have a idea how to fix this? Or how the download button automatically appears, instead of calling the image from the url as i did now?Thanx to you all for the support.
/Rene
-
What you have there is pretty much the best that can be done for attempting to put the button on the same line.
Lines have a set hight, and when an element is larger than the line height, it does weird things.
Instead of finding a smaller button, I think it would just be better to purposefully place the button under the text instead.
-
Can you tell me what the line hight is?
And is there any adjustments to be made with styles:
<img class=”alignleft” style=”border:0 solid black;margin-top:0;margin-bottom:0;”
Actually I wanted the button’s on the right side, and that the button image bottem is at the same level as the text bottem.
Seems logical but complicated to do, or i make the buttons smaller?
Thanx for so far -
Well, remove the left alignment for start. :)
A crazy idea that works for me on rare occasions, insert the image at the beginning of the line, but align it right. Let me know if that works out for you!
-
I tried that too, connect it in the code (text view) and aligned right, as you can see…
strange result though.
Can you check and see what is wrong or adjust it for me if you have any idea? (i allow you to change things)Thanx /Rene
-
Ok, sorry that didn’t work.
So, the button will need to be smaller than the line size to fit, which is 15 pixels high. That’s a very small button, which is why I recommend just having the button below the text.
-
Uhmmm
no luck, does not change a thing:
<img class=”alignright” style=”border:0 solid black;margin-top:0;margin-bottom:0;” alt=”” src=”http://en.support.files.wordpress.com/2009/03/download.png” width=”100″ height=”12″ /> -
Try re-sizing the image so that the original is maybe 12 pixels high max, don’t just adjust it via HTML.
-
I did that too… no luck however.
Would it be possible that there might be a bug in the Theme i am using?
I will try to switch some theme’s and report back here./Rene
-
No, that’s essentially how it’s supposed to work. The rendering of images in text lines is often temperamental and up to the browser, so you may not wind up with a consistant experience.
You might want to try an HTML table instead: http://www.w3schools.com/html/html_tables.asp
- The topic ‘put an image / button in line of text’ is closed to new replies.
WordPress.com Forums 