Align a button (text and icon) with some css - svg

Good Morning, check please: example
I need to vertically align a button on my website, so that the text and the icon are on the same line. (see attached photo)
I put the class .boton-producto {vertical-align: middle;} but not work.
Maybe a little css can help me.
Thanks.-

Related

Attribute inspector for buttons has no background color

Sorry but looks a simple question. In the attribute inspector menu of all my buttons the background color option menu/property disappeared in Main storyboard. I cannot change the color. I can change the text color, the shadow color, the background gives only the option of images but no color?? I rebooted xcode, and the MacBook as well.
I found the issue. On the attribute inspector at the very bottom there is the view section. On the right of the View there was missing "show" word, looks like a bug and that's why I have not seen that I could expand the view. Now that I expanded it I can hide and show with this right button and the keyword show is there again.

some browser problems on my code

my website, has some issues acting different for different browsers.
the red panel appearing under the grey buttons on bottom,seems only ff,not other browsers.
when user clicks one of grey buttons on the bottom,red panel should start under the white panel.but it starts a little bit of its left side.
the white panel on the left side on islerimiz.html(which user clicks middle button on bottom) page should be blurred.i added script for this but it is not doing blurring thing.the same script is on the iletisim.html(which user clicks rightest button on bottom) page and it is working truly.
ie6 errors:
the red point seems as a rectangle.
red panel script is not working.
the background of page and the logo's background should be the same but they seems different
the blurred panel on islerimiz.html page is not appearing at all.the bottom buttons seems true but the active button's color should be black but it seems grey too.besides little pictures should appear when mouse hover on the grey buttons,appears on open position.
the blurred panel on iletisim.html is not appearing.the pictures on the blured panel appears with shadows and shape is rectangle.also the links on that pictures is not clickable.
how can i solve this problems with css.if i couldn't solve with css,i can try jquery but my first choice is css.i have more than one javascript library on index page.but if i remove one of them,some scripts is not working.
almost all of those issues are because you are using pngs. switch them to gifs. apply them in a style sheet wrapped in conditional comments, at least for ie6, and a percentage of that list will go away. your selectivizrCSSForIEselectivizr.js is also targeting greater than ie6. i'm not sure what the red panel script exactly is, but i see you are adding webm file for ie...idk 100%, but i'll say it doesn't support that format either. convert it to media type that ie6 likes, and again, only serve this up in the ie6 conditional comments

How to add gravity for button CompoundDrawable in android?

I am developing android application with some custom views. Here i am adding buttons with CompoundDrawable in one of my view. Here i am giving CompoundDrawable for buttons to give bullets effect for the text. But i am facing problem with CompoundDrawable alignments.
If my button text is single line then alignment is showing good. Button text is more that 2 line that will show my bullet in incorrect place. At any way i would like to show my bullet CompoundDrawable at left-top of my button text.
Here is my button creating code
Button button = new Button(this);
button.setLayoutParams(myParams);
button.setCompoundDrawablesWithIntrinsicBounds(drawableId, null, null, null);
button.setBackgroundResource(0);
button.setGravity(Gravity.LEFT|Gravity.TOP);
But it is not showing my button what i would like to show.
I have attached image of my buttons. On that 1 is proper. but i would like to show 2, 3 also same like button 1.
Please look on attached image.
Thanks in advance.
make use of android layouts........

Javafx while selecting text using mouse in webview the selecting word is split or overlap

I want to select the text in webview while i am selecting text content using mouse in webview, the selected text word is split or the mouse selecting first word alignment overlap. how to solve this issue.
Just i have load a simple html file in javafx weview component. while select the text in webview the word is split or overlapping. i am not use any JavaScript.
You can find the doubt in the following link:
enter link description here
WebView not correctly rendering selection areas is a known issue in JavaFX 2.2:
RT-18883 Google docs editing issues
RT-11239 Add draw glyph type support to Prism graphics

Hyperlinks displaced on IE7

Browse to a webpage with hyperlinks using IE (I am using IE7) Once on the page, enlarge the fonts using ctl + mouse wheel. Now when you try to hover over the hyperlinks, they are laterally displaced to the right. To click on the link, i have to move the mouse to the right till the cursor turns into a hand.
Anyone has a comment on this??
I was browsing the following page.
It is the 2nd hyperlink in the body of the article. (the link text is "here")
IE7 doesn't handle Zoom correctly, You can see this error on this page (I mean the page you're reading right now) if you zoom large enough, view the logout | about link at the top, hover over it, hover off to the right, back over.
All of the links on that page are displaced to the right on my copy of IE7 (7.0.6001.18000) even before I enlarge or shrink the fonts. Whereas other pages act normally. (My test page was http://www.frito-lay.com/fl/flstore/cgi-bin/good_questions.htm).
It appears to be something specific to the page.

Resources