I'm building a gallery page using Fancybox2 in Dreamweaver and I need to completely remove the padding between thumbnails. Please see my test site here
http://www.creativeclout.co.uk/our_work2.html
I can't see an option in the css anywhere.
Can anyone help please?
Thanks
you have no css padding. problem your images. http://www.creativeclout.co.uk/images/thumbs/ourwork_12.jpg
crop white area in images.
img {
vertical-align: bottom;
}
Related
I have a black #000 page background on my web page.
Is there a way that I can change this with SVG to show a random effect of small #111 and #222 colored squares. I was told I could do this with SVG but I don't have any idea where to start. Even a really simple example would be a great help.
I'm looking for a solution for IE9+ browsers.
SVGs can be used as background images they same way that a PNG or JPG can. Create an SVG with any suitable editor - such as Inkscape - and include it the way you normally would.
background-image: url(../images/mybackground.svg);
I have the Owl Carousel set up and it works great, but I have text over the image that doesn't resize in response to the viewport change. The images resizes, but the text remains the same.
How can I make the text (within p and div tags) to be responsive with the images?
I have the same problem...I found a free theme where text is responsive with this plugin but still I don't understand what is the code to fix it...hope this can help someone
here the link of the theme:
http://w3layouts.com/demos/umbrella/web/#
look at "testimonials" section
Regards
add this bottom: 30% !important; inside the CSS at the only screen and (max-width: 767px) section, for the owl caption label.
I'm not good at all this website creating. But i need my web portfolio for graphic design. So i created template on photoshop. Sliced it. And saved for web. Then i opened it in Dreamweaver. All i did rollover for my buttons. And here how it looks in IE
stormilloart.com
check it in Opera, Safari, Firefox - looks perfect. But in Internet Explorer ist all messed up. Maybe there is a fix. Please help me out.
When you put images inside anchor tags, IE adds border around it. But Photoshop takes exact width and height of the sliced images. Because of the border added around the images, it creates layout issue.
To fix this, remove border around images inside anchor tags.
Add following code in head section.
<style>
a img {
border-width : 0;
}
</style>
I have a CSS style which displays a png image in background. It works well in all browser, except in ie6.
In ie6 the bacground image is stretched to fit the block. How do I solve this ? Here's the CSS which I'm using to do this.
.error
{
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
IE7 / FF3.5
IE6
You probably use a png transparency fix script for IE6, I think the problem lies there because it probably applies a scale method.
Read the comments on this page.
The documentation of your png transparency fix will probably cover this.
I personally found using transparent pngs in IE 6.0 to be a major pain in the ass despite all the various fixes out there. I know this is not an original answer, but I would probably just do a conditional check and replace the image with a gif or jpg version if you really need to support IE 6.0 here, instead of relying on hacks to support this. Or just drop IE 6.0 already, this year, I've talked every single client into not supporting IE 6.0 on their new projects. Seriously, it's about damn time that thing stopped making our professional lives so god damn miserable.
If you're using the AlphaImageLoader filter, make sure sizingMethod='scale' is not present. Remove it or set it to image instead of scale.
Belatedpng is the best script I have found for this problem:
http://www.dillerdesign.com/experiment/DD_belatedPNG/
set actual width and height for the background image and background-position.
.error
{
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
background-position:left;
width:251px;
height:72px;
background-repeat:no-repeat;
}
here width and height are actual size of the error.png image. hope it helps.
background image of type PNG is not transparent in ie6
See these posts
IE6 PNG transparency
How to use semi-transparent png images in IE6
This is a known issue in IE6: Transparent PNGs are only supported with some hacks.
This is a well-know bug. There are several workarounds, e.g. you can try using Google's ie7-js library.
I think you should definitely check the JQuery plugin called Supersleight, created by the guys on All In The Head & 24 Ways. They fixed some problems that comes with using AlphaImageLoader on IE6. From the 24 Ways page:
Works with both inline and background images, replacing the need for both sleight and bgsleight
Will automatically apply position: relative to links and form fields if they don’t already have position set. (Can be disabled.)
Can be run on the entire document, or just a selected part where you know the PNGs are. This is better for performance.
Detects background images set to no-repeat and sets the scaleMode to crop rather than scale.
The last one is the most important! Here are the links:
http://allinthehead.com/retro/338/supersleight-jquery-plugin
http://24ways.org/2007/supersleight-transparent-png-in-ie6
I had an issue once about png transparency in ie6 and what saved me was this:
http://allinthehead.com/retro/338/supersleight-jquery-plugin
hope it help.