I'm trying to style a UIImageView using pixate 2.0.1.
Without styling the image looks like this:
After applying the style bellow I get this output:
.image-photo{
border: 1px solid #0c0;
border-radius: 45px;
}
Even though the documentation says you can apply border-radius and other border effects to UIImageView, I don't think you really can without losing your image.
I recommend placing a UIView there, assigning it a styleClass and then putting your UIImageView inside it. You can then reliably apply styles to the UIView and get the background and border effects you want around the image.
Update
There is also an issue with your CSS syntax. Pixate doesn't support the shorthand border notation. You have to write it like this:
.image-photo{
border-width:1px;
border-color:#0c0;
border-style:solid;
border-radius:45px;
}
Again, this has to go on a UIView that contains the UIImageView.
You need set your image via CSS. If you want to do it in code, then you can use the styleCSS property.
Related
I'm having issues with my footer. It's the appropriate width and length but I can't get the text to move.
I've tried toggling with the numbers, using both negative and positive numbers with no luck. I'm using a theme created by another tumblr user, with permission to edit it to my liking, but she won't help me edit it, which is how I got here.
I'd like the text on the left side to be 20px from the left, and the text on the right to be 20px from the right. Both sets of text should be 15px from the top. (These are just guesses- once this problems solved, I'll probably toggle a bit more.)
Here's a link to the coding: http://pastebin.com/c0RdkC4W
Thank you in advance!!
OK, so you have some css being applied to the footer (I assume you are talking about the main site footer rather than the footer for each post.
You need to find the css for the #footer
And apply the following css:
#footer {
padding: 15px 20px 20px 20px;
height: 130px;
}
That is in addition to the properties already applied to that element. It's on line 231 of the full block of html you posted.
I am afraid setting the height on the footer is a hack, you would have to adjust this if you add or remove navigation items. A better solution is to use clearfix.
You also have some inline styles hard coded into the html, this is often frowned upon as it is easier to control the css using classes, id's and element selectors. But sometimes these inline styles get written to the template via the tumblr options.
See how you get on and give us a shout if you need more help.
I need to draw text with a background. I need the background to be not just a square but to wrap the lines.
So using the background color of a UILabel is no good for me.
I suppose I need to draw it, but I dont know how..
Just to be clear, I don't want a square background like this:
I want background like this:
p.s.
I really don't want to use more then one label to get this effect...
I also need it to support ios 4.3 so I can't use new things like NSAttributedString.
You can't do it easily with UILabel element on iOS 4. For example you can override UILabel class and play with calculating text width and then setting black views to the background, which is not an easy job.
I suggest you to use UIWebView instead. You can simply use HTML and CSS rules.
I am trying to add a 4 pixel bottom border to the header of a ThemeRoller Mobile template. I see the option for setting a border color but it just applies the border all around. Is there a way inside of ThemeRoller to set it to bottom only and set the width, or can anybody provide the proper place inside the css file to adjust this? Thanks in advance!
Edit: I tried changing the .ui-bar-a class in the css file from border: to border-bottom: and chaing the pixel width, but the changes do not show up when the file is rendered in chrome. But if I change it in the web inspector, the changes do work and I can get a 4 pixel bottom border on that element.
Try this:
ui-header {
border-bottom:4px solid #000;
}
You can put this in your own css file to keep thing clean and organized. But remember, when defining all your css files in your head section. Make sure to FIRST load the jquerymobile css file and after that your css file. This is because now your css declarations will overwrite the jquerymobile declarations.
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
<link rel="stylesheet" href="your-css-file.css" />
Try this
$(".ui-header").css("border-bottom", "4px solid #000000");
just put it on the page you want the border changed, or js file that contains it
I just implemented drag and drop sort table on my site
Demo Link
On chrome sometimes the rows border change colors specially the bottom one it turns black and its pretty buggy.
Works fine on IE and Firefox
I also notice that my row is very small when dragging and it's not the actual size of the of the row. Any work around for this?
I'm sure that has to come because you do not use any CSS Reset...
and by the way, you should add border-top: none; to your td, th style right after you set the border, so you don't have border with 2px as the bottom of one will be added to the top of the other creating lines with 2px's and not a smooth 1px in every tr
Here is an updated version: http://jsfiddle.net/U22Bz/3/
http://doc.bigheadservices.com/my-page.php
In the navigation bar, under the logo, the FAQ block is wrapping, cutting off the Q. How do I fix this?
In this particular case, I fixed it by adding 1px padding around the element. The text was a link within an list-item. The sIFR was applied to the <li>. Adding 1px padding to the <a> fixed it.
Not sure if it is the proper way, but it works and I've got tons more work to do.