On Chris Coyer's site he uses a nice little search box. I am curious to know how you get the text in the search box to disappear and reappear when you click out of the box. Thanks to a helpful person on this forum I use the following to have the text disappear when I click in the box: <input type="text" value="Search" onfocus="if (this...
I've been racking my brain trying to figure this one out as it's been a problem on the past few sites I've worked on (though they haven't gone live yet) and rather than trying to rig up a solution I'd like to try and discover the root of the problem. Here's the site in question: (url removed) Basically I coded this homepage out as plai...
Hi Guys, I have a problem in IE with PNG8 images in that it appears with a big dirty black border in the shadowing of my *.png. (Ie7, Ie8) I am using alphatransparency and basically have shading under my small image. All browsers render this fine - except IE which renders the shading as a black circle ? I need the image "transparent" ...
When CSS float is used on a DIV, other DIVs that are not floated continue to occupy the space of the floated DIV. While I am sure this is intentional, I do not know how to achieve the effect I am looking for. Please consider this example: <html> <div style="width:400px"> <div style="width:150px;float:right;border:thin black solid"> ...
I have the following CSS - how would I describe it in SASS? I've tried reverse compiling it with css2sass, and just keep getting errors.... is it my CSS (which works ;-) )? @font-face { font-family: 'bingo'; src: url("bingo.eot"); src: local('bingo'), url("bingo.svg#bingo") format('svg'), url("bingo.otf") format(...
I have a menu setup with the below css: a.menu:active { color: #000000; } a.menu:hover { color: #FFFFFF; background-color:#000000; text-decoration: none; } I am looking for a way to make the background color of certain items pulse in and out. Slow fade from one color to another. Or fade betwe...
I'm having a weird problem with my CSS drop down menu. It shows up, but it's hidden behind another element, and there is a growing space between the list items. CSS code is pretty standard: /*CSS Menu*/ #navigation li.menu ul { visibility: hidden; position: absolute; top: 40px; right: 5px; height: 15px; padding...
I noticed that IE sometimes has very large padding around button text. It seems to be proportional to the amount of text the button has. This makes for very ugly buttons. I am hesitant to make buttons with fixed width because of internationalization issues. Same goes for percent widths. How has people dealt with this short of styling D...
I made a site with simple instructions let's say: <html> <head> <style type="text/css"> .a120 { background-image:url('image/back.jpg'); width:1004px; border: 1px solid #333333; } </style> </head> <body> <div class="a120">bfahksbdhabdb</div> </body> </html> *back.jpg is 1004 pixels wide. And then the crazy thing: IE8, FF35, Opera9, ...
I want to remove all lines in a CSS file that contain the word "color". This would include: body {background-color:#000;} div {color:#fff;} How would you do that using the :%s/ command? ...
The following code renders differently in IE7 and FF3 (NEW CODE POSTED OLD CODE WAS MISLEADING - sorry for confusion) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style> #boxr1{ background-color:#FFFFFF; border:3px solid #DDDDCA; float:ri...
I have some table cells containing dates formatted like this: 2009-01-01. I.E 7 seems to be breaking these into two lines at the hyphen. Is there any way to turn this off? ...
can I specify how text is underlined? For example can I make it underlined by a double line? ...
I've been banging my head against the wall for a few hours how trying to sort this out. I'm trying to position one div on top of another for the purpose of fading one in on top of the other. The divs will have an image and some other html in them. I cannot get opacity to work in ie8. I've simplified my html as much as possible: <!DOCTYP...
im not very good with css and i need some help. i have a table where i want every other row to be gray and the alternating rows to be white. but i only want it to happen on one particular table. i added some code to my css: tr:nth-child(even) { background: #CCC; } tr:nth-child(odd) { background: #FFF; } but the proble...
I'm trying to place normal size text on the same line as a header tag. Doing this put the normal size text on the next line because a header tag is a block element. <h1>Header</h1>normal size text Any help is much appreciated. ...
What is the logic of Lightbox 2 on where to position the popup? It seems that when using Firefox or Chrome it shows up in different places on different pages. Is there any setting to have it show at the same height on every page for consistency? What is the CSS or logic it's using to determine positioning? ...
Hi Hopefully I can explain this well and hopefully I'm thinking the right way :) My question is, If I have a print style sheet that has a couple of classes that "displays" a background image, is there a way to make the browser download the images at the point of printing or do you have to preload the images. I have mixed results doing...
Hi all, I was just wondering why my following code doesn't work: EDIT: The following code works in firefox 3.5, i can't test on other browsers, does it work universally, or is there some problems with it? <html> <head> <style type="text/css"> #test{ position:fixed; left:50%; } </style> </head> <body> <div id="test">Center</di...
Say I have the following code: ... <div id="originalContent">Foo</div> ... How can I use CSS to insert "Bar" after "Foo" and make "Bar" a hyperlink, like this: ...Foo Bar... I know that this would write "Foo Bar": #originalContent:after { content: " Bar"; } but I can't figure out how to make "Bar" a hyperlink. Any ideas? ...