I'm using Tipsy with WordPress. I have the images all set up, but when I try to use the plugin it changes the image back to text. Why?
<img title="top-left" src="IMAGE.PNG" alt="" width="170" height="120" />
Related
I've been developing a website with a custom menu (ReactJS). But it doesn't work in Chrome and Safari on iOS.
Below is the code structure.
<Header>
<TopNavigation />
<MenuBox />
</Header>
<PageBody>
<TextContainer />
<PageBody>
When menu box appears, it should cover the whole page. But on iOS, the <TextContainer /> comes on top of the menu bar.
z-index of <Header /> is higher than that of <PageBody />
Any advice on why this is happening and how to solve this would be great.
Anyway couldn't find the reason to that behaviour in iOS. Then changed the layout and made it work.
<Header>
<TopNavigation />
</Header>
<MenuBox />
<PageBody>
<TextContainer />
<PageBody>
The feature was added in version 2.0.6
see http://wiki.videolan.org/Documentation:WebPlugin
<object style="z-index:0;position:relative" classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab" width="352" height="288" id="vlc">
<param name="Src" value="" />
<param name="windowless" value="True" />
</object>
<div style="width:50px;height:50px;position: absolute;z-index: 1000;background: green;top:0;left:0"></div>
The green div should be placed over the activex control, why is it not?.
Your green square will appear at the top left hand corner of the screen. You need to mess with the css to position it where your control appears.
I am having an issue with images displaying as buttons (with the title text as the text of the button) in the iPhone 5 browser. I have tried GIF, PNG and JPG file types.. all with the same effect. It is not happening with all images... but one consistence appear to be
Any advise?
Code example:
<a href="/index.php?main_page=checkout_shipping">
<img width="159" height="27" title=" Proceed to Checkout " alt="Proceed to Checkout" src="includes/templates/template_default/buttons/english/button_checkout.jpg">
</a>
Screenshot:
It seems that the UIWebView is considering your alt as the data, so, dispaying a text instead of the image. Verify if your image really exists in that folder or, try removing the alt from the a href tag o see what happens.
Try this one. Give an ID to tag and style them with css.
HTML
<a id="checkout" href="/index.php?main_page=checkout_shipping">
<img width="159" height="27" title=" Proceed to Checkout " alt="Proceed to Checkout" src="includes/templates/template_default/buttons/english/button_checkout.jpg" />
</a>
CSS
a#checkout {
float:right;
margin:10px;
width:159px;
height:27px;
text-decoration:none;
border:none;
outline:none;
}
a#checkout img{
float:right;
width:159px;
height:27px;
border:none;
outline:none;
}
I am making an app in Titanium. The XML is different from that of Net Beans. for example:
<Alloy>
<Window>
<TextField hintText="Login"></TextField>
<TextField hintText="Password" passwordMask="true"></TextField>
<Button>Login</Button>
</Window>
</Alloy>
this will put the 2 TextField and button all on top of each other... Y?
First take a look at the docs. on how to style your views. These guides help a lot.
Then try a vertical layout for your window, and more defined sizes for your inputs:
<Alloy>
<Window layout="vertical">
<TextField hintText="Login" height="40" width="Ti.UI.FILL"></TextField>
<TextField hintText="Password" passwordMask="true" height="40" width="Ti.UI.FILL"></TextField>
<Button height="40" width="Ti.UI.FILL">Login</Button>
</Window>
</Alloy>
That should get you started.
I have a page with a normal link to an image. When jQuery Mobile is loaded and you click on the link, all that is returned is 'undefined'.
How can you link to an image and have the image loaded when clicked?
edit:
It's just a normal link with an image:
<img src="picture_thumbnail.jpg" />
Seems to work when adding rel="external" to the <a> tag.
<a href="picture.jpg" class="image" rel="external">
<img src="picture_thumbnail.jpg" />
</a>