I have a weird issue with a graphic with rounded corners. I have a HTML page with the body set to transparent (style="filter:alpha(opacity=100);opacity:100;background-color:transparent;") and within this body is a div with a PNG image with rounded corners, with transparency on the edges so that it transitions correctly with the backgrou...
So I want to rig up some css rules for interview transcripts. The format I have in mind looks something like this: <h2 class="interviewer">Alice: [00:00:00]</h2> <p>Is it ok if I ask you a question now?</p> <h2 class="interviewee">Bob: [00:00:03]</h2> <p>Sure go ahead.</p> I'd like the paragraph to be a particular colour based on th...
I'm a little confused about CSS and the class-attribut. I always thought, the order in which I specify multiple classes in the attribut's value has a meaning. The later class could/should overwrite definitions of the previous, but this doesn't seem to work. Here's an example: <html> <head> <style type="text/css"> .extra { color: #...
i already have a css section: .leftMemberCol { width:125px; vertical-align:top; padding: 13px; border-width:0px; border-collapse:separate; border-spacing: 10px 10px; text-align:left; background-color:#f2f3ea; } for a td section (a left side bar). I want to make all of the links inside this cell be the color green. is there any synt...
I have this div element: <div id="tl" style="float:right;width: 400px; height:100px; background-color:Green; overflow-x: scroll;overflow-y: hidden;"> <div id='demo' style="float:left;height:90px;"> dsadsad </div> <div id='demo' style="float:left;height:90px;"> dsadsad </div> </div> The div demo will copy by ...
I had a div class that generate a arrow >>. when that div is clicked i want to show the list of items which should slide from left to right and should wait for 20 secs. when clicked once again, it should slide left and disappear. Im Trying it using Jquery.But not working. Please help me. Any help will be highly appreciated. ...
In FireFox 3.5, the following div does not push the page content down. Rather, it overlaps. IE 8 does not. What can I do as a quick fix? <div style="position:fixed;top:0;width:100%;">blah blah</div> ...
<a href="link.html" title="Titletext"> ...is the code. I need to use the title attribute because of slimbox, but I want to hide the title-text that shows up when hovering the mouse over the link. Any ideas? ...
I have a bunch of images which all fit into a 400px × 400px box (that is, one of their dimensions is 400px and the other is smaller). I would like to be able to, using CSS, but jquery/javascript if necessary, fit that image to a 200px by 200px box, so that two edges of the image touch the box, and there is a gap between the other two edg...
I've created a template for WebSVN (see it in action here) and have worked hard to make it use web standards and validate. It looks great in most browsers, but as I feared, IE 6 and IE 7 can't quite hack it. In my case, the problem is that they refuse to render the unordered list for my navigation horizontally — they both display each <l...
I have the following code for a selectable tab: <div class="tabOff"> <div class="lightCorner TL"></div><div class="lightCorner TR"></div> <div class="cornerBoxInner"> <p>My Tab</p> </div> </div> On the mouse over of tabOff I have the following CSS for changing the background colour: .tabOff:hover { background:#AAA...
I have a client who needs somebody to develop a "countdown widget" for their main public website. It has to do with graduation dates. So, any customer not registered with the widget would see "Start your Graduation Countdown". Clicking on that would do something like provide them with an input form that includes name and graduation da...
The bizarre symptom I'm seeing on this page (only when viewing with IE 6) is that the text of the <h1> tag is invisible when the page is loaded or resized, but appears when I mouse over the region where it appears in the upper-left corner. I haven't seen this with any other browser, and the only CSS attributes I'm modifying for any h1 ta...
I often inspect sites using firebug and have noticed quite a range of complexity in the way developers wrap their content. Looking especially at centered aligned layouts: At the simplest end are sites like 99designs.com which simply apply a margin: 0 auto to the body element. Body -> Header/Content/... Next along the scale are...
We have a div where we would like the width to be dynamic in the sense of say, 90 percent, of screen size. If the contents of the div will overflow we would like to hide the overflow. I can only get the overflow to hide if I set the width to px rather than 90%. Is there a way to do it with percentages? EDIT The problem seems to be t...
function text_window() { var xmlDoc; if (window.XMLHttpRequest) { xmlDoc=new window.XMLHttpRequest(); xmlDoc.open("GET","cd_catalog.xml",false); xmlDoc.send(""); xmlDoc=xmlDoc.responseXML; } // IE 5 and IE 6 else if (ActiveXObject("Microsoft.XMLDOM")) { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async=false; ...
I am using beforeShowDay and have assined the class specialDay to particular days in my calendar this works fine, however i am having trouble understanding how to style the class and how the css from theme roller is working in general. I have tried: td .specialDate { background: #33CC66; } but this has no affect on the look of the ...
I'm going to start work on a site for a client and I'm struggling with how to go about doing it. They want (in order of priority) A site that looks pretty and is functional in that it will present the information they want in a way that makes sense. A site that is easy to update and add to. The guy who will be doing the updates is a sm...
Hi, I am designing a web page for Opera Mobile. It has a little zoom icon on the left right corner. When I visit www.opera.com, this icon becomes invisible and zoom level becomes fixed. For any other web page it appears and I can zoom in and out of the page. I want the same fixed zoom behavior in my page too. It is probably some css pro...
I've got a script executing on $(document).ready() that's supposed to vertically align block element in my layout. 90% of the time, it works without issue. However, for that extra 10% one of two things happens: There's an obvious lag in the time it takes to do the centering, and the block elements jump into position. This could simply ...