css

html / css: best way of writing a preview pane (master/detail)

It's been a while since I wrote html full-time ;-p In the modern era of css etc, what is the preferred way of creating a pair of panels (for example, a preview window like in Outlook, or for master/detail views)? Ideally where the top (master) pane would get scrollbars etc? The intended use-case is so that a user can scroll in the top ...

Why use tables to structure your layout?

looking at the soure code for stackoverflow, i noticed they have used tables and inline CSS quite a bit. also something i found odd was use of inline table attribute formatting. <table width="100%"> I'm just curious if there was any specific reason(s) to why they used tables to structure their template instead of the popular (or used ...

CSS/Javascript to force html table row on a single line

I have an HTML table that looks like this: ------------------------------------------------- |Column 1 |Column 2 | ------------------------------------------------- |this is the text in column |this is the column | |one which wraps |two test | ---------------------------------------------...

Looking for a 3 column css template which has these features..

1- Header div on top of the 3 columns 2- Height of all columns must fill at least the height of viewport. so if a column has a different bgcolor, the color is all the way to bottom of viewport even if column has no content. 3- second and 3rd columns have variable width. if 3rd column width is 0, 3rd column collapses and template turns ...

How To Align Body Content so it Aligns w/Header & Footer

Hello, I am building a website but I started with a template and gutted it, changed a lot and got rid of the entire center section and now I have to start over with the body but whenever I try to insert the navigation menu, which is a javascript code that is inserted from another program I used to build it. Well, every time I try to inse...

Justify Text in a HTML/XHTML TextArea

I am currently trying to justify text in a textarea, unfortunately the CSS: text-align: justify; Doesn't work on the text like center, left and right do. I've tried this in both Firefox 3 and IE 7 with no luck. Is there any way around this? ...

How do I make a "limited-fixed" div using HTML and JavaScript?

Given the existence of other divs on a page, how would one create a div that acts as if it's fixed-width within a certain domain of a web page? Example: the commenting system on Slashdot, which acts like a fixed-width div for purposes of scrolling along a screen but will remain within a certain length? I want a block of text to appear al...

Is There Something Wrong with IE's CSS Top And Left?

The following jQuery code works just fine for me with Safari, Opera, FF2, and FF3. It positions a busy DIV (with an animated busy GIF) on top of a FORM element on my web page. The problem is that in IE6 and IE7, it gets width and height properly, but doesn't seem to get top and left properly. What's the catch? var nH = $('#' + sForm).at...

scrolling and css align with "right: 0px"

Hello, In an HTML page, if I align some <div>s with "right: 0px", they all look very nice, as I expect. However, if I make the browser window smaller and the horizontal scroll bar appears, when I scroll the page to the right, I see an unexpected white space (instead of the background colors of my <div>s). It seems that my <div>s are ali...

Toggle data display inside table cell

I have a table that's generated by a normal PHP loop. What I want to do is create a form in the first column of each row that's hidden by default but appears when you click a toggle link in that row. I can make a normal toggle-able div by creating a CSS id called hidden and setting display: none;. Unfortunately I can't keep creating...

CSS coding style

Are there any good CSS coding style/standards? ...

css : round cornered div on hover

I am trying to accomplish something that seemed quite simple... I have 3 divs that contain a radiobutton and some content: Content of DIV1, [] this can be as long or as tall as wanted [] Content of DIV2 [] Content of DIV3 It's easy to create rounded corners for each div using any techniques found on other posts her...

IE6 CSS Trouble

I upgraded a website I've been working on (http://barsannapolis.com) to a CSS Layout, and things appeared to go well for the most part. The site renders correctly in Firefox, Chrome, IE 7, and Safari, but the design appears to be complete borked in IE 6. Does anybody have any guidance regarding how to get the problems fixed. Perhaps t...

Measure load time for python cgi script?

I use python cgi for our intranet application. When I measure time, the script takes 4s to finish. But after that, it still takes another 11s to show the screen in the browser. The screen is build with tables (size: 10 KB, 91 KB uncompressed) and has a large css file (5 KB, 58 KB uncompressed). I used YSlow and did as much optimizatio...

How do I make an iPhone web app mimic a non-web app?

I've been considering making a quick little iPhone web app. I started reading about and experimenting with the special meta tags and attributes documented at Apple's Web Apps Dev Center: viewport apple-mobile-web-app-capable apple-mobile-web-app-status-bar-style -webkit-border-radius -webkit-border-image autocorrect autocapitalize app...

Floating Too Far Right!

I've got a record management web application which displays a master record on one screen and AJAXes dynamically built editors into an editor div, which I've used JQuery to make draggable. That works. Even though the div isn't a window, I thought it might be a nice idea to make it act a bit more like one, so I coded in a "close" button....

Multiple row Tabs using CSS

Hello, i can't find a way to do multiple row tabs with ASP.net ajax tab control. I also can't find a tutorial or example on using CSS to make multiple row of tabs. In case you don't understand what i'm looking for here is a image of what i'm looking for http://bp1.blogger.com/_WCGCQYWEaxs/Rq1c2bLNMDI/AAAAAAAAABU/0sKw_CrKLL4/s1600-h/dsd....

Sliding Door with a tail

I have an <H2> with a background that has rounded corners. I'm looking for a way to create a 1px line that moves from the box to end of the container at the right. Does anyone have an idea? ...

Firefox 3 Centering Bug (any CSS Hacks or Fixes?)

I'm having issues with centered items in Firefox 3. (I searched and couldn't find this answered -- hopefully not a re-post) I stripped the code down to just two elements to demonstrate this -- you can see it here: http://prwmusic.com/misc/csstest/home-sample-fix.html Now slowly make the browser window wider and narrower. Assuming you a...

IE CSS bug: table border showing div with visibility: hidden, position: absolute

The issue I have a <div> on a page which is initially hidden with a visibility: hidden; position: absolute. The issue is that if a <div> hidden this way contains a table which uses border-collapse: collapse and has a border set on it cells, that border still shows "through" the hidden <div> on IE. Try this for yourself by running the c...