css

HTML/CSS drawing a square window in a css mask

Hi, So I have a grid of images (map tiles) and I draw a semi-transparent mask over it using an absolutely positioned div with width and height set to 100%. I now want the user to be able to draw out a rectangle on the mask, with the mouse using mouse-down, drag, mouse-up. The rectangle would be drawn dynamically as the mouse moves, and...

Html 5 horizontal and vertical align img inside figure

Hi can someone help me horizontal and vertical align a img inside a figure <figure class="frontpagearticlefigure"> <img class="frontpagearticleimg" src="image.png" alt="image" title="imgtitle" /> </figure> and my css .frontpagearticlefigure { display: block; height: 140px; width: 250px; } Im working with html 5 ...

Some of my jsp pages not working in Firefox but these pages works perfectly in IE?

I have made web based applications in java these applications does not work in Firefox but these application run perfectly in IE. I dont know whats the problem i have tried everything but still not working in the firefox. If anybody have any idea plz let me know i will be thankful. ...

How to animate an image to look like its flashing...

Hi Guys, Silly question 4 most, I guess, I'm trying to get my last li, which has an image for the background (a href) to look as if its a blinking image, changing from one colour to the next, its really just moving the background image from one position to the next, this is already working on hover using css, but id like to use jquery ...

HTML - Page's Full Height including the content beyond the scroll

Hi, I need to find out height of a page including the content that goes beyond the vertical scrolls which is hidden. I have searched google and stackoverflow QA's but those solution don't apply to my situation. One condition is I cannot change HTML or BODY css. Basically I am trying this out for a firefox extension All the methods lik...

change cursor when loading page

So what I trying to do is to change the cursor to wait when some page is loading. I thought this was possible with css, I trying to achieve this when someone click on some link, so what I have is this: #something a:hover { cursor: hand; } #something a:active { cursor: wait; } But this doesn't work, it's a hand when hover links, and w...

CSS - IE doesn't display quite right

<div class="searchWrapper"> <table height="100%" width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="center"><input type="text" id="searchInput" class="searchBox" /></td> <td><div class="searchBtn">Search</div></td> </tr> </table> ...

CSS force "font-size: small;" to 13px

Hello, how can I force the attribute "small" to a specifically size? (ex: 13px) I'm reading data from a db and I have to display tags like this: <p class="MsoNormal" style="margin: 0cm 0cm 0pt; text-align: justify;"><span style="font-size: small;">Text</span></p> I can't modify these tags and works different in IE8 and FireFox so I...

Top corners curved in IE on current page link

Can someone help me understand a way of adding rounded corners top left and top right of the current page link below? I have used jQuery corners but this doesnt work in IE very well... I was looking to use PNG. The space between the corners should be white. The PNG would be transparent letting whatever image was below to show through....

CSS Layout liquid column issue wrapping content

+-----------------------------------------------------+ |.....................................................| |..header height: 128px...............................| |.....................................................| +-----------------------------------------------------+ |.............|.......................................| |....

How To Animate A Panel in XUL For Firefox Add-On

I have written a nice little Firefox Add-On for the company I work for as an IT Ticket System. What it does is notifies managers of new tickets or notifies users of changes to their tickets. I started out using the built in notifer for Firefox on Windows with: var alertsService = Components.classes["@mozilla.org/alerts-service;1"].getS...

Rendering Problem in IE8 with richFaces and JSF empty text node

I have a form of the following type: <rich:dataList var="var" value="#{bean}" styleClass="styleClass"><h:form> <h:commandLink value="#{var.prop}" action="#{bean.action}"> <a4j:actionparam name="var" value="#{var.id}" assignTo="#{bea.sel}" /> </h:commandLink> Now, this is all fine in Firefox and IE 7. However, in IE 8 it cre...

Is there any way to write css such that particular style applies to a particular browser?

I have external CSS in my project and it contains all the styles for the site, the site works well with FF but gets bad and mad in IE (as-usual). So, Is there any way to write css such that particular style applies to a particular browser? If I have a class say: .col2{ width:237px; } How can I edit the above class to apply with dif...

CSS style for ARBONNE text

I'm making a website for a friend and he wants the text font to be AR BONNIE. Does anyone know the CSS for this? I can't seem to find the font anywhere. ...

Browser Rendering Difference Between strict/transitional DOCTYPEs

I came across an 'issue' some time ago that I never did get to the bottom of. Hopefully somebody can shine a light on it. What causes certain browsers (Chrome, Opera and Safari) to render a page differently when I change the DOCTYPE from strict to transitional. I know the general cause of this is quirks mode being triggered, but both the...

Image Height Width Problem

How to change image resolution using jQuery.I have applied a image on body background using css/php. Now I want to apply screen height and width to the image, so image displays in full windows. Actuly i haven't use repeat style. Used Code Is: <style type="text/css"> <?php global $post; ...

How to access embedded resources from non embedded files in ASP.NET?

We have a Visual Studio 2010 solution with several C# web applications (not web sites) and a bunch of common files (css, javascript and plain images) that were previously simply shared through Visual SourceSafe 2005; wanting to cut all these sharings (we may migrate to TFS 2010 in the not-so-near future) I am trying to embed all these fi...

jQuery Dropdown Menu Question

Having some issues with my dropdown menu. Code here: http://jsfiddle.net/xY2p6/1/ Something simple I'm just not getting, but as you can see it's not functioning correctly. I'm not sure how to link the hiding of the dropdown to when the user hovers off of the menu link, rather than the actual dropdown. Any ideas? ...

update: problem showing image while waiting to page to load

Hi! I'm trying to show an image to let the user known that something is happening while some pages are being loaded. I tried several examples that I found in google. My goal is every time that I click in some link, the image should appear to let me known that the page is loading. But I'm not able to do that. So far what I accomplish ...

CSS Multiple selection based on parent

Hello! For the below code: <div id="main"> <div class="one"></div> <div class="two"></div> <div class="three"></div> </div> I want to select all of the 3 divs inside by class name and parent like this: div#main div.one div.two div.three{/*apply common properties for all 3*/} ^ Doesn't work. This is an abstract example so...