Hello all, I have a site that has a simple HTML button in a form. All browsers show this button correctly. However, in Firefox 2 and Seamonkey it appears just as a solid grey square that cannot be clicked on and that has no text. <input id="getaudiobutton" type="button" value="Get Audio" onclick="convert()" /> For those of you that h...
Every time I try to do something seemingly-simple in CSS, it punches me in the gut and steals my lunch money :( I've been looking at this for over an hour and haven't made a bit of progress... I have a content div that contains a 460x160 image. All I want to do is position the image at the bottom-right corner and wrap my text around it...
Hi, I have a page that there is a list of "tags", just like here in SO, and when the mouse is over it, it gets darker. It works great with Ie7, 8, FF, Chrome, Safari etc... but IE6 has a bug that when a:hover is triggered. The bug is that the div that those (ul li a) are contained, gets a height's increase. the css I have is: div.opt...
I want to change the font characteristics for buttons in the toolbar of the RichTextEditor, but I want them to be different than other buttons in my application. Is there any way to do this with just CSS? I know that I can do it with setStyle if necessary... ...
I wrote some CSS in my HTML code to create rollover buttons. Then i tried to run it with IE 7 and surprise! it doesn't run. In fact it shows both the button and underlying rollover. How can i get around IE's inability to cache background images? Preferably using CSS but javascript 'will' be tried. Sample CSS: #Menu { width: 100...
I'm compiling a list of the most important things beginning web developers should know about Cascading Style Sheets. I'm looking for good practices, commonly misused or misunderstood concepts or other simply useful tips for newbies. For example: Use external stylesheets rather than using inline or embedded CSS separating content from...
I have a drop down menu and it works perfectly on everything except IE6 & IE7. Here it is in the Safari/Firefox browsers: http://tinyurl.com/at2cb4 Here is how it looks in IE6 & IE7: http://tinyurl.com/beop5l Here is the CSS for the div where it hides underneath for IE 6/7 #featured-programs-left img, #featured-programs-right img{ ...
As far as I can tell, it is not possible to place a CSS background image 1em from the right border of any block, neither is it possible to place a image 1em from the bottom. The following code places the background image 1em from the left and 2em from the top. <div class="foo" style="background: url('bar.png') no-repeat 1em 2em"> Som...
How can I get superscript done, only in CSS? I have a stylesheet where I mark the external links with a superscript character, but I'm having a hard time getting the character aligned correctly. What I have currently, looks like this: a.external:after { font-size: 50%; vertical-align: top; content: "+"; } but it doesn't work. ...
I have an image that will be centered (left and right) in the window, there is no left border,but there is a right border. I was wondering if it is possible for the top border to go from the very left of the page (past the image) and stop at the right border and for the bottom border to start at the left end of the image and stretch acro...
I am intended to develop a rich input textarea similar to Google mail. Any ideal or resource to share? Thanks in advance! ...
I'd like to have on my page a div which is centered and has a certain width, but which extends beyond that width if required by the content. I am doing this with the following: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtm...
Hi, I have a div with a width of 250px. When the innertext is wider than that i want it to break down. The div is float: left and now has an overflow. I want the scrollbar to go away by using word-wrapping. How can i achieve this? <div id="Treeview"> <div id="HandboekBox"> <div id="HandboekTitel"> <asp:Label ID="lblManual" ...
If you look at Stackoverflow.com's source you'll see the reference to their css file is: <link href="/Content/all.min.css?v=2383" rel="stylesheet" type="text/css" /> How is this done so they can pass a version via query string and have the correct CSS file served up? ...
Hello All, First question... I'm having trouble getting ANY of the Drop down menu/Input Select's to appear with size 18 font in Safari. Works fine in FF. Code: <form class="form"> <select name="make"> <option value="0"> All</option> </select> </form> Css: .form input{ font-size:18px; margin-bottom:0px; } Any ideas? Can view li...
Hi, My menu has the colour #006699, when hover I want it to gradually go over to the colour #4796E9. Is that possible? ...
I am trying to style some form labels by selecting them with their 'for' attribute. But nothing is being picked up when I preview it in IE7. I'm doing this because I'd like to style them differently to each other, without adding to the existing markup. So if my css looks like the following, I get nothing: <style> label[for="foo"] { ...
I have a webpage that I use h1 tags multiple times within various DIVs and I style h1 for each div to be the appropriate size. For example... #content h1 { font-size:22px; } #left-nav h1 { font-size:14px; } #content .recent-news h1 { font-size:16px; } Is this alright? I am worried about SEO. What is the best way to go about ...
This is a follow up question to that at http://stackoverflow.com/questions/495194/can-i-create-a-html-table-width-a-percentage-height-but-pixel-accurate-row-height. I have a table in a HTML page that will be used for tabular data (so I don't want an answer based around divs). This needs to be rendered at 100% height with the top row hav...
Is there a list of 'good' clean CSS hacks, which are certain to be future-proof? For example, zoom:1 is safe, as long as it's only served to IE, and you remember it's there. The very common hack of using child selectors is not safe because IE7 supports them. Using height:1% just feels dirty (but that might just be me). I know of ie7-...