stylesheet

Suggest a good Doxygen stylesheet

I am using Doxygen to generate HTML documentation from my code. However I find that default stylesheet has quite poor choice of fonts and layout. I know I can write my own CSS file to get exactly the output I want, but before I spend my time on it, I am wondering if there are any decent custom stylesheets already available. ...

Will targeting IE8 with conditional comments work?

When IE8 is released, will the following code work to add a conditional stylesheet? <!--[if IE 8]> <link rel="stylesheet" type="text/css" href="ie-8.0.css" /> <![endif]--> I've read conflicting reports as to whether this works with the beta. I'm hoping someone can share their experience. Thanks. ...

How to override global stylesheet

In a nutshell, there's a global stylesheet: a { font-family: Arial; } I want to use a different font family for a particular link: <a href="..." style="font-family: Helvetica;">...</a> or <span style="font-family: Helvetica;"><a href="...">...</a></span> but nothing works. Is there an easy way to do this? P.S. I'm dynamically (...

Is this how you would structure your CSS stylesheet?

Leaving aside the question of whether you should serve single or multiple stylesheets, assuming you're sending just one, what do you think of this as a basic structure? /* Structure */ Any template layout stuff should be put into here, so header, footer, body etc. /* Structure End */ /* Common Components*/ Repeated elements, such as...

How can I locate the default style sheet for a browser?

I would like to see the specific style elements that are used in the default stylesheet for the various browsers. Do the browsers have an actual file based stylesheetss that I locate on my system and read? If so, what are the default locations of those files? If not, where I can find this information? ...

How can I make a TextArea 100% width without overflowing when padding is present in CSS?

I have the following HTML snippet being rendered. <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label> <textarea cols="2" rows="10" id="rules"/> </div> This is my CSS: textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } ...

Rails: Tidy Stylesheets

Anyone know how to take the awesome method mentioned in this tutorial and have the stylesheet tags generate with absolute URLs? ...

Multi line text in Flex doesnt recalculate when runtime css is changed

For loading time considerations I am using a runtime css file in my Flex Application. I am having a problem with a multi line text control : <mx:Text id="txtDescription" selectable="false" styleName="imageRolloverButtonTextDark" width="100%" textAlign="center" text="{_rolloverText}"/> When my CSS stylesheet has loaded the text style ...

Even column heights without using a TABLE

Is there a way to have two columns, that match each other in height, without using table cells, fixed heights or Javascript? Using a TABLE <table> <tr> <td style="background:#F00;"> This is a column </td> <td style="background:#FF0;"> This is a column<br /> That isn't the ...

How to set cellpadding & cellspacing in CSS?

How can I control cellpadding and cellspacing in a CSS stylesheet to obtain the same effect as when putting the attributes on the table tag? ...

How can one detect via Javascript if a print stylesheet is in effect?

I would like to have alternate behavior during a print stylesheet on a web page. Something along the lines of: If this page is being printed, don't bother calling SWFObject to summon an .swf into existence. Just leave the HTML that the Flash will replace. I've tried things like setting a known element to a known style that ...

Why does this "width: auto" style work as an inline style in both browsers but break when moved to an external stylesheet only in IE?

I have an INPUT element that is defaulting to "width: 100%". This causes it to push other elements next to it down onto the next line. To fix this temporarily I added an inline style attribute on the element like this: <input style="width: auto" ...> which worked just fine. Now I'm going back to clean up the temporary fixes and I'm...

Google Chrome Bug with CSS Padding style applying to empty cells

Hello there. I have a problem only in Google Chrome (Firefox, IE, Netscape, Safari and Opera are Okay) where a padding property which should be applied to text in a cell, is being applied to all empty cells aswell. It's easy to solve by adding more specific styles to my affected perimeter cells and using different styles, but that uses a...

float un-ordered list items(ul) next to one another

Hi all, I wanna place two child un-ordered lists side by side. They are having Class Names L and R Heres the relevant part of the HTML markup. <ul class="SearchResult"> <li class="Pagination"> <a id="lnkPageNumber_top_1" class="ACTIVE" onclick="ShowPage(this.id);" style="cursor: pointer;">1</a> <a id="lnkPageNumber_top_2" onclick="Sho...

Get Element StyleSheet Style in JavaScript

I've been using John Resig's getStyle function from Pro JavaScript Techniques to get the style of elements: function getStyle(elem, name) { // J/S Pro Techniques p136 if (elem.style[name]) { return elem.style[name]; } else if (elem.currentStyle) { return elem.currentStyle[name]; } else if (document.de...

Grails NumberFormatException on stylesheet

Using Grails 1.1 beta2 and a JSP page. The JSP includes the CSS reference: <link rel="stylesheet" type="text/css" href="styles.css"> When this line is included Grails pukes with the error: [7000] errors.GrailsExceptionResolver java.lang.NumberFormatException: For input string: "styles" org.codehaus.groovy.runtime.InvokerInvocationExc...

inherit "font-family" style in SELECT/OPTION

I have a HTML code like: - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title></title> <style type="text/css"> body { font-family:"Verdana",Arial,Helvetica,sans-...

How do you organise CSS in your project?

One of the most challenging thing I have felt while working on (complex) web application is the organizing the CSS.Here are the different approaches we have tried on multiple projects. 1: Have a different stylesheet for every web page/module. Obviously we were very new to web apps then, and this approach resulted in too many style shee...

Removing [selected] borders in a DetailsView control

I have a DetailsView control which includes several rows that form an address. Ideally I'd like to 'merge' the Address row with the following two rows - essentially removing the borders between them. I'm guessing that I could use a asp:TemplateField to create an approximate solution (use a single row, but us line breaks in the seconf (d...

How do you determine media type in Javascript?

I looked around and didn't see this question asked yet. What's a reliable way in Javascript to determine the media type (e.g. screen, print, handheld) of the page? I've seen references to document.styleSheets[0].media, but I've had no luck using this, either because of browser support issues or because I'm not understanding something. ...