I used it before, and was reminded of it when someone asked about a tool to strip unsused CSS from a stylsheet.
I went back to the link, but it's gone, what happened to it? Is it gone forever or does anyone know of a backup? Or a similar tool that can still check your CSS against the HTML and strip orphan CSS.
Thanks.
Link (to broken site for reference).
I have a list of items sorted alphabetically:
list = [a,b,c,d,e,f,g,h,i,j]
I'm able to output the list in an html table horizonally like so:
| a , b , c , d |
| e , f , g , h |
| i , j , , |
What's the algorithm to create the table vertically like this:
| a , d , g , j |
| b , e , h , |
| c , f , i , |
I'm using python, but your answer can be in any language or even pseudocode.
Thanks
It's been a long day of designing and I ran into a problem today. The website www.dcninc.com/newtest/security_testing.php is a new design I'm working on at work right now.
If you view it in Firefox you will notice there is no padding on the 2 right boxes (I did that on purpose to trouble shoot my problem) However if you view that same page in IE, it adds padding to the right side. Here is my CSS and HTML below.
http://pastebin.com/hRxZp9ub
http://pastebin.com/YwSYn7ti
I am working on this gorgeous header here at : http://kayaskitchenbelmar.com/test/header.html
Unfortunately, in IE6, the drop downs that come off of the Print and View buttons collapse on to a new line.
This is because of the common z-index bug. I tried resolving this by making the parent div have a higher z-index and position relative with its child a lower z-index and position absolute, but that didn't seem to work.
Possibly I'm missing something obvious?
Thanks so much
I've been learning about divs over the past few months, and am now able to align divs side by side.
However, today I was working on my website, and my divs suddenly stopped lining up.
The divs in question are: #dorsey_left, #dorsey_middle and #dorsey_right.
When I remove #dorsey_left from the HTML document, #dorsey_middle and #dorsey_right align properly. I'm guessing that the problem is related to #dorsey_left, but I can't find anything in the code.
This is the JsFiddle.
Lets assume I have a file on a CDN (Cloud Files from Rackspace) and a static html page with a link to that file. Is there any way I can force download this file (to prevent it from opening in the browser -- for mp3s for example)?
We could make our server read the file and set the corresponding header to:
header("Content-Type: application/force-download")
but we have about 5 million downloads per month so we would rather let the CDN take care of that.
Any ideas?
This might seem like a bit of a design/css question but i really need some help.
This is the page http://library.permilia.com/Gavin/version2.0_beta/lead.html
It works on every browsers imaginable except chrome.
By it works i mean it applies a class .error that sets the borders to 1px solid #f00 which is a red border. In chrome for some reason you cannot change it no matter what!
Anybody got any ideas?
I have a web application that's branded according to the user that's currently logged in. I'd like to change the favicon of the page to be the logo of the private label, but I'm unable to find any code or any examples of how to do this. Has anybody successfully done this before?
I'm picturing having a dozen icons in a folder, and the reference to which favicon.ico file to use is just generated dynamically along with the HTML page. Thoughts?
Hi,
I have an ordered list in HTML.
I would like to add styling only to the numbers (1,2,3,...), and not to the list items themselves.
Is there a way to refer to these numbers ?
Thanks !
Hi Everyone:
I am wondering if there is some way to align text on the right of a photo, and keep the text in that same "box" even after the image ends using HTML and CSS. A quick "diagram" of what I am attempting to accomplish is below:
------- --------
------- --------
-Image- - Text -
------- --------
------- --------
--------
--------
Thanks for any help!
Hello,
I have a div element in HTML document.
I would like to extract all elements inside this div that starts with a known text (e.g. "q17_").
How can I achieve this using JavaScript ?
(If needed, for simplicity, I can assume that all elements inside the div are of type input or select.)
Thanks !
Is it possible to have a bunch of <select> dropdowns in html that only display a small (say 10 pixels wide) icon, but when you click it the drop down has a list with the icons beside a descriptive string. (Let's see if ASCII art works on SO):
[X]
| X - Disable |
| v/ - Enable |
| O - Ignore |
+-------------+
[O]
[v]
[X]
Can that be done in CSS? Or in jQuery?
Could you confirm I understand this correctly.
Using POST, the file specified in xmlhttp.open("GET","ajax_test.asp",true);
will not be cached (sent to \Temporary Internet Files) ? It will stay on the server only?
If this is true, is the updated html file after calling ajax POST, being updated in the \Temporary Internet Files ?
Am I missing any other important information of this mechanism?
Thank You.
How can I get my footer to be at the bottom of the container, after everything in main?
Here's the site: (It's fine on the homepage, but not on any of the others)
http://dl.dropbox.com/u/122695/ds/index.html
hi, i want to convert a swf to image on my website. a user makes some changes on the stage and if he press a button "get image link", the swf stage will be converted to an image and its image link will appear within a box. like imageshack.. so user can use it in forums as image. how can i do this? i even dont know it is about flash or html...
Hi all,
I want to know is there any option/work sround for $_SERVER['HTTP_REFERER']. Because 'HTTP_REFERER' can not be trusted.
Then What is other way to know that from which url the request has came from?.
Here is the situation -
http:// abc.com/one.htmlwill have an iframe having src=http:// xyz.com/giv.php?param=1.
How giv.php on xyz.com will know that request is coming from http:// abc.com/one.html?
So basically I have this little social networking site which allow comments. I've built a comment section that will slide down once a user clicks "Comment" and it slides down under the users status.
My problem is that right now, the JavaScript only works on ONE post ID, and not the rest obviously seeing you can only use an ID once. But of course if I use classes instead, All the comment sections slide down because now they're all the same class. See below for my HTML and JavaScript.
So if someone has a better method out there, please help :)
$(function () {
$(".comment-box").slideUp();
//when "comment" is clicked, slide down the comment box.
if ($(".comment-box-btn").click(function () {
$(".comment-box").slideDown();
}));
//when "cancel" is clicked, slide up the comment box.
if ($(".close-comment-box").click(function () {
$(".comment-box").slideUp()
}));
});
And here's the HTML used
//anchor for "Comment"
<a class="comment-box-btn" href="#"><i class="icon-comment"></i> Comment</a>
//comment box
<div class="row comment-box" style="display:none;">
<div class="col-md-12">
<form accept-charset="UTF-8" action="" method="post">
<textarea class="form-control animated" cols="180" id="new-comment" name="comment" placeholder="Comment.." rows="1"></textarea>
<div class="text-right" style="margin-top:20px;">
<a class="btn btn-default close-comment-box" href="#">
<span class="glyphicon glyphicon-remove"></span> Cancel</a>
<button class="btn btn-info" type="submit">Comment</button>
</div>
</form>
</div>
</div>
I have HTML content stored in a variable. How do I extract data that is found between a set of common tags in the page? For example, I am interested in the data (represented by DATA kept between a set of tags which one line after the other:
...
<td class="jumlah">*DATA*</td>
<td class="ud"><a href="">*DATA*</a></td>
...
Hello,
I've to create a static web site, only .html files.
Each page will have the same layout.
I need a kind of template engine or a tool to generate about 200pages with minimal efforts...
only the body of the page will be different
Any ideas?
Thanks
I need to hide a column as well as other elements when my page is printed , and in order to do that I have a print style sheet, everything works fine, except for the column I want to make disappear, the strange thing is that my stylesheet works in IE , but it didn't in Mozilla and chrome, why's that?
Html code
<col width="10%" class="art-editcolumn"/>
and here's the CSS class:
.art-editcolumn
{
display: none;
}
Hope you can help me out with this.
I need a little piece of advice.
I have a test page with 2 fields: word number and URL
Also i have a button Push.
When i push the button i want to open the specified URL (it's local html files) and highlight the word at the "word number" position
Of course the code must ignore element nodes (<p>,<b>,<table> and so on)
I have a stack of divs inside of each other, all of which have an ID which specifies CSS only.
But for some reason the surrounding DIV tag only expands to it's anointed height value, and not it's default auto, meaning that although the content is inside, the backing DIV is only a specific height. I need it to adjust the heigh to the size of whatever is inside of it (As there will be user submitted data being echoed out possibly in paragraphs with 500+ words.)
Here is my HTML
<div id="albumhold">
<div id="albumpic">Pic here</div>
<div id="infohold">
<div id="albumhead">Name | Date</div>
<div id="albuminfo">Information</div>
</div>
And the CSS for the HTML code:
#albumhold {
width: 920px;
padding: 10px;
height: auto;
border: 1px solid #E1E1E1;
margin-left: auto;
margin-right: auto;
background-color: #E1E1E1;
background-image: url(../global-images/albumback.png);
background-position: top center;
background-repeat: repeat-x;
}
#albumpic {
display: block;
height: 110px;
width: 110px;
float: left;
border: 1px solid #000;
}
#infohold {
width: 800px;
background-color: #CCC;
float: right;
height: 20px;
}
#albumhead {
width: 800px;
height: 20px;
text-indent: 10px;
border: 1px solid #000;
color: #09F;
}
#albuminfo {
margin-top: 5px;
width: 800px;
float: right;
color: #09F;
word-wrap:break-word;
}
Help is greatly appreciated.