Firefox wraps text inside spans and divs neatly without expanding them. I'm having trouble achieving this with IE. IE only wraps words at word separators like spaces or hyphens. If the text does not contain spaces or hyphens the span expands in width. How do I get it to wrap arbitrarily and maintain the width of the span (or div) ? ...
I have created a table with 20 rows and 10 columns. I would like to create a gridline separating every two columns. So, between column 2 and 3 there would be a line separating them. There should also be lines separating columns 4 and 5, coulumns 6 and 7, and columns 8 and 9. But I do not want to have a line separating columns 1 and...
I am updating a website to add some mobile friendly pages. At the moment we have one big css page with everything in. My idea is to put all the mobile specific css into a separate file and then link both sheets. The mobile css will overide anything in the default css (bigger buttons etc). Im quite new to css, what is the best practic...
I'm styling a form that was already marked up (made some markup changes), and I normally work in Firefox to style so I can use firebug and the web developer toolbar. On this project, I noticed that my styles are displaying quite differently for one particular area (several elements) in webkit based browsers Chrome and Safari, than in Fi...
Hi there I'm working on an ASP.NET\ c# app; I have a page with a div at the bottom just to show error\success messages to end user. These messages go into an asp label inside this div. I need those messages to be vertically aligned and so far i had no success. Vertical- align doesn't seem to work with IE. Any tip on that? tks ...
Why Textarea and textfield not taking font-family and font-size from body? See live example here http://jsbin.com/ucano4 Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head...
How could I center the blue box inside the red one ? I see that the left side of the blue box is exactly in the middle of the red box, but I would like to center the whole blue box, not its left side. The dimensions of the boxes are not constant. I want to align regardless of boxes dimensions. Example to play with here. Thanks ! HTML: ...
Hi guys Just wondering how you would go about creating the effect as seen in the following image: Image The part i'd like to attempt to recreate is the gradient within the text field itself along with the line border surrounding the text box. Thanks. ...
Is it possible (using jQuery or otherwise) to set the style of a certain element to the :hover style defined in a stylesheet? .regStyle { background-color: #000; } .regStyle:hover { background-color: #fff; } Trying it out $("#differentButton").click(function(){ // this doesn't work $("#someElement").addClass("regStyl...
Is there any way I can route assets inside of my css to where the rest of the views are pulling them? I mean, inside the CSS can I call url_for or css_for or something like that in order to have the images go through the assets router? Thank you in advance! ...
I've been studying compass and while it is a fun thing to play with and use, one thing bothers me(besides being unable to add padding as it wrecks the grid), how do I nest columns? I want to be able to do what blueprint does: nest containers like say, I have a 24-column page divided in two(17 and 7 columns). In the right part of that pa...
Hello, I'm trying to recreate a sort of table layout of a contact form. Here's the current form: http://www.radonsystems.net/contact-us and this is what the work-in-progress is like http://www.radonsystems.net/newsite/?do=contact-us As you can see, there is an issue with the second form - I just don't know how to fix it. Any ideas o...
Hi, I have this page below: http://www.tirengarfio.com/rs2/web/borrar.php What should i do to put the link in the first line but on the right of the page? Regards Javi ...
I have been asked by a client to create a site where the content area overlaps the footer. However they also want the footer to be attached to the bottom of the viewport, which I've done, but it seems that I can't find a good way to vertically stretch the content to maintain the overlap should the browser be resized. I've created a diag...
Wondering for benchmarking purposes if there is a DOM event or other way to determine when the browser has finished parsing/rendering the CSS. I'm trying to optimize CSS selectors and need a way to measure the drawing/rendering/reflowing times. Thanks. ...
In the following code, <table id=\"preview_table\" class=\"preview_table\" cellspacing=\"0\" border=\"1\" width=\"%s\"><tr bgcolor=\"lightgrey\" width=\"%s\"><th>Category</th> <th>Grade</th> <th>Grade</th> <th>Grade</th> <th>Grade</th><th>Grade</th> <th>Grade</th> <th>Grade</th> <th>Grade</th> <th>Grade</th> <th>Grade</th> <th>Grade...
Obviously you can't just surround the <tr> tag with an <a> tag and call it a day; this is invalid and doesn't even work. I have seen JavaScript used, but then what happens to browsers that don't support JavaScript? What is the best way to make an entire table row <tr> into a link? Edit: At the request of Lerxst, here is an example of a ...
For an internal customer service application, I want to create a web page that displays name and address along with some other details. Assume we have 2 printers, PLASER and PLABEL. Is it possible using CSS, or other methods, to send the entire page to the printer when printer PLASER is selected, and only the name & address, when print...
I am using an ASP.NET ListView control and, at the moment, I have a scrollable grid: (example below is simplified and contains embedded styling for sake of question) <asp:ListView ID="ListView" runat="server" DataKeyNames="Id"> <LayoutTemplate> <div style="height:225px; overflow:auto;"> <table runat=...
Given the following mark-up... <div id="Header"> <a href="#" class="Highlight">foo</a> </div> And the following stylesheet... /******************Exceptions******************/ #Footer, #Header, #Footer a, #Header a { color: #f8f8f8; } /******************Classes******************/ .Highlight, a.Highlight { color: #B1D355; } .Not...