Text rotated by 90° using only CSS
Is it possible to rotate text by 90° (clockwise or counter-clockwise) using only CSS and compatible with IE6+, Firefox 2 and Opera? ...
css
Problem with Internet Explorer Padding
I can't get IE padding around my <a> tags to work correctly. This only works in Firefox, Safari, Chrome, but not IE - please help! My simplified HTML code looks like this: <!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/xhtml"> ...
CSS Hover & onmouseover/out causing 15-20% CPU Usage in Internet Explorer
Hello, is there any reason why Internet Explorer (IE7 in my case) gets sluggish and eats up lots of CPU time when using the CSS :hover command or using onmouseover/onmouseout? I'm really not doing anything complex, nor is my page particularly large. When I move my mouse anywhere else on the page (where nothing is changing) iexplore.ex...
jQuery event bubbling: Get original element mouseover (for table row highlighting)
Hello, I'm trying to reduce my 'onmouseover' event listeners in my table (in which I highlight rows on hover). I want to do this by attaching an event listener to the entire table instead of each <tr> (that's how I have it now). The reason is that IE is reacting very slow and the only answer I found to this was to reduce the number of ev...
How Can I Make HTML Elements Unhighlightable?
I'm trying to make it so certain text and images on an HTML page cannot be highlighted with the cursor, so it appears as if they're a part of the background. ...
CSS scroll problem
<div style="height:100px;width:100%;overflow-x:hidden; overflow-y:scroll;"> <asp:label id="lblInfo" runat="server"/> </div> My problem is vertical scroll always shown. My destination is when div inner text empty or not overflowed from height, scroll will hidden. How can i do? ...
How with JQuery cause Hover on diffrent element than mouse is currently on top of
I got image which is partialy overlapped by DIV, this particular image got its border set with CSS in external file to change color when mouse is over image. problem is when i move mouse from image to div overlapping it, then image losts hover and border is going back to normal state. How to tell to element with particular ID that mous...
CSS tag rendring
Hi, For navigation menu am using ul li. If there will be any change in performance if i use ol li. I appreciate your feedback. ...
Problem with floating window and zindex applied
Hi Friends,I have two frames - such as frame1 and frame2I am having a button in frame2, and a floating window will appear while click on it. The problem is, while clicking the button in frame2, the floating window is appears partially behind the frame1. I need to show the floating window which should float on both the frame1 and frame2....
Div doesn't autoresize with absolute content div
<style type="text/css"> .a { border: 1px solid #000; position: relative; } .b { background: #F93; position: absolute; top: 50px; left: 50px; } </style> <div class="a"> <div class="b">test</div> </div> a's height doesn't autoresize with it's content(beause b has flow), but how to resolve this problem, use css possible, not java...
How to define a good convention for css?
I am now in charge of refactoring HTML and CSS for the site of my company. As I have seen the current CSS code, it is following naming convention for IDs and Classes (camel Notation). But, last week I did the demo to everyone in the office; then one guy expressed an idea about using underscore or dash between the names that contain more ...
text-align: justify and images
I have a list of images (not in a list, but could be if that might solve the problem) that I want to fill the whole width of a div. I've tried the code at the bottom, and while it does justify any text in the p tag it doesn't do the same for images. How can I get it to evenly space the images across the full width of the div? <div> <p...
IE6/IE7 and transparent background bugs - What is a practical fix for all of them?
I am getting a number of strange rendering issues in IE6/IE7 when there are transparent backgrounds applied to the elements involved. They have included but are not limited to: When scrolling back up a page a background image appears moved as if padding is applied. When hovering over a link the background image applied to its containi...
CSS How to get height between header and footer?
I have a site which always has a height of 100%. The header and the footer always has a fixed height. First some code: CSS #header { height: 50px; } #footer { position: absolute; bottom: 0px; height: 20px; } HTML <!-- in the body tag --> <div id="header">Header</div> <div id="content-Left"></div> <div id="content-Right"></div> <div ...
Positioning a div relative to scroll position
This script shows and positions a div like: function myfunction() { obj.style.visibility = "visible"; obj.style.width: "100%"; obj.style.height = "100%"; obj.style.position = "absolute"; obj.style.top: "0px"; obj.style.left: "0px"; obj.style.z-index = "44"; obj.focus() } and so on <b onclick="m...
CSS best practice for portlets
Hello. I need to redone existing project CSSs' - more than 5 files, which describes all our porlets UI to standard CSS file,called portlet-spec-1.0.css So, I've found one specification for this: http://www.ja-sig.org/wiki/display/UPC/JSR-168+PLT.C+CSS+Style+Definitions This spec. is obsolete,dated by 2003. Is there contemporary versi...
IE7 / IE8 z-index problem
Running in compatibility mode the calendar below renders behind the textboxes below. IE8 displays the calendar how I need it to. My CSS .MyCalendar .ajax__calendar_container { border:1px solid #7F9DB9; background-color: #ffffff; z-index : 1004 ; width:190px; } the textboxes which are overlaying the calendar don't have their z-...
Shotgun vs Sequential Input Layout
I would like to determine which of the two layouts below is the better layout. I would like usability to be the main concern. Which one is better (in terms of usability) and why is it better? Shotgun Use as much of the horizontal screen width as possible without causing horizontal scrolling to occur. Obvious benefit is that vertical sc...
Safe way to make behavioral CSS trigger based on Javascript availability
I have been using this chunk of code to programmatically check if Javascript is available and use different behavioral CSS. If Javascript is disabled, it will only show a normal unordered list. If javascript is enabled, the list will be transformed after page load and then displayed to the user (avoiding the possible redraw/flicker of...
How can accomplish a dual div swap on rollover?
I am looking for advice on a way to accomplish this. Given the following: [Div A (contains an image)] [Div B (contains a horizontal list of 8 or so text links)] [Div C (contains text)] Upon rolling over any link in Div B, how can I have Div A and Div C swap their respective contents out to something different that corresponds to the co...