So I'm using CSS :hover to replace a submit button background. When I mouse over the button the old background image disappears (so it looks like nothing is there) for a moment and then reappears with the new background. I thought that perhaps the button image file size was too large but its only 1.4kb. Is there a way to prevent this,...
Hi, I am having trouble positioning a (div) element at the top right of a span. It works in FF3, but not in IE7: <html> <head> <style> body { font-size: 24px; } .tag { padding: 3px; background-color: lightblue; position: relative; } .x { position: absolute; top: 0px; right: 0px; width: 10px; height:...
Is the main purpose of sprites to reduce http requests made to the server for graphical elements on a page? Or do you want to try and fit as many elements to the sprite as possible. I guess what I'm asking is: when is the sprite too large? ...
I'm trying to over ride the default error message label with a div instead of a label. I have looked at this post as well and get how to do it but my limitations with CSS are haunting me. How can I display this like some of these examples: Example #1 (Dojo) - Must type invalid input to see error display Example #2 Here is some example ...
Hi All, I am making cosmetic changes to a website but I am only able to change the CSS not the aspx. I want to move an image that is inside a cell in a table set into the page by about 100/100px back to 0/0px. The tag has got a unique id I can get at it with however the table's id is not unique and setting a background image on the t...
Hi, So I have two divs. One left div with navigation links and one right div that populates with content depending on what link you click on the left. I would like to have a vertical gray line between the navigation and the content separating the two, but I need it to change in height depending on how long the right side content div is...
Typically I style forms with the unordered list tag e.g. <fieldset> <ul> <li> <label for="txtName">Name</label> <input type="text" id="txtName" /> </li> </ul> </fieldset> However, often I see markup that uses the <p> tag instead, like so: <fieldset> <p> <label for="txtName">...
I have a searchbox with auto-suggest that pops a div up underneath it with multiple search string suggestions (like google). Is it possible to have drop shadow on the auto-suggest box with CSS or will I need a script of some sort? I tried a background image but the number of suggests can vary from 1 to 10 or 15. I'd prefer something t...
I have a long page and it should show the vertical scroll bar in IE but it doesn't. I can click on a button and the scroll bars appear then they disappear when the page is reloaded. Here is the css *{margin:0;padding:0} html, body, form{height:100%} body{position:relative;width:100%;}/*opera 9.5 fix*/ body { font-family:Trebuche...
I have created a CSS class as follows: div.ycontent .ppclisting { background-color:#cccccc; } div.ycontent .ppclisting:hover { background-color:#FFE5DF; } I have applied the above style in one of my page, which is working quite fine in Firefox, IE 7.0+ and in other latest browsers. But When I am applying the same style in another page...
I have some problem where i set 2 floated div elements, one of div contain select element, when the page loaded the divs didn't have the problem, but as soon i click on of the element(s) on select box, the div that positioned in right shift to bottom? Here some example code about what i'm talking: #div1,#div2{float:left} #div1{width:2...
I just noticed that if you give a html button a fixed width, the text inside the button is never wrapped. I've tried it with word-wrap, but that cuts of the word even though there are spaces available to wrap on. How can I make the text of an html button with a fixed width wrap like any tablecell would? <td class="category_column"> ...
I am a CSS newbie. Is there a tool that can help debug CSS styles applied to a web page. How does one generally debug CSS and resolve issues when some elements on the page are not appearing as they should? For now, I have to painfully comment out CSS declarations one by one to understand how the styles are getting displayed. ...
I have a problem with my CSS on a website I'm working on. For some reason the website's CSS works for FF 3 and IE 7 but of course MS complicates things as this doesn't work for IE 6. The header looks squashed. The trouble is that my client owns IE 6 and I was yelled at without knowing why. My questions are: Where can I get a test suite...
Styling form elements using css can be problematic since every browser render tag in different way (just like when safari render checkbox). Okay lets ignore safari for a while, skinning input and button are rather easy but how to completely skin select, checkbox, radio, etc. See this pages: Checkbox skinning Select skinning Radio skinn...
I have an html Ordered list with type set to "A" <ol type="A">...</ol> Thus, each list item will start with A, B, C, etc. I would like to style the A, B, C letters to be bold. I have tried setting font-weight:bold; via css, but it didn't work. Any suggestions on how to do this? ...
In a normal textbox created in Rails by: <%= text_area_tag 'chat_data', '', :rows => 30, :cols => 70 %> is it possible to have fonts for the text, such as bolding and colouring? I'm using the textbox to store a chat session and want to make it more aesthetically pleasing. ...
Hi. I'm an experienced developer, but new to DotNetNuke. I've created a skin which uses solpartmenu. On a portal that uses submenus, I'm getting different behavior in different browsers: On IE and Firefox, the submenus drop down just below the parent items, as I would expect. However on Safari and Chrome, the appear on the far left of t...
I'm converting all of our Crystal Reports to use a home-built reporting system. Essentially, I serialize report objects to XML, transform that with XSL to HTML/CSS. Everything works beautifully, except for the design process. Once I get the XML built correctly, I have to open up the XSL and CSS in SciTE, edit, reload in IE, lather, rins...
Hello, I am trying to design a file hosting website template, the problem is i have redesigned the radio buttons to div elements to have custom image instead of default circles with javascript, This is image 1 when default page loads <script type="text/javascript"> <!-- //script to change background-color of the selected //button and ...