enter link description here
this is the site in question, the div that I am trying to target?
img.side-class is the selector , and ideas ?
Easiest way to get it in the middle of that div is
img.side-class {
margin-left: 12px;
}
Related
I cant find any related solution to my problem here on stack over flow but here we go. i have checked footer space and marked related module with zero spacing for slide but still it is not working.
Please see www.sateeni.com and under main homepage slider i have some unwanted space and don't know why its there. Please need help to find out why and where the problem is. sorry if its very basic thing but i am new to magento so cant figure out the reason. I have tried all options but no luck.
Thanks in advance.
Adam
Your main content container is showing and even though it is empty, the CSS has padding and a minimum height:
.main {
padding: 20px 0;
min-height: 370px;
}
You can either use CSS to overwrite this min-height on the homepage only
.container.full-width {
padding: 0;
min-height: 0;
}
or just hide this element on the homepage only.
.container.full-width {
display: none;
}
How can I insert a JPEG image at the beginning of each bit of text?
For example a menu wrapper div id with the menu titles inside <li> tags?
I want it so that the image shows up at the beginning of each title in the menu.
If that's a list item and you want a custom bullet, then use list-style-image:
ul li{
list-style-image:url(http://dummyimage.com/5/F00/fff)
}
JSFiddle
Use a background image on the li:
li {
list-style:none;
background: red url(//) left center no-repeat;
}
Check the fiddle.
I have a rendering issue in IE8 where double images are being displayed. This is the page in question http://www.salterkitchenscales.co.uk/kitchen-scales/
I have read else where that it could be the closing of tags in the wrong order. I don't think that it's the case here.
Could anyone perhaps point me in the right direction?
Page renders OK in Firefox and Chrome.
Thanks in advance.
Simon
try changing your product_thumb_bg class in your css, remove the width and height :
.products_thumb_bg {
/* show product image as background */
float: left;
margin: 10px 0px;
}
Is there a way to add img src tag in programmatic for a dijit.form.button?
In declarative, we can do something like this :
<div dojoType="dijit.form.Button"><img src="images/img.png"/></div>
In this case, the dijit button is completely replace by the image.
If I try something like this, the image not replace button but appear in :
var button = new dijit.form.Button({
showLabel : false,
label : "Validate",
iconClass : "alphaIcon validateIcon",
})
Your help would be very appreciated.
Thanks in advance
I think your approach should be to do exactly what you did AND create custom css to modify the appearance.
myIconButton.dijitButton .dijitButtonNode {
border: 0;
background-image: none;
background-color: transparent;
box-shadow: none;
}
var button = ... // same as above
dojo.addClass(button.domNode, 'myIconButton');
To directly answer your question, you could create your own button widget with a custom template that only had the image source.
dojo.declare("MyIconButton", [Button], {
templateString: '<div><img src="${imageSrc}"></img></div>'
});
NOTE: I didn't test this approach and there may be other modifications that you would need in MyIconButton because the base Button class would be expecting other nodes in the template.
The following will do what you want
this.button1.attr('label','<img src="' + this.constants.packagePrefix + '/images/button1.gif"/>');
I found it here:
http://mail.dojotoolkit.org/pipermail/dojo-interest/2009-August/038353.html
I have been using a class with background-image for buttons. This really made it hard to dynamically set the image. So, I had success using this:
domStyle.set(myButton.iconNode, 'background-image', 'url(images/icon.png)');
The trick was using iconNode, rather than domNode or containerNode.
I have a simple Magento website. It's still very basic cause I'm a beginner.
I tried but have failed badly.
This is what I want to do:
Remove the "GO" button (submit) and place a small image instead.
this is my website:
http://gale.dev4.webenabled.net/
any help? Please... I tried editting so many files but I can't get rid of this code:
<span><span>GO</span></span>
Add what you need to the end of styles.css
.header .form-search button.button span span {
display:none;
}
.header .form-search button.button span {
width:50px;
background-color:red;
}
That will give you a red box, you should be able to take it from there.