I'm getting slightly jealous of the innovation I'm seeing from the Python and Ruby community around CSS. For example, see:
http://sandbox.pocoo.org/clevercss/
http://lesscss.org/
http://haml.hamptoncatlin.com/docs/rdoc/classes/Sass.html
That said, my question is two fold. Could these library's be easily "ported" to .NET via IronRuby...
I'd like to use MSBUILD to check the validity of both the rendered HTML and CSS of all pages in a site, and break the build on errors.
Can anyone recommend a strategy to validate HTML and CSS in an automated build? Are there any tasks out there to do this now?
...
Hi,
I'm trying to create a table with a 1px black border.
I have to nest a table in the main table, and get "thick" borders where the nexted table butts against its enclosing . I just want a 1px border everywhere.
I have this, in effect:
table.outer{border:1px black solid; border-collapse: collapse;}
td{border:1px black solid; border...
Doesn't seem to work for me, maybe I just doing it wrong
...
Has anybody made a website theme for the iPhone?
Please let me know any tips or resources.
Here's my theory: How to make a website theme for iPhone
Create a website theme designed for desktop monitors. Try not to make any element larger than 320px (iPhone screen resolution).
Create 2 style sheets. One for desktop monitors and another...
I'm working on a project where the client wants to have existing pages dynamically loaded into a single page. That's no problem, but the styling is not working as it should when the pages are loaded as standalone files on the existing site. Is there a way to extract the css link from each page and have it dynamically applied to the viewe...
I made a page, 3 cols, tableless and css formated (as it should be). Sometimes the browser doesn't put anything in its place. So I made a fake preloader in a DIV id="preloader" and a content wrapper in another DIV id="container".
First I made the whole wrapper nonexistant (not there, in opposite to visibility, that just "hides").
CSS
...
I have some CSS that doesn't behave correctly with IE8. It works fine with FF3, but in IE8 there are white boxes in between the list items and the whole thing is buggy.
here is the css in question
#golist {
width:900px;
margin-top:20px;
margin-right:auto;
margin-left:auto;
}
#listing {
list-style:none;
margin:0;
p...
I'm in the midst writing a Lessig-Method slideware object in javascript (so something fun, not important), and I keep encountering strange text layout anomalies, the likes of which I can't say I've ever seen. And yet, they are pervasive across my slides.
The background is straight-forward. Presentation has Slides, and Slides have Lines....
I have a div inside of a table which is inside of a form that I would like to update
<form id="login_form" method="post" action="#" onsubmit="return false;"><table>
<tr><td>Username</td><td><input type="text" name="name" id="login_name"></td></tr>
<tr><td>Password</td><td><input type="password" name="password" id="login_password"></td>...
Hello,
The link below was black with no underline, then black with an underline when hovered. This is what I wanted. Then I turned it into an Amazon Associate link, and now it's blue & underlined. I'm still using the same CSS as before (links2), so I don't understand why it changed format.
How can I get the link to be black with no und...
One of the css aspects which confuses me sometimes when I look at a site is negative margins used for layout. It takes me a while to understand what the designer is trying to do with negative margins across the page. I mean a page which has several div's, several using negative margins and I am trying to get my head trying to figure them...
Which tools is Best to make Web standards, W3C validate and Accessible site ? open source or commercial?
...
Css hover is working correctly until one of the menu items is clicked.
I believe the problem started with I added this line
$("#buttons li a:not(a." + target + ")").css("background-position","0 0");
CSS
#buttons {float:left;}
#buttons ul {list-style-type:none;cursor:pointer;overflow:hidden;}
#buttons ul li {height:195px;width:40p...
I'm seeing a strange text-align bug using FF 3.0.11 on Ubuntu-Hardy.
test case
The letter "f" is way out in left field. I can also make this happen with a variety of fonts and sizes, involving as many as three letters flying away and stacking onto each other.
Is this known? Is a fix known?
(I have another question open about this tha...
Say I have a class named testThing:
.testThing
{
background-color:#000000;
float:left;
height:50px;
width:50px;
}
And I want to be able to test a background color change to whatever control is of that class on a button click:
function setColor(someColor)
{
jQuery('.testThing).css('background-color', someColor);
}
Bu...
One of the arguments I've heard about blueprint css is that it lets you think of your layout in terms of a grid rather than in terms of floats. This seems like a big advantage to me because I always get confused about where my floats are going to end up - sometimes a float will unexpectedly drop down below some other floats and I have a ...
I've seen this in the footer of various websites, most of them non-technical websites. Some websites go even further and include a W3C badge stating the fact. I don't see how this can be of any help to the targeted audience.
...
I'm trying to add an icon which sits on top of the border, splitting it in half. Here is what I want the final result to be:
The full source is hosted here:
On to what I have so far:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
bo...
This is new one, I'm having problem with an Archive page i've made. It seems like a fairly straight forward floated div image gallery... but for some reason the there's a bunch of line breaks randomly throughout the divs. I thought it may have been a problem with Cufon or IE.JS etc but I disabled all JS and it still bugs out.
See: htt...