css

print.css is printing very small text

My print.css pages are printing out very small, super reduced and the text is like 6 pt.: @charset "UTF-8"; /* CSS Document */ body { background: white; font-size: 12pt; /* Change text colour to black (useful for light text on a dark background) */ .lighttext color: #000 } /* Remove unwanted elements */ #menu, #header, #n...

Semantic HTML markup for FAQs

I want to build a questions and answers page. It is not a list, it is not tabular data and I am not sure if or how I should use <dl><dt><dd>. What is the best semantic way to build it and to format it with css? ...

opacity css

Hi everyone, I'm trying to figure out what would be the simplest way perhaps with or without JavaScript of doing something like this. http://tools.uvumi.com/crop.html Where we see that the opacity is on the main image but the transparency is on the moving object. Any suggestions Thanks ...

Understanding CSS selectors

Why is it that the below makes the text red? #stories li a {color:red} .default li.expand a {color:green} li.expand a {color:blue} <ul id="stories" class="default"> <li>this is the end</li> <li class="expand">this is the end</li> Only if I put #stories on the others will the text change. Does a # have more dominance even tho...

What (free) web development IDEs do people use?

I'm after a free (and Free) lightweight IDE at least on Windows, and preferably cross-platform as well, which handles: XHTML, CSS and Javascript (maybe even jQuery..!) syntax highlighting FTP deployment Version control integration (CVS, SVN, Git, whatever) What've people found to work? EDIT: I've tried a few of these, and have chose...

Finding all classes that match a pattern in an HTML document?

I got to thinking today: what is the best way of getting a distinct (ie no repeats) list of classes used in a document that (preferably) match a pattern (regular expression) pattern or (alternatively) start with a certain character sequence? JQuery can be used for this or just straight Javascript. Now it should obviously cater for all ...

Does The Same Stylesheet Get Loaded Multiple Times On Different Pages?

I work on a large Intranet system - as it is an evolved system which started over ten years ago unfortunately the design of it isn't great and needs to be completely rewritten as it currently works by using frames. The problem with the frame-based layout is that there's a "main" section which does the includes for the stylesheets. This...

Is there a way to dynamically change a button's CSS class?

Hello everyone... I'm working on a Wicket-based web application. In the application there are buttons that not every user is authorized to use. These buttons are actually simple links, e.g. <a wicket:id="publishButton" title="Publish" class="rightPanel_publish"><wicket:message key="publish"/></a> with a CSS class (from an external CS...

Transparent div problem

Hey i have this div that shows as a popup: <div class="popup"> </div> Then with jquery i add another class to it to give it with the css associated to that class, position, size, color and transparency: .show { position: absolute; color: #F4F5F6; width: 600px; margin-left: -300px; height:300px; background: #00...

IE6 performance with CSS expressions

We are developing a web application that will be sold to many clients. There is already one client (a bank) which has decided that it will buy the product once it is ready. Unfortunately due to some miscommunication it came out rather late that the only browser they use is IE6. The application was already started with the thought in mind...

What is the purpose of setting the * unversal selector or setting padding and margin to 0 for the body?

Hello, I am not a designer, but I have noticed many chnages between firefox and internet explorer. I have been told that it is a good idea to set the universal selector's (*) padding and margin to 0 and the body's margin and padding to 0 as well. Is this necessary? Is setting both * and body's padding and/or margin necessary? Thanks...

CSS Div, need it to work in Firefox and Safari

I have a webpage and files that show up fine in the latest version of IE. Need it to show up the same in the latest version of Firefox and Safari. The webpage and supporting files are archived for review. I'll paste the page below followed by the CSS. It is easier to see with images. HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T...

Printer Friendly Pages With a Header on Every Page?

I'm working in a J2EE environment with a web app that displays large amounts of tabular data. We want to be able to print these tables with each page displaying the header and footer. I understand some browsers support this through the thead,tbody,tfooter tags, but the users are using IE6 only. A row is normally only one line but on o...

Possible to do a glow/shadow using partial transparency in HTML/CSS?

Well I guess this is a two part question. Firstly how can I make an image have partial transparency (I think you can do this with PNGs but don't know how -- I have photoshop just need instructions?) Secondly how do I use that image in a layout using CSS? I think I need some kind of "PNG Hack" ...

CSS Table Cell Background Image Text Overlap

I'm using the Tablesorter Jquery plugin to sort a table, but the images background images specified in the stylesheet fall behind the text on columns in which the actual content of the column isn't long enough to push the column width beyond the length of the header text. For an example, go here: http://tablesorter.com/docs/ and then sh...

Why use definition lists (DL,DD,DT) tags for HTML forms instead of tables?

I've come across a few examples recently that do things like: <dl> <dt>Full Name:</dt> <dd><input type="text" name="fullname"></dd> <dt>Email Address:</dt> <dd><input type="text" name="email"></dd> </dl> for doing HTML forms. Why is that? What is the advantage over using tables? ...

CSS: Adding Divs to a Div (rounded corner discussion)

I'm currently using a combination of CSS and Div tags to achieve rounded corners on a text element. This is the CSS I'm using: div#installerSearch { float: left; position: relative; color: #000055; width: 154px; border: 1px solid #2A5390; padding: 8px; background-image: url('images/background.png'); } div.ro...

What is the best way to crop an image in HTML?

What is the best way to crop an image in HTML? It would be something like the following: <img src="something.gif" x1="10" y1="10" x2="20" y2="20"> If that doesn't work, then I'll just use GIMP. Any thoughts on how I can get this to work programmatically? ...

How to style <input type="text"> in IE6 CSS?

Is there any elegant way of applying a certain style to all <input type="text"> elements under IE6? I can do it with some JavaScript, but I was wondering if there was a more elegant way of doing it. Note - I cannot apply a certain class to all textboxes by hand. And I'd like to avoid CSS expressions. ...

Google's drop shadows in HTML -- how does it work?

Recently gmail added some custom button and menu widgets in html. They've already tipped their hand as to how the gradient effect within the button works without images. But there's also a subtle drop shadow behind the new menus, which doesn't appear to use images. There's also lots of crazy drop shadow effects in google maps. Does any...