I am trying to make the ugly grey border that appears around anchor tags go away. The CSS property "outline:none;" works for Firefox, but how can I do it in IE. Preferably using CSS expressions or jquery. I'm not worried about accessibility BTW. Based on your suggestions I found these to be the best solutions... The jquery(for IE brows...
If you had a look at this forum http://python-forum.org/pythonforum/, you could notice that borders which Topics and Posts divs have are short. I am writting a forum and now have a problem with blocks which must go side by side (just like those four at the above mentioned forum). Could you please help me arrange four blocks side by side ...
So I have been Googling and I am quite sure my problem emerge from the hasLayout issues with IE7 and lower. My problem: See image here The HTML Code under here. The problem lies between the id="header" div and the id="colortab" div. <div id="header"> <div class="logo"><img src="images/logo.gif" border="0" alt="" /></div> <div ...
Hi, I am working on some website , i have used jQuery UI , for pop-up dialog . I want to close that after 10sec, I have used fadOut 10000 ms but its slowly fades. Here is the link View the source code and please help me in this. ...
How can I use jQuery to determine whether an element has a certain style set inline. E.g, given the document <style> .MyClass { position: relative } </style> ... <div class="MyClass" id="div1" style="position: absolute"/> <div class="MyClass" id="div2"/> ... <script> function f() { assert($('#div1').SOMETHING('position') == 'absolu...
Hello guys, I have a hidden contact form which is deployed clicking on a button. Its fields are set as CSS background images, and they always appears a bit later than the div that have been toggled. I was using this snippet in the <head> section, but with no luck (after I cleared the cache) : <script type="text/javascript"> $(document...
Hi, I'm looking for a JQuery plugin that supports adding resizable drop shadows to divs, tables, text, etc. I really only want the shadow to resize when the user resizes the browser window (the elements with the shadows are not draggable). I've tried this plugin but it doesn't seem to shrink the width of a shadow when a user narrows th...
If a HTML element such as an input box is hidden under a CSS visibility e.g. Display:None. Can I determine server-side whether this element is hidden of not. And if so, how? ...
Can someone please explain why IE7 insists on putting a space between the table and the ul in this example? It doesn't seem to happen in IE8 or FF. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <ul style="background-color: Blue;"> <...
I would like to change a header css background image every few seconds, so its look like a slideshow. For example first 2 seconds be: body#home h1#siteH1 { background:url(../images/header1.jpg) no-repeat;} Next 2 seconds be: body#home h1#siteH1 { background:url(../images/header2.jpg) no-repeat;} Next 2 seconds be: body#home h1...
I'm using CSS selectors to generate custom pop-ups for a web templates - basically, some some the producers aren't comfortable with JS and I need an easy way for them to set pop-up sizes etc. I'm not really interested in the merits of this approach, but rather wish to understand why jquery seems to be unable to get the width and height a...
This demo, which goes along with this article, succintly describes what I need to do. However I am not impressed by the use of javascript for something that should be possible in pure CSS. The articles referenced (which I also found independently when looking for a way in CSS) don't perform the same function as the watchmaker demo - the...
How can I do this using CSS and HTML? Bordered text surrounded by colored border Bordered text's border minimally surrounds text Bordered text has maximum width Bordered text's border doesn't overlap neighboring elements When rendered, it should look something like this: For the border I'm using: padding: 1.0em; border-style: sol...
I am trying to have the button to display to the right of the textbox but it's displaying to the bottom in IE7. <div style="margin-top: 12px; border: 1px red solid" > <asp:TextBox ID="txtSearh" name="txtSearch" runat="server" ></asp:TextBox> <button id="Search" accesskey="s" type="submit" runat="server" onserve...
First of all, here is the site I am working on. I am trying to get a modal window to pop-up when elements in the Flash are clicked on. Which at this point I have about 90% working when you click on the warrior image. Below is a list of issues I am still trying to solve that I hope you can help me with... The modal background doesn't ...
I am building a web application that needs to print directly from browser, however, It should be very precise, right now I am using absolute positions and specifying left and top with pixels. How ever each browser prints in different places of the page, I also got different font sizes. How could I get same results? Edit: this is a simpl...
<div id="spacer"> </div> + #spacer { height: 4px; } Firefox and Safari do it right, the space on screen is small. IE8 makes it bigger than 4px. WTF. If I set it to 200 pixels or whatever, the space is huge. It decreases until I get to around 15 px, at which point IE continues to draw a 15ish px space despite the css saying 4...
I have an anchor element that looks like this <a href="url"><img scr="imgurl"/>Text</a> I'd like the image and the text of the anchor element to vertically align. I've tried adding vertical-align (css), padding, margins, ets, but the image will not vertically align with the text. Should be simple, I just can't figure it out. Any id...
Can anyone explain why using comments like this in css cause really weird effects SOMETIMES? This works fine /* ------------------------------ */ /* some text here */ /* ------------------------------ */ This appear to work fine too until I reload a page and then the page is all messed up in firefox and in ...