How do I change the visibility of a hyperlink when the mouse moves over it?
How can I make a link visible only when one hovers over the link? ...
css
IE versus Firefox in displaying anchor color
Hi, I just notice a very odd behaviour in Firefox 3.5. I am running Firefox 3.5 under Ubuntu Jaunty Jackalope (9.04) and Windows XP. When I open the following URL : http://www.w3schools.com/css/tryit.asp?filename=trycss%5Flink2 Firefox renders the links in blue. When I open it with IE 6.0 it shows the links in 'red'. According to the...
jQuery: Load background image from css class into variable?
How can I load the background-image (url) from a css class into a JavaScript variable (preferably using jQuery) ? Example: .myCssClass { background-image: url(/images/checkered.gif) no-repeat; } ...and now load checkered.gif into a var CheckeredGraphic = ??? using JavaScript. ...
Whole image won't show
* { margin: 0; padding: 0; } body { margin: 8px auto; background: #20272D; width: 900px; } body, td, input, textarea { font: 11px Tahoma; color: #DDD; } #content { width: 400px; margin: auto; background: url(img/blixt.png) 0px 18px no-repeat; padding-left: 25px; } There's a image (blixt.png) that I want to show up ...
how to prevent css and js being cached by internet service provider ?
Hi, I got "dump" isp that always cached internet pages and its css for at least 1 day. Although the css / js in the server changed, the presented css are not changed (i have been clear my cache everytime) how to "tell" my isp not to cache some files like css and js ? thank you !! at the moment: i'm using proxy to check a under deve...
Vertically aligning cursor inside input box. Safari & FF do different things..
Hey all, I can't figure out how to center the caret in an input box.. Safari will do it correctly.. Firefox hugs the top.. Here's the code: <div class="strut"> <input type = "text" class="strut_input" /> </div> .strut_input { width: 28px; height:28px; position:absolute; background:none; border: none; color:...
Very Tricky CSS Scrolling Question
Hi. I am not sure how to achieve a certain effect in CSS. I have the following HTML: <div id="container" name="container"> <div id="scroll" name="scroll"></div> </div> The scroller loads with one image inside the scroller which has a width: 715px; [ [1] ] When the user clicks on that image, a second image is dynamica...
Margin not acting properly in Firefox
I'm having a very weird problem that for the life of me I can solve. Basically, in Safari my top navigation has no top margin and is flush with the very top of the page. In firefox, it is applying the bottom margin to the top as well, for a reason I cannot figure out. When I remove margin in firebug, the fake top margin is also removed. ...
How to put a div at center of another div?
I'd like to have one div at center of another div horizontally. <div id="container"> <div id="centered"> hello world; </div> </div I tried with below style with "margin: 0px auto" trick, but it only works in FF, not in IE. div { border-width: 2px; border-style: solid; } #centered { margin: 0 auto; width: 30px; ...
jQuery animate goes under element when element is moved out side its container
I have element that is inside container with position relative and when I move this element out side of container, it disappears. But I need that element to be shown after it is out of its own container. So how can I make that element to be shown after it goes out side of its container? <div class="container"> <div class="moving-ele...
ul wrapping li based on its height instead of hiding
Let's say we have a long list: <ul> <li>one</li> <li>two</li> ... <li>fifty-three</li> </ul> Even if you specify the height of the ul: ul { height: 100px; } The li elements will overflow outside of it. Is it possible to have the elements wrap themselves on the right like a window manager's "list view" or like h...
How to place a img in the right bottom corner of a div
This is what I want to do. A Div with some text in it and on the right bottom corner a img. The hight of the div is stable at 24px but the length is not known and there could be more than one of this divs In a row. ...
CSS: Force float to do a whole new line
I have a bunch of float: left elements and some are SLIGHTLY bigger than others. I want the newline to break and have the images float all the way to the left instead of getting stuck on a bigger element. Here is the page I'm talking about : http://www.stdicon.com/gartoon/ If they are all the same size if works beautifully : http://www...
Add a <p> </p> to plain text in HTML
I have a small snippet of HTML <div id="description"> Text with not paragraph tag</div> Is there any way in CSS or JQUERY to address this? ...
How to change the parent div style if content increase?
Hi, I am facing one small issue. I want to change the parent div style as the content of the div increase its text chars. <div class="welcome-message"><a href="#">Some link</a></div> this is the format of the html. lets say it the link text has min char 80 chars, if its more than 80 then the style of the parent div should be change ie...
controlling border length
i want to limit the border length applied to a div element(or any HTML elements) . For example consider a div of width 100px, is there anyway to apply the border to only 40px width itself? ...
Is css-sprite a good technique?
is css-sprite good technique? I read about its pros at http://spriteme.org/ and have also I seen a lot of questions about css sprites here in stackoverflow. What are its cons? Will it work in all browsers as claimed in their site? ...
howto hide a text input's, browser generated dropdown ist of previous items, with javascript or css
When I generate a text input like this: <input type="text" name="name" /> When I start to type, the browser will display a dropdown list below the text input. This list contains the values I previous used for this text input in this browser. I want to generate my own autocompletion via ajax. How do I tell the browser with either css ...
Apply css control adapters to existing moss publishing site
Hi We have an existing moss publishing site. When we enable the css control adapters for our menu, they only seem to apply to newly created sites. How can we apply this to existing sites? ...
Vertical-align image in a fixed-height block
I'm trying to BOTTOM align an image in a fixed-height block: div { float: left; width: 100px; height: 100px; line-height: 100px; } div img { vertical-align: middle; } ...works in modern browsers, except IE! IE sucks no wonder, but I really need a fix, if possible. Edited to add: Can't use tables or background image. Many thanks ...