css

How do you start to translate a web design layout to a HTML implementation?

I was reading through this tutorial on creating a web layout in Photoshop to end up with something like this: This seems to produce a single image file, however and there is no explanation of how to translate this into a web application implementation. What I mean is, you would need to have functionality for when someone clicks on "...

sIFR 3 +li menu offsetTop position

I'm using sIFR 3 (beta revision 436). I have a menu 40px high. I have 9 links, 6 of which are one line and 3 are 2 lines. To arrange the single line links within the centre I have offsetTop by 11, example code of the sifr-config here: sIFR.replace(herculanum, { selector: '#menu ul li', css: [ '.sIFR-root { background-color: #000000; t...

SSL and mixed content due to CSS background images

I have a web page containing am entry form. HTTPS is enabled via an Apache redirect for all requests matching that page. Unfortunately, because the CSS pulls in external images using 'background-image: url(/images/...)', the browser will generate a warning message that the page contains mixed content. What's the best way to resolve thi...

Carrying out a jquery command based on conditional css style?

I want to carry out two different functions based on the height of a div. How would I write out a conditional that checks the style before deciding? ...

IE6 - text is hidden with no reason?

For a veeery long time I've had this problem but always I managed to avoid it somehow (by removing elements or changing order) and now here it is again and I have no idea how to get rid of it. First, it appeared in my admin panel, but only few users acces that so it's not big problem (nobody uses IE6), but now this problem is appearing o...

How to center some text and right-align more text on same line?

I'm surprised that this has been so difficult for me. I need a single line with some text centered and the rest right-justified: Centered Text Right Text I doubt this matters, but "Centered Text" needs to be a <div> or <span> since I need to manipulate its content with jQuery. "Right...

clear type bug when animating something with transparent background

I,m making text slider using jquery (text scrols using transitions provided by easing jquery plugin). The parent DIV has some image as a background. Everything works fine in every browser, but not in IE 6,7,8. Strange distortions occur in IE when text and the IMG's are being animated. I learned recently that is fault of IE clear-type f...

Can css images load even if they're not applied on a page?

After analyzing my site with the websiteoptimization.com tool, I see that it lists every single css background image, even if they're not applied to any element on the specific page. Is this a bug on their end, or will some browsers load every css image, even if the element they're applied to isn't on the page? ...

right distance of background-position in CSS

Hello I worked on a CMS and I want to have diffrent Buttons for special editings. I created a small examplefile wich looks like this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <meta h...

Is this possible to embedded an image in HTML form?

Is that HTML form only support pure text only? Can I use some JS / CSS trick to let the HTML form have image embedded? ...

My website is having some problems in IE...

Hey all my website www.heavylinker.com works nice in Firefox, Opera, Safari and Chrome. But when it comes to IE it all messes up... I use CSS codes... Any Ideas? ...

Change backgound of li element with jQuery

I have a li element like this: <li class="file file-success"> </li> I want to change its background using jQuery. Note that I can't change the li element itself. ...

create style class in javascript

i want to crate style class in java script tags and class will be like this #file-ok { background-image: url(+ json.get('filename') +); } actually json.get('filename') will be name of file for background and will return from php file. is this possible...? ...

jQuery: Animating opacity in IE

Using a div with solid black color to fade out an image underneath it. In Chrome and Firefox, this works fine, however, in IE, it's backwards. $("div#bgcover").animate( {opacity:.70}, 2500); This starts at 0% opacity and is supposed to animate to 70% over time. In IE, however, it jumps from 0% to 100%, and then fades back down to 70%....

What controls horizontal space between levels of nested list?

Here are three shots of the same code illustrating what I mean. As you can see, they really vary. And the code, for reference, is: <ul> <li>num 1</li> <ul> <li>num 1.1</li> <li>num 1.2</li> <ul> <li>3rd level</li> </ul> </ul> <li>num 2</li> </ul> I suppose this could be due to a variety of things, but it ...

Hiding overflow not working...

Heyo, I'm using a 2000px width image as a background for a 960px width webpage. I am trying to make it so it doesn't show a horizontal scrollbar when a part of the image is to the right of what's visible, but what I'm trying to do is not working for me. Two IDs are involved. One is 'bg' which has the background image as its background a...

Does the Web Developer toolbar really have a Save button to save CSS modified in Firebug?

According to this S.O. answer the Firefox Web Developer toolbar has a Save button: However, the answer shows an image of the toolbar which does not show a Save button: I just installed the toolbar to take advantage of this option but I do not see a Save button. Does the Save button exist? ...

jQuery shadowbox video not working in IE7

The shadowbox video plugin is not working in IE7 although it works fine in Firefox and Safari. Any comments would be really appreciated. Site: http://www.carolinedawes.com.au/update/abc-gardening-australia.html HTML: <a href="m/abc-gardening-australia-caroline-dawes.mov" rel="shadowbox;height=272;width=480"> <img src="i/abc-garden...

What is actully harmful in to use css hacks instead of IE conditional stylesheets ?

What is harmful in to use css hacks instead of IE conditional stylesheets. What is bad with css hack , will i get any problem in css management now or in future with hacks. I read many articles but haven't found any good reason. adding extra external conditional stylesheet means one more HTTP request. ...

Color names allowed in HTML/CSS

I know and use a few color names like 'white', 'blue', 'red', is there a complete list of colors allowed in HTML/CSS ? ...