Hello all IN a nutshell I'm having issues with long strings of text stretching out my tables and overflow:hidden does not seem to be doing what I exect. Here's the sample code I am using to test this effect. <html> <head> <style type="text/css"> td.scroll { background-color:#00FFFF; width:100px; height:100px; overflow:scroll; } td...
I was wondering if this were possible, and if it is the best way to go about this: example image (since I'm not allowed to post pics yet ^^) So, not only does each column have to be of equal height, but each column also has its own individual footer. I saw this SO post — how could I rework this technique to apply to the bottom of the...
We need a database driven CSS menu. How would you do that? I already managed to get a database driven menu working using ASP.NET Menu and an XSLT file to parse an XML string that resulted from a DataSet object. It works fine, but we don't want to use JavaScript (generated by the ASP.NET Menu) or XSLT because the (X)HTML that results is...
I have a very simple requirement, make a link look disabled. Why is it this hard?? .disabled { -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50; } Is my style. I have applied it to an li...but in IE7 it just does nothing. FF and IE8 it seems to work in, but IE7 is just rubbish Any clues...
I want to write a cross-browser widget, to integrate both to IE standard and quirks mode pages (FF is easy of course). Since I want to write the styling only once I would like to condition some styling statemets to execute only in quirks/standard mode. Is there a way t do so? As far as I understand, both the _ hack and IE conditional ...
I spent 2 hours this morning trying to figure out why my jQuery function worked in one part of the page but not another. I finally narrowed it down to vertical padding on a container. If I had this in my CSS: div.collapsiblePanel { padding: 0px 1%; } then, via jQuery, I can find the parent (.collapsiblePanel) element and could trave...
it is possible to import the css file from another server? let's say i have my html on www.mysite.com can i import my css like this? <link href="www.anothersite.com/style.css" rel="stylesheet" type="text/css" /> ...
I tried to do this manually, but it's prone to error. Is there an easier way to automatically convert it? ...
I'm trying to find out what is the best practice for naming and casing css classes and ids, especially multiple word names. So for instance, say I have a <div> that I want to name "character skills". It seems like there are 3 choices: "characterskills", "character_skills", or "character-skills". Which one of these is the industry stand...
How could I reuse some html and/or DIV tags across different web pages instead of copying over and over inside all the different pages. I intend to use only html and css at this point. These pages have file extension of .html I do not want to use any JavaScript or server side or any programming language in my web pages at this point. ...
All, Here's what I'm trying to accomplish. I have a Flash SWF that's embedded in a DIV. Depending on the user's interactions with that SWF, I'd like to dynamically adjust the height of the SWF. The SWF itself is 1200 pixels tall. By default, the DIV is 690 pixels tall, so the lower part of the SWF is clipped (which is the behavior I w...
I need some HTML/CSS guidance. My goal is to create a contacts list screen in my app, and like most contacts list screens, users should be able to pick a letter the name starts with, and the app will filter to that letter. Easy enough. How I'd like the UI to look is something like this: Find by Name | all # a b c d e f g h i j k l m ...
I'm new to HTML, but have a long history with XML. It strikes me as odd that an HTML style element looks like this. <style type="text/css"> .style1 { width: 250px; } .style2 { width: 20px; } </style> I would have thought the same information could have been captured in a more XML friendly format. For example maybe this <sty...
I'm trying to stop Firefox from adding an outline when links are clicked or followed (a:active). I don't want to get rid of the outline on a:focus, because as we all know that's a kick in the nuts for keyboard only users. In theory, the following should work: a:active { outline: 0; } But it does absolutely nothing in Firefox 3.5.3 ...
Greetings. I'm having troubles with the following legacy code. It's fine in everything except IE7, where the submit button disappears. Space is still left for it on the page, but it doesn't show. I've tried various ways of forcing hasLayout, but without success. Any suggestions? XHTML (XHTML 1.0 Strict DOCTYPE): <div id="headerFunction...
Hi, I have a table on near the bottom of the page, which I want to move all the way to the top to hug the top of the browser (ie/ff compatible). What's the best way to do this? <div id="mytable"><table id="t1"><tr><td>hello</td></tr></table></div> ...
Simple - I have a layout that is 800 by 600. When I press Ctrl and +, it zooms in and looks wonderful. I want to know if there's a CSS/Javascript way to do the same? Without the user having to do it (because users will not do it and see the small layout). Same question was posted by someone http://stackoverflow.com/questions/826708/set...
What's the best way to insert an element into a page's HEAD directly before the closing tag using JavaScript? ...<HEAD> <script>...</script> <script>...</script> <script>...</script> <link .../> <link .../> <link title="MY NEW LINK ELEMENT" /> </HEAD>... I know about the ol' insertBefore(sp1, sp2.nextSibling) trick, but that just let...
I've seen this done before, but I'm not sure how. When my page loads, I want a hidden section to drop down at the top of the page (probably around 100 pixels in height). Ideally, I'd like it to shift the entire page down as well (as opposed to appearing on top of the page). At the top corner of the secret area should be a 'Close' butto...
I am having jQuery animation issues... I have a footer with a hidden div on top of it. When someone clicks a button near the header, the div should animate UP. Sort of like sliding up, like you're pulling a manila folder out of a drawer. (Not the normal slide up where the bottom of the div slides up to the top.) I found this piece of ...