Hi I have a span with the following style: margin: 5px 0; padding: 2px; cursor: pointer; display: block; width:100%; background-color:Blue; This works fine with IE6, IE7, FF3 and Chrome, but in IE8 the cursor is changed only in the parts of the span that have text (in other browsers the whole span has the cursor changed). Any idea o...
I've managed to get a PNG overlay to appear over an asp:hyperlink image, but this now means the hyperlink is unclickable, is there a way around this ? <div class="ProductItem"> <div class="picture"> <asp:HyperLink ID="hlImageLink" runat="server" /> <div class="overlay"></div> </div> </div> .HomePageP...
How may I display two images on a website with elastic layout, side by side which will autoscale to 50% of parent containter? I was playing with it last night but didnt went too far. When I went with divs, they overlaped each other or second image was displayed underneath first. When I went with table, table become wider than screen r...
Hi, I want to have a dynamically generated Neon sign on my site. I want to pass it some text, have it rendered as an image (in a neon sign - something like: http://www.pixelhivedesign.com/tutorials/Neon+Sign+on+a+Textured+Surface/ ) and then show the image to the user. I dont think CSS font tricks can do this - that would have been fa...
Hello, I have two masterpages. A main.Master and a search.Master. The search.Master is a nested masterpage, which is "inside" the main.Master. To get my CSS files work with masterpages, I had to place the runat="server" atribute. Like this: <link runat="server" href="~/mp/css/master.main.css" rel="stylesheet" type="text/css" /> And ...
Problem: I have a large table, with say 20 columns, and 150 rows. The columns can be resized by the user (think excel). Each cell has overflow:hidden set. When text overflows in any given cell i want to give a hint to the user that this is happening. Constraints: This must perform well on IE6. Meaning that if you do this on IE6, ...
Twitter seems to be using an <i/> tag to display their icons from a css sprite. Did they just make up that tag, or is HTML I've never heard of? Brilliant idea at any rate :) ...
I have html that looks roughly like this <div> <div id="header"></div> <div id="chart"></div> <div id="legend"></div> <div id="info1"></div> <div id="info2"></div> <div id="info3"></div> </div> I would like to position the elements like this: How in the world do I go about doing this? Edit: This is a question about "th...
Hello, Do all these big websites "like this one" write html and css manually or they use some automated tool to do it, as I am always struggling with it! Thanks Vishal ...
I am looking for an effect such that when I move my mouse closer to an element, that element goes from 0 opacity (invisible) to 100 opacity. I am not looking for the typical mouseover/mouseout combination. The opacity should be dependent on the distance the mouse is from the element. The opacity would increase within a 100px bound...
Are these for cross browser reasons? Hoping someone can explain them to me: opacity:.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50) ...
Is there any way to place an image inside of a text field with HTML/CSS/JS, not using the image as a background? The image needs to be clickable and positioned on the right of the field, too. Thanks. ...
Hi, I am having too issues with my site. The column page links are supposed to be highlighted via JQuery when their clicked on to add a CSS class with a white background. Currently it only works on the News section, but nowhere else. I have sifr3 installed and I know it can allow for multiple fonts to be used on one line. No matter wha...
i have this annoying problem with my site where, when you click on a dummy link or checkbox at the bottom of the pages, the scrollbar snaps back to the top. i have to scroll down again, to keep clicking. ...
I have one image what I want to is: change its x & y position on mouse move. for example: <div class="mover" id="1"> <IMG SRC="images/buttons1.png" WIDTH=129 HEIGHT=30 ALT="" border="0"> </div> <div class="mover" id="2"> <IMG SRC="images/buttons2.png" WIDTH=129 HEIGHT=30 ALT="" border="0"> </div> What I want to do is like no...
Hi, I have a binary tree in unordered list that looks like this: <ul> <li>1 <ul> <li>2 <ul> <li>4 <ul> <li>8</li> <li>--</li> </ul> </li> <li>5</li> </ul> </li> <li>3 <ul> <li>6</li> <li>7</li> </ul> </li> </ul> </li> Where -- is a empty space (to differ ...
So I've decided to break up my CSS into an ie6-and-ie7-only file. I will have CSS rules in this file which target ie6 and ie7 only, such as: div { *color: red; /* target ie7 and below */ _color: green; /* target ie6 and below */ } If possible, I prefer to use PHP with $_SERVER['HTTP_USER_AGENT'] to detect the browser, rather t...
On my web site, I have the following CSS: a:hover{color:red;border-bottom:1px solid} This displays a red underline on text links when hovered, which is desired. However, this also displays a red underline on image links when hovered, which is NOT desired. I only want to display the red underline on text links when hovered but not im...
I want to make some changes to the way I use my CSS. I want to be able to use variables to define colours or something. So I could do the following var red = '#FF0000'; And of course red would be replaced with '#FF0000' where appropriate. How can I do this? I sort of know how, I just don't know the regular expressions or even if this...
Please have a look at this form that I am trying to design with not much luck. Let me say that I come from a tables world and am really trying to learn this css stuff. Because I have used tables for so long, I guess I'm expecting the same results. For example, if I write a row of data then start a new row, the bottom row will never move ...