Using CSS, how do I set the formatting of just a single cell or a single column?
Using CSS, how do I set the formatting of just a single cell or a single column? ...
css
Why isn't this wrapping as expected?
I'm sure this is something silly I'm missing. Can anyone take a look at this page and tell me why BYOB section is showing up on the right and not right under the American section? Thanks in advance. ...
Complex table - Target specific <TR>
I've got a complex table which actually produces a very simple layout. For many reasons I cant change the HTML output so I'm trying something in jquery: <div id="contentDiv" class="mainContent"> <table cellspacing="0" border="0" width="100%"> <tr> <td> <table width="100%" BORDER=1 cellpadding=0 cellspacing=0 style="padd...
Click Nav Menu is Misbehaving
I posted here recently when I was having trouble getting a script to work. It was supposed to, with the aid of PHP, detect what page the user was on, select the nav menu list item with the same id, and then set the id of the list item to 'cur', which would attract the appropriate styling. I got that to work, as can be seen here: link t...
sIFR 3 r436 - Link doesn't work in Opera - displayed as regular text in IE
Hi! I got a problem with sIFR in Opera and IE. Basically in Opera the link doesn't work, and in Internet Explorer sIFR isn't displayed at all, the text is only regular text. It's not an issue in neither Firefox or Google Chrome. Why is this happening and how could i prevent this from happening? I only assign sIFR to span-classes which...
Table borders disappear when in iframe on link reload (Internet Explorer 8)
The code for this is here: Zipped test case So I have a simple table with some external css styles (curriculum.css) applied to it. It has a link to itself on the top. If it is loaded in an iframe, and points at an external stylesheet, it loses some of its borders on reload (link to self). Looks like an IE8 bug but maybe there is somet...
Table - fixed header, scrollable body, most robust/simple solution?
Hi guys, Looking for a solution to create a table with a scrollable body, and a static/fixed header. Searching around seems to produce MANY flaky pieces of code, either not working in IE, requireing a huge amount of Javascript and tweaking, or a silly amount of CSS hacks etc. To be honest, if it's a case of CSS hacks or Javascript, I ...
Positioning Divs semi-randomly, without overlaps
I have a page which has DIVs which contain short phrases (one-two words) of varying font sizes, which need to be positioned left-to-right according to a numerical parameter, and vertically so as not to overlap. It's like a tag cloud, but there's information contained in the y-axis as well ("coolness" in this case - http://cool-wall.apps...
is there a simple alternative to TinyMCE?
I'm looking for a more simple text editor than TinyMCE for use with Rails, I find MCE editor, bloated, cumbersome, and problematic with many things. ...
Aligning Divs with CSS
I know there are tons of articles all over Google on doing something similar to this, but the problem is that they all vary on the implementation. What I'd basically like to do is have a single div of a fixed width be aligned to the center of my page, with bars on the side stylable to whatever I'd like. In Flex (MXML), I could easily mak...
problems with jQuery mouseover for better looking css menu
I have a horizontal menu on my site using nice-menus in drupal. When you hover over an li element, a background image is set for the link that displays. The problem I'm having is that this image disappears when you hover over a parent menu item's children. The image that is disappearing is set using this css style: ul.nice-menu li ...
JQuery - Animate a Button
I'm trying to make a simple JQuery button from a div which will change background color when rolled onto/off of. My code so far looks like this: <html> <head> <title>Div Test</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $("div").hover(function(...
Very best example of application using Themes with Skins & CSS
Can you share with me the very best example you have ever seen of a web application that is using skins, themes and CSS in near-perfect harmony? I'm talking best in show. I'm talking about the application that you wish you could be when you grow up. I'm also talking about an application that is real-world and not just a facade. It is a ...
Floating Labels and Divs on a form
I have a form on my page and I want to position all of the text boxes so that the left edges are all in line with each other. I have written the following code, which works fine in Firefox: <style type="text/css"> label { float: left; clear: both; width: 250px; margin-top: 10px; } input { float: left; margin-to...
Rendering Problem in IE7
I have a little rendering problem with IE7 (as usual). Say there's a calendar control that looks like this: <div class="calPager"> <input type="submit" name="prev" value="Prev" class="pagerPrev" /> <input type="submit" name="prev" value="Next" class="pagerNext" /> August 2009 </div> The CSS looks something like this: .cal...
How can I wrap a page with a centered DIV?
My current project used tables for layout design and I am trying to convert everything to use CSS with DIV's and other elements besides tables. MY project consist of; Header file body file footer file When I used tables I would just start a table in the header before the body file started and then in the footer I would close that ...
CSS Tutorials and other resources
I have done some work with CSS- mostly for text font, color, size, etc. But I would like to develop a site completely with CSS. Does anyone know of any good CSS tutorials or other resources? Thanks! ...
IE7 CSS z-index overlay
Given this situation: HTML <div class="container-module"> Some content. <a id="show-overlay" href="#">Show overlay</a> <div id="overlay"> Overlay content. </div> </div> <div class="container-module"> Some content. </div> CSS .container-module { height: 50px; z-index: 1; } .overlay { background: white; dis...
What is the cross-browser way to set a max height on a table?
I have a table where I set the height of the tbody #ml_container table>tbody{ height: 500px; overflow: auto; overflow-x: hidden; } The issue is that when the table has 1 entry, the 1 entry is 500px high in FF3. I would like the 1 entry to still be 20px (or whatever I specify). Another issue is that Safari doesn't even recognize this...
How do you change the style of a text box? (HTML / CSS)
How do you change the style of a text box from the default. For instance, so it looks like: or instead of: ...