Why are two menu items with the same CSS acting differently?
[link removed] Menu items within 'projects' are clickable but not in 'about us'. Any suggestions would be appreciated :) ...
css
Which stylesheet will be selected for browser's print command?
Which stylesheet will be used when the page is printed from the browser’s print command with the below code? <link rel="stylesheet” type=”text/css” href=”core.css”> <link rel=”stylesheet” type=”text/css” media=”screen” href=”comman.css”> core.css common.css core.css + common.css Varies from browser to browser Again this question is...
Color Picker Farbtastic sync on 2 classes
http://acko.net/dev/farbtastic I would like to have a few INPUT and users can change color for each. However, each input is synced with some other classes (like body background color, or menu background color). I want to be able to change color with Farbtastic Color Picker and it affects BOTH the INPUT and the CLASS / ID that synced wi...
can someone tell something about expression(this.scrollHeight > 27 ? "30px" : "auto"); in css ?
.newEventItem .eventDateInfo .eventVenue { display: block; color: #CCC; overflow: hidden; height: expression(this.scrollHeight > 27 ? "30px" : "auto");//is css support this? max-height: 30px; } ...
Floating elements dropping out of container in IE7 and some times in WebKit browsers too
I have following CSS code and my floats are dropping out of their containers. Firefox doesn't have this problem. What could be reason for this behaviour? <div class="container"> <div class="leftmenu"> ... some stuff here ... </div> <div class="rightmenu"> <div style="float: right; text-align: right;"> <butto...
Change cursor type when the mouse gets over some selected text using HTML/Javascript
I need to change cursor type when the mouse gets over a selected text. Here you can find an explanatory image : In this example the user has to drag some text to the textarea. Since the traditional pointer is not intuitive I would like to use the "move" pointer (cursor:pointer). I made this image with photoshop. Does anyone know how...
Special Characters not working in link titles.
Hello. Basically, i have a site put together with PHP, HTML and CSS. I had a problem with it not showing special characters (eg. å,ä,ö), so i changed the charset from UTF-8 to ISO-8859-1. That solved the problem for the text on the site, but everything inside a pair of tags still fails to show up correctly. Any thoughts? Edit: I change...
Loading and resizing images dynamically
HTML/Javascript - I want to load images dynamically, and the images I'm going to load can be of varying aspect ratios. I want the images to fit into a specific area of the containing div - an area 40% of the containing div's width and 80% of its height. Since they have varying aspect ratios, of course they will not always use up this en...
CSS Best Practices: Classes for all elements or styling by parent class?
So, I was wondering about the following: I have some main content div and a sidebar div and the CSS looks as follows: .main{ width: 400px; height: 300px } .sidebar{ width: 100px; height: 300px; } I will not include now all the floating properties, since I am only interested in the following: If I have a p element in both of them ...
Z-Index vs Physical Location and jQuery
In the following markup, "image 3" would the only visible div if all .image divs were positioned absolutely and with no z-index. I could "reshuffle" the deck, so to speak, by adjusting the z-index of all elements, or I could reshuffle it by manually placing the last .image div before the first, making the sequence "image 3, image 1, imag...
Right aligning image in max-width div
Hello, I have a wrapper div with a max width of 700px and the only content is an right-aligned image of less than 700px width. Since it doesn't fill it, the wrapper doesn't expand to 700px. How can I make the wrapper expand to the full width when there is space in the browser window? The only hack I have found so far is to also include ...
ASP.NET Gridview horizontal alignment in Internet Explorer
I'm trying to have one unified location where I may edit how my gridview columns will act and align. Specifically looking at the headerrow. I have certain columns containing text values, those should be left aligned values and headers. Other columns contain integers and should be right aligned both values and headers. "On the first day"...
Is there any plugin which expands image such as thumbnail image to some large size?
I have search result which includes images. When the user hover over the image the image should expand somewhat large size like we see on bing image search. Is there any Plugin for that. Please help. Any Suggestion will be appreciated. ...
html - divs position to relative.
Hi guys, I have a question: There are 3 divs. 2 of them should have their background-images and their position is to the 2 sides of user-area. (one to the right, and one to the left). The 3rd div should be over them and full-width. How can I do this with css? ...
JSF CSS panelGrid - how to make its contained elements all constant width
For instance, right now I am trying to add a panelGrid to my page that contains X buttons. Each button has different lengths depending on how long the text is associated with it. I want to be able to specify at the panelGrid level to make sure every component stretches to meet the width of the panelGrid itself - instead of having to ma...
IE6 showing wrong background image
Hi, Im using the YUI tabs components and customised each tab to show a unique icon and then show a variation of the icon when the tab is selected. As we know YUI adds 'selected' class to the selected tab and I manually added 'nav-xxx' where xxx is the tab name to each tab. Im using the following css: .nav-directory { background:...
Div background transparent
Hello, I have to make shadow-effect for my some block. I got transparent image width gradient from dark to transparent and use it in another div (width=100; repeat-x). But there are another elements under this shadow and they aren't shown, I see just white area at that place. How can I get transparent part of background image? ...
Suggestion for Semantic Markup
I am creating a web GUI for an application I am working on. This particular section will sit within a larger page that is of a good semantic makeup. However, I am unsure what the best option to markup the below screen semantically. My initial thought is to separate the top half from the bottom half via divs. Therefore, markup for the to...
2 divs position
Again me with my divs =(. I have this: <div id="header"></div> <div id="body"> <div id="..."></div> <div id="..."></div> <div id="content"></div> </div> <div id="footer"></div> and css: #body { width: 100%; margin 0 auto; } #content { position: absolute; height: 200px; width: 100%; } #footer { height: 63px; clear:both;...
jquery sorting dom elements based on its css("color")
Hello! What you can see on following page is a list of usernames in some random order. I want to use jquery to sort them in this order: red blue green purple black http://www.arvag.net/test/sorting/ This is what i did so far: <script type="text/javascript"> $(function() { var admin = "rgb(255, 0, 0)"; var moderator = "rgb...