css

which technique show image in css is faster?

technique 1 .realimage {background: url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/ //+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U g9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC')} technique 2 .realimage {background: url('http://..test.jpg); Questions If I need to show mult...

Extra white borders on CSS image background in IE6

When this page is viewed in IE6, you will see extra left and right white borders on the button: http://pastehtml.com/view/1aycieg.html They don't appear in other browsers (e.g. IE7, IE8, Chrome, Firefox). I have been trying hard to fix it by changing the margin and padding values of the <li> and <a> tags but still no success. I would...

How do I lock the header rows of an HTML table from scrolling?

Is there a way to "lock" the header row of an html table of results so that when the browser window scrolls, the header rows remain visible. I need it to work under IE7+/Firefox/Safari/Chrome. Can this be done with CSS alone, or will I need javascript. Any tips appreciated. ...

JQuery - Detect support for CSS 'display: table-row-group'

So, Internet Explorer <= 8 does not accept the standard table-row and table-row-group values for the CSS display property (amongst others). I'm reticent to use JQuery's browser detection features as these have been deprecated. How can I detect table-row-group support in JQuery without parsing the browser/user-agent string? That is, how d...

asp.net menu item with jquery rounded corner

Hi Guys, I have a requirement by which I need to have something like below as the background of my asp.net menu item background. NOTE: The menu is populated by sitemapdatasource which is dynamic depending on querystring. I was doing some googling up and found that I can apply JQuery's rounded corner functionality along with asp.net m...

Overflow Hidden exceptions to the rule?

I need to show an element (image) overlaying a Div that has a overflow:hidden applied to it. Since the overflow is hidden , its naturally covering anything I want to sit on top of it. How do I get around this? ...

less.js, lessframework & CSS grids ala Blueprint or 960.gs

Ok, so Less.js has come along, and it seems that my dreams of creating a CSS framework (especially a 'grid' system), with an 'abstracted' CSS language might be about to come true. That is, 960 and Blueprint are great and all... but it so irked me to put style information in HTML markup, such as: class="article grid_4 pull_2" or whate...

Center cell vertically in the navi bar

Hi there, I am trying to center vertically the text in my menu bar. I have tried editing the HTML and CSS, but had no luck making it work. The webpage is located at: http://www.xuanyinwen.com/test4.html The CSS is at: http://www.xuanyinwen.com/css.css Could anyone give some idea, please! Many thanks! ...

Http request for js and css file

Hi, In my website, when I analysed it. Shows that my site has a 17 external js file and 4 css file. And recommended me to reduce the number of http request made. And my questions are... 1) Does more http requests reduce overall ranking? 2) If I reduce my http requests by combining js file, the js and css file will be lar...

Header & Footer In Print Page? Not The Web browser Header And Footer

hi all, I Have Problem with Headers And Footer on web page Which is Going to Print. My custom headers and footer should print on each page. Header is printing at top of page, that is fine, but footer is not printing at bottom of page if the content is less on page. footer is printing depends on content. HERE MY CODE IS:- <html> <...

Fading through background images with JavaScript/Jquery

Hello, I dont know alot about Javascript. I want about 5 background images to continuously rotate and fade with a 5 second interval. There are a lot of image slideshows available on the web, but I need it to be with a background image on my site. Any help is much appreciated! ...

Creating a transparency mask for html.

Has anyone come across an effective way to mimic Webkit's -webkit-mask-box-image: url(filename.png) functionality? I'm trying to use non-square animated elements, and would prefer not having to do the masking on server-side. I'm set on supporting at least Gecko and Webkit, but if I can manage Opera and IE, that would be a bonus. ...

Vertical Alignment of inner elements

I've two elements in <td> a <div> and some text. I would like to align <div> to top and text to middle of <td> How can I do that? Edit: The should be vertically top aligned and not text inside div. ...

Tweet Button and Facebook Like Button appearing below menu bar in FF

My problem is that I have a menu bar with z-index 100, and two elements of that bar with z-index 1000 (Sorry, in the code, the z-indexes are actually higher numbers butt different by a factor of 10... i realize this is bad practice, but i havent changed it yet because there are a few pieces connected). In firefox, the tweet button and f...

html table column align right

Hello i have got a table with 3 columns. And i want that the third column is aligned to the right of the upper element und the other 2 columns to the left (left column) (middle column) (right column) is there a way todo this via css or something? greetings ...

DIV positioning problem on IE

hi, i have a problem for my layout... it should be simple but i just won't get it right. It works on firefox but not on IE .... :'( Problem: the div leftBar and rightBar should be resizing to the content. If there is a lot of text, they should have the same height (therefor i used top and bottom on an absolute positioning) the content i...

css Problem on positioning IE

hi, i have a problem for my layout... it should be simple but i just won't get it right. It works on firefox but not on IE .... :'( please do not write some pages of tutorials... its an unique problem ;). Problem: the div leftBar and rightBar should be resizing to the content. If there is a lot of text, they should have the same height...

How to not show a background-image in an iframe when parent page has one?

Hi, I have a page with a background-image that is set in a stylesheet body {background: url(blabla) center top no-repeat; When I put an iframe in the page I get the background image repeated in the iframe, how can I avoid this? allowtransparency="yes" makes it go away in FireFox but not IE. <iframe class="iframeclass" allowtranspare...

Where can I find the CSS behind standard asp.net controls?

So for example, I have a lovely button control: <asp:Button ID="Button1" runat="server" Text="Button" /> Which when renders, is a lovely dull grey, nice and rectangular, etc, etc. I know I can apply a new CSSClass to amend the CSS of said control, but where can I find the original CSS properties for this? I appreciate this is a stup...

css image path not rendering correctly

Hi Guys, web newbie here, I have a css file on my site that references an image (pic.png) like so: content { border: 1px solid #000000; background: #ffffff url(images/pic.png) 50% 50% repeat-x; color: #000000; } When I use firebug I see that it tries to get: GET /path/to/css/%22images/pic.png%22 For some reason it wraps it with u...