#search-box { -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; background-color:#ffffff; border:0px solid #CCCCCC; float:right; padding:8px; position:relative; top:0; width:20em; } #search-box { /*remove all css attributes here*/ } ...
What is the best way to concatenate multiple CSS files into one CSS file? I want to reduce the following .. <link href="css/1.css" rel="stylesheet" type="text/css" media="all"> <link href="css/2.css" rel="stylesheet" type="text/css" media="all"> <link href="css/3.css" rel="stylesheet" type="text/css" media="all"> .. into .. <link hr...
Hi All, I am working on a small application where I can get the stock price of a particular company also if the price can be updated immediately. I guess there might be a widget that I can use but not sure which one or how. Thanks ...
I'm using the Google Maps API v2 and I'd like to be able to print the map the same way as Google does on its Maps page. You can click the little printer icon and it creates a new popup window with the same map but all the unprintable stuff (like the controls) is taken out. I know that they use @media print to achieve that effect when yo...
I'm building a Web application with rougly 30 pages, 12 user controls and 3 masterpages. I've centralized all the CSS in a Theme called Default. The application will expand in the near future. What is a best practice in separating css files? Should I: A - Put everything in one big CSS file separated by comment sections (every page ha...
Hi, I have written some stylesheets, including a print.css and it's working fine. I'd like to remove the URL from printing out on each of the pages. Is there an element/option that I can set to display:none to do this? The reason is that the specific pages that have a 'normal' and 'print' stylesheet have been specially formatted so when...
Hi All, Below is the example I got from google finance for a stock quote. But it doesnt seem to be working. Stock price isnt displayed. Thanks <body> Hello world! Here is your portfolio:<br/> GOOG: <span id=_IG_SYM1_l></span> (<span id=_IG_SYM1_c></span>)<br/> AAPL: <span id=_IG_SYM2_l></span> (<span id=_IG_SYM2_c></span>)<br/> ...
I need to output the following form layout: <tr><td>Label</td><td>Element</td></tr> <tr><td></td><td>ElementErrors</td></tr> This is needed for the elements and labels to be centered vertically and errors should be with the same indentation as elements. Can I achieve this with the usage of decorators or maybe I need to change my mark...
This is my CSS: #contents { clear: both; width: 900px; background: #fff url(../img/contents_bg.jpg) repeat-y; } #contents .left { float: left; width: 615px; padding: 10px 0 0 20px; } #contents .right { float: right; width: 225px; padding: 10px 20px 0 0; } And HTML: <div id="contents"> <div class="left"> <p>test</p> </div> <div c...
A past client of mine contacted me about doing a rollover menu for his website. He has a couple different businesses, and from his main site he wants to be able to have a image menu that shows each of his other businesses and links to their sites. I know that it is possible to do a rollover menu using javascript and css but one thing he ...
I have a line of text that I want to draw borders around. At the moment, the markup looks like this: <div id="titleBox"><span id="titleName" class="truncate">Really really long long long title name</span></div> The style looks like this: #titleBox{ margin-top: 10px; } #titleName{ margin: 5px; height: 1.6em; widt...
Assume the following svg document: <svg version="1.1" baseProfile="full" width="300" height="200" xmlns="http://www.w3.org/2000/svg"> <text x="20" y="20">My text</text> </svg> Now what i want to do is reposition this text using css. I have tried adding style="dx:20" and style="transform: translate(20)". Both have no effect in fire...
How can I get an embedded video to float left in IE7? The following code works great in FireFox and the text wraps around the floated div and video, but in IE7 the text sits under the div/video. <object height="264" width="320" style="float: left; margin: 5px;"><param name="wmode" value="transparent"><param name="AllowFullScreen" value=...
All, In the following code <html> <head> <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="http://jqueryui.com/latest/jquery1.3.2.js"> </script> <script src="http://jqueryui.com/latest/ui/effects.core.js"></script> <script src="ht...
Why is there so much extra space in FireFox between the two floated blocks? <html> <head> <style type="text/css"> #Container-900px { width:900px; padding: 10px; border: 1px solid #CCCCCC; } #Container-900px .left { float:left; width:435px; height:300px; } #Container-900px .right { float:right; width:435px; height...
I am using HTML and CSS to create a 'hover over' photo gallery, the 'hover over' producing a large image below the thumbnail' My HTML looks like the following: <div id="container"> <a class="thumbnail" href="#thumb"><img src="thumb1.jpg" /><span><img src="photo1.jpg" /><br />Simply beautiful.</span></a> I have set the container to...
Very straightforward CSS question that I haven't been able to find the answer to so far: I'm trying to lay out a page with two div's side-by-side in one row (using float:left; and float:right;) and then one div below them. The problem is that if the top row (defined as a div itself) is so wide that the space between the two divs can acc...
Is there any way to print out something like, when the user Prints out the page? <div id="test" style="background:#000000; color:#FFFFFF"> Black Stripe </div> I'm trying to create a page with row striping in the printout the same way it appears on screen. When they go to print , it of course drops the background. Besides telling ea...
I have incorporated jCarouselLite with my already working site, however the PREV and NEXT buttons appear, but no IMAGES. The image links are correct. Any ideas? jQUERY: <script type="text/javascript"> //jCarouselLite $(function() { $(".slider").jCarouselLite({ btnNext: ".next", btnPrev: ".prev", ...
This question is about an approach to css structuring, and so is more discussion oriented. I'm working with some outsourced css where the body tags have multiple classes assigned, up to half a dozen. (To make things a little worse, none of the css selectors include an html tag which is making it confusing to analyze the css.) These body...