Does anyone know a good marquee/horizontally scrolling ticker for JQuery?
One that is identical to Twitter.com's horizontal scroller is perfect. ...
css
window size - div inside td elements - scrollbars
I have following html <table> <tr> <td class='tclone' id='clone'></td> <td class='loader' id='loader'> <div id='tdiv' style="height:630px; width:835px; overflow:auto;"></div> </td> </tr> </table> I open this HTML in a new window and JavaScript append contents to tclone and tdiv. tdiv sp...
How to reset the style properties to their CSS defaults in javascript?
On a php generated page there are several elements like this: <td class="defaultTDStyle" style="color:userDefinedCustomColor" id="myTDId"></td> So there is a default style and I apply several extra styles that override the style defined in the CSS. Is there a way to remove these added styles from javascript? It seems the obj.style.co...
Calculate resulting RGB from 2 colors, one is transparent
I'm looking for a formula to convert them. I know to convert a general transparency it is alpha * new + ( 1 - alpha ) * old I have: Color A : RGB( 85, 113, 135 ) Color B : RGB( 43, 169, 225 ) Color A has 90% opacity and is laid on top of Color B, resulting in Color C : RGB( 65, 119, 145 ) My question is, how does it get Color C...
My first site: How horrible is my code (mainly in relation to floats and positioning)?
I'm a self-taught web designer and one of the biggest things I have found difficult to grasp is the concept of floats and positioning and I'm afraid it's coming back to bite me in the ass as I'm trying to integrate drop-down menus into my existing navigation. Further reason to believe my code is horrible is two-fold: The navigation d...
Sliding menu problem
I have a navigation menu that has submenus slide down on hover. The menu is structured like so: <ul class='nav'> <li><a href='#'>About</a></li> <ul class='submenu'> <li><a href='#'>Stuff</a></li> </ul> </ul> etc.. What I did to create slideouts was the following: $('ul.nav li').hover(function(){ $el = $(this); $el.nex...
How to create a collapsible list?
Is there a way I can have collapsible list and have the clicked list expand when clicked and stay expanded even when the page refreshes? I'm using PHP, CSS and Jquery ...
Javascript pop-up over Vimeo video - CSS layout order
Is there such thing as a layer or an order of items that conflict in the same space? I have a pop-up signin box, somewhat similar to Twitter.com, but when it pops open, it is behind a Vimeo video in the middle of the screen. Is there a CSS style to make it appear on top of the video instead of behind it? In graphic design tools there ...
Zen CSS and img tags
I am trying to be more Zen in my CSS, and also to reduce the load on my server. I have heard and sort of seen a technique where I can use a background image and an offset value to allow me to download all my little icon images in one single image, and use CSS to display the right image. However, I am a little confused how to do this corr...
hidden background image in IE
I have an edit button which appears on the page when users have access to edit. I've implemented it as a link: <a class='editlink' href='edit.html'></a> My corresponding css renders the editlink class as a pencil icon: .editlink{ background-image: url(../img/pencil.png); background-repeat:no-repeat; padding: 2px 8px; } This work...
Links require 2 clicks in Safari & chrome, but only 1 in Firefox
I'm working on this site http://church.allthingswebdesign.com and the links on the left require 2 clicks to get the li's to slide in, while in FF you only have to click it once. The desired result is to only have a user click it once. Here's my jQuery: //slides the left sidebar links when the button is clicked $('div.links').hide(); $(...
Why does the last row of the table have a bigger height than the rest?
On this page http://church.allthingswebdesign.com/Calendar.php the last row of the table is bigger than the rest of the rows. Can anyone tell me why? ...
Compass on Win using relative paths outside of Compass project dir
I was using Sass on an existing site and decided to get Compass up and running on Win7x64. Ruby, HAML, Compass all installed fine (afaik). I have a project at c:\project with a static files served out of c:\project\static with a directory structure that has to stay the same. I went into c:\project\static and ran this: compass create cs...
Padding container not functioning correctly
Its a bit of a tough one to explain really. this is it: <div id="inside-cntr"> <!--GAME CONTENT GOES HERE!--> <div style="position:relative; margin:15px; margin-top:35px; margin-bottom:20px; padding:1px; width:200px; height:200px; display:inline-block; float:left; background-color:#333;"></div> <div style="position:relative; margin:15p...
blueprint css issues not working in ie
hi i wanted to try out blueprint and worked just fine from at the beginning then i put the website online and to my surprise nothing worked in ie? is there any css guru that could guide me on what i've might have done wrong here? http://kurdiskainstitutet.se/ as i said works perfect on everyother browser but internet explorer ...
<pre> tag making browsers close paragraphs
Hi, I'm having an issue with the HTML below: <html> <body> <p style="font-size: large"> Some paragraph text <span><pre style="display:inline">some span text</pre></span> additional paragraph text that continues ... </p> </body> </html> So this is just a paragraph that contains some preformatted...
drop down menu: dotted border and solid border in one line
Hi, How can I use css to make the dotted border and solid border in one line in a drop down menu this site, http://blip.tv/ here is the image I highlighted the line that I meant above, here is the link of the drop menu which I fail to make the line like above. what I get is either a total solid border or dotted border, and I can't ...
In CSS, a way to say, if the TD element has IMG in it, then "text-align: center"?
The line td img { text-align: center } won't work. It has to target the td instead: the td having an img element will have text-align: center. Can it be done in CSS 2.1? ...
innerhtml workaround for IE td elements?
I have the following function: <script type="text/javascript"> function changeText(elem){ var oldHTML = document.getElementById(elem).innerHTML; var newHTML = "<span style='color:red'>" + oldHTML + "</span>"; document.getElementById(elem).innerHTML = newHTML; } </script> And the following HTML: <table> <tr> <td id = "foo">bar...
Contain table within div
Given this example (http://jsfiddle.net/A8gHg/, code also below), try making your window smaller such that the size of the example is squished. <div style="background-color:blue"> <table style="width:100%"> <tr> <td> <input type="text" style="width:150px"/> </td> <td> ...