css

Css Sprites and IE8 problem

Hello! I’m working on a site which has almost 30 background images, so I decided to make a "sprite image", and use the background-position attrib in CSS. In FF, and Opera the whole design shows correctly, but under IE8, I get a problem. It seems IE8 doesn’t position the image correctly. I see a thin line in a few places between the im...

mouseover on text html

In my javascript file there is, var htm = '<div style="overflow:hidden;height:24px;width:150px;" onmouseover="tooltip(this)">' ; function tooltip(sp) { sp.title = sp.innerHTML; } So on mouse over a text the tooltip is displayed.But the tool tip does not stay longer. meaning the position is not fixed. Can the code be modified such...

fluid css layout for flash .swf file

I'm trying to make a fluid design, I'm using percentage for width and height trough out the site, but I have an embedded flash file which doesn't follow the percentage, I have to use em which is not good and it doesn't resize according to the viewport. so I was wondering if I'm doing sth wrong. this is the link to the website when 100...

print div content from user control without opening a new window

Hi, I have a USER CONTROL with a <div> tag and a button. I want to print the content of the <div> when the button is clicked. Only the content of the div and nothing else no matter where the control is used. This without opening a new window. I cannot find a solution that works with every browser! Thank you! ...

firefox 3.6 load css issue

Hi, since I updated my firefox to version 3.6, my site layout is broken. My layout works fine in ie7 or firefox 3.5.7 I can see in firebug, in the net panel, that my css is correctly downloaded. But in the css panel my css is truncated. Does anyone has the same problem? is there any explanation, solution or workaround? Cheers ...

Non selectable text in html table ?

Question: I abuse a table as list of buttons, using the onclick even on each cell. The problem is, the buttons are zoom buttons, and on clicking repeatedly too fast (doubleclick) you select the button (=table cell) text (even if you don't want to) and that looks odd. Can I switch that off ? Can I make text in a table non-selectable ? ...

css sticky footer without scrolbar

How to do to avoid having the scroller with a sticky footer to the bottom of the page (not bottom of window)? When I remove height=100% from content and sidebar, I'm no more getting the scroller. However, when doing so, my content and sidebar do not fill all the space down to the footer. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra...

Css attribute selector for input type="button" not working on IE7

Hi all, I am working on a big form and it contains a lot of buttons all over the form, therefore I am trying to get working input[type="button"] in my main css file so it would catch all buttons with out having to add a class to every single one, for some reason this is not working on IE7, after checking on the web it says that IE7 shoul...

stylish reusable web forms

Hi, I'm looking for some examples of stylish web forms that can be used on any site. I've googled for "stylish web forms", but most of the examples I find are of very ornate forms that use a lots of images, which are unlikely to look good on other sites that use different color schemes. I've also found lots of examples of using CSS to l...

How to get design mockup as a overlay for quicker development without using Firefox's pixel perfect plugin?

This is FF plugin http://www.pixelperfectplugin.com/ Pixel Perfect is a Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML. Read more: http://pixelperfectplugin.com/how-to-use/walkthrough/#ixzz0eOfezx1N How to get mockup image behind all div like this ...

Trying to anchor a link in center of in-page scroller content

I am trying to link from www.membersolutions.com to a press release here. All pages besides the homepage for the most part have that in-page scrollable content. Is there anyway I can link to a press release halfway down the page, I'm pretty sure you can't do it with straight HTML/CSS?? ...

Disable autocomplete via CSS

Is it possible to use CSS to disable autocomplete on a form element (specifically a textfield)? I use a tag library which does not permit the autocomplete element and I would like to disable autocomplete without using Javascript. ...

What is the best way to put my logo into the footer of every website I make?

What is the best method to put my company logo with a link at the end of the footer in every website which I make (if the client allows me)? First, I would host the logo image on my site. What would then be the best method in xhtml and css for me to put in my logo? ...

Century Gothic Font Usablility Question

Over the past few days, Ive asked a few questions to solve my font problem. I was using a variety of obscure fonts for my design. I was using @font-face, and trying to figure out ways of making my backup fonts in the family change size if they were used. It has been way too complicated, and I have decided to simplify things and use a mor...

Styling an anchor tag to look like a submit button

I have a form where there's a "Submit" button and a "Cancel" anchor. The HTML is this: <input type="submit" value="Submit" /> <a href="some_url">Cancel</a> I'd like for the two to look and act the same. Nothing fancy, just something similar to how the "Ask Question" anchor looks on StackOverflow. I can get the two to look somewhat ...

What is the most effective way to style a Flex application?

This may be more of an opinion poll than a question, but here goes. I have a fairly complex Flex application that uses many different components. I want the application to be able to custom styling and/or skinning. I also want to be sure that the styling approach makes the most efficient use of system resources (memory, CPU, network),...

wrap long text in a div

i am querying text from a DB. if the text ends to be too long, I want to be able to wrap the text after, say, 400 characters and display a "..." at the end. how can it be done? ...

Valid CSS with new properties

I am using a few CSS tricks to boost up the usability/appearance of my site in Webkit browsers. The two main ones are text-shadow and resize:none (on textareas - to stop that annoying page-breaking resize option in Safari and others). The problem is that when I run my page through the W3 validator I get tons of: Property text-shadow...

Any recommendations on a way to find what aspx files use what CSS class

Any recommendations on a way to find what aspx files use what CSS class. Right now I have one gigantic css files and I would like to break it up into a more organized fashion simply for sake of maintainibility. I was wondering if anything existed that could yield a report such as this css class is used in file1.aspx, file2.aspx, etc... ...

Why don't diametrically opposed margins overlap with a table being involved?

I wonder why diametrically opposed margins (a margin-top following a margin-bottom) between to block elements (eg. divs) are merged, while between a block element and a table, those margins add up. Example: <style> .a { margin-bottom: 18px; } .b { margin-top: 6px; } </style> <div class="a">Foo</div> <div class="b">Bar</div> ...