I have set up sIFR on a site and it is working correctly. However I need to be able to apply multiple styles based on class. The functioning code is: sIFR.replace(myriadpro, { selector: 'h2', css: '.sIFR-root { font-size: 20px; color: #008cba; text-transform: capitalize; }', wmode: 'transparent' }); However, I need to be ab...
I ran accross this example in the image below that is done in Flash and I was wondering if a similar affect of having a transparent box at the bottom of an image with text on it is possible with CSS or something other then flash? ...
Ok so here's the deal, I'm trying to display a tooltip (instead of the ginfowindow) over some Yelp Map Markers that I am pulling onto a Google Map. I would like to have the exact same effects as Yelp. i.e. The tooltip seems to be set such that it's z-index is always above all other elements nearby, it moves the tooltip once it appears...
Sometimes when a piece of data in one of my table cells is too long it stretches the cell and deforms the layout of the entire table. how can i prevent this? ...
When I change my screen resolution my web pages main navigation bottom border magically shrinks half of my web pages length instead of going with the flow of the the web page. How can I fix this problem? The CSS is below. #main-nav { width: 100%; background: black; font-weight: bold; border-bottom: 5px solid blue; fl...
Hi! I am trying to position some text relative to the prior element. So i have 4 boxes and 1 container, the first and second element works, but then the problem starts. It is supposed to be 2 rows with 2 boxes on each row. Box1 | Box2 Box3 | Box4 But the Box3 isn't showing as it is supposed to. http://homeweb.mah.se/~M09K0291/test.ht...
I have a CSS link that looks like this: <link href="../../css/WW/parts.css" type="text/css" rel="stylesheet" /> But now I want the CSS directory not to be linked to as "../../", but as "~/", i.e from the top of the project. So I changed the CSS call to: <link href="~/project/css/WW/parts.css" type="text/css" rel="stylesheet" /> Bu...
Related (possibly duplicate) questions: How do I achieve equal height divs with HTML / CSS ? Make Two Floated CSS Elements the Same Height Hello, every one, I tried for hours to create a stretchable 2 columns div but without any luck. here is my html code and my css code below it <div class="two_cols_container"> <div c...
Is there a way to insert a bar at the top of any webpage (similar to the ones here at Stack Overflow) without needing any special code in the page itself? I'm looking for either a snippet of CSS styling or, if necessary, a Javascript example. It doesn't need any special animations or even a close link, but it does need to make room for i...
Although, I know that a lot may depend on a particular web site, what is the mainstream? =) And also, what do you think of implementing CSS table-based layouts while IE6 and 7 are in use? ...
As a web developer, how do you prevent text from spilling over the edges of boxes when the browser's text size gets increased? ...
Below is the jquery code I am using for my AJAX tabs Is there a better way that would be faster in the browser, I don't care about fancy transitions. <script type="text/javascript"> var pageUrl = new Array(); pageUrl[1] = "HOMEbulletin.inc.php"; pageUrl[2] = "HOMEfriendstatus.inc.php"; pageUrl[3] = "HOMEbulletin.inc.php"; function...
I am having problems with IE, In FF and Chrome the navigation at the top displays fine. However in IE8 (with or without compatibility) the UL seems to indent from the left hand side, not each li just the whole li; despite declaring text-align:center; width:600px; margin:auto; padding-left:0;. Any ideas what could be causing this? Thanks...
Hi I am trying to create some simple menu links. I tried something like this: <style type="text/css"> div.menulinkboxaround { height: 25px; } a.menulinkbox { font-family: Verdana, Helvetica; padding-left: 50px; padding-left: 50px; padding-bottom: 5px; padding-top: 5px...
Hi, on this website: http://www.eco-environments.co.uk/ if you scroll down to "What we do" and rollover the links you get a bubble popup display, can anyone tell me how this is created please? Thanks ...
Hi, I dynamically load a css stylesheet (with a little help from jQuery) like this: var head = document.getElementsByTagName('head')[0]; $(document.createElement('link')) .attr({ type: 'text/css', href: '../../mz/mz.css', rel: 'stylesheet' }) .appendTo(head); This works fine in Firefox and Google Chrome, but not in IE. Any h...
I am using the sliding doors technique to style buttons on a site I'm making and it seems to be working within Chrome but the background is not displaying for any other browser. My code for the button is below: <div class="small-white"><a href="#">Done Reading</a></div> CSS: .small-white { float:left; background:url(images/small-...
There's talk of this compressor script for blueprint css, where you can change the total number of pixels, or include fancy-type etc, but I've never figured out how to use it. All I can ever use is the vanilla version of Blueprint, and in this case, my site is only 900 px wide, so I can;t use Blueprint at all until I remake it for 900px ...
I am looking for a way to use the same stylesheet for print media as for the default onscreen layout. The advantage to me will be that I won't have to update 2 files every time I update the CSS. I would prefer to have one stylesheet and specify special rules for print media by denoting them somehow… It may not be possible, but I thought ...
Hello, I'm very new to html and css so feel free to critique any bad practices you see in the code below... I am trying to create a centered column that's 800 pixels across and the banner will be resized to 800 pixels. When view this page in chrome or firefox it looks great. When I view it in IE8 the font is huge, there is a giant e...