css

HTML/CSS to display members of a Social Community/Group

Hi, I am using MySql and PHP. I have a table groupXmembers that holds members of a group. I know a simple sql query will give me the members in resultset. But I want to display these members in grid in my sidebar. I am looking for a copy-paste HTML CSS using which I can display users along with their pictures. I know how to display pic...

Showing a cursor inside a DIV

I'm trying to make a fancy editor online, and I need to give the user the impression that he's typing directly inside a DIV / SPAN / some other element. I can capture the keystrokes by routing them to a hidden text box, yes, but I want to know how to show a cursor at the right places to complete the illusion. Any ideas? ...

Link to a site designed using a CSS framework (Blueprint, 960,etc)?

I'd like to see an example of a creative use that a CSS frameworks has been put to in the design of a real site. Does anyone know of any sites that were designed using a CSS framework (Blueprint, 960, etc)? If so, a link would be appreciated. Thanks. ...

Is 960 more conducive to good design than Blueprint?

Comparing sites designed in 960 with sites designed using Blueprint, it seems to me the 960 sites are a lot sharper. I don't know if this is a coincidence of the samples I'm looking at. Or is there something about 960 that is more conducive to good design? ...

Fluid content div with optional sidebar.

Hello, I have a question that I haven't found addressed in the various CSS layout models I've looked at, so I thought I'd post it here. I'm working on a site that uses a basic fluid/fixed two-column layout. The content of the site is in the left div, and the sidebar in the right. The sidebar has a fixed width of 200 pixels or so, and th...

how to solve the ie 8 table row background image bug

Hi, anyone can help me solve this problem? the solution doesent work on IE 8. in a nutshell - if you apply a background picture to a table row the background is applied to the inner cells. thanks! ...

Which of the browser(s) will render display:run-in correctly?

IE7 & FF2.0 IE8 & Opera 9+ IE7 only IE8 & FF3.5 IE7 & Safari I encountered this question in a quiz. Don't have all browser to experiment with. Thanks for any help. ...

css inheritence - quiz12

What will be the text size “Universe” with the below declaration <div style=”font-size:12px;”>World is<div style=”font-size:0.5em;”>VERY small in <div style=”font-size:100%;”>Universe</div></div></div> 12px 6px font size specified for BODY Varies from browser to browser I encountered this question in a quiz. Option 4, tempt me to p...

Modalpopup Problem with Frame

Hi, i have a problem with my modalpopup style when i use frame in my page.I dont get trouble with modalpopup style if i dont use frames in page.Following html code and css work in normal aspx without problem.In a page with frame,panel gets top of the page and background colour(grey colour) covers just half of page.And link button goes t...

IE8 deletes CSS properties

Hi there, I finally have finished a Web Application and now I have to make it compatible with Internet Explorer (at least 8). It's almost complete now except for one place, where IE8 apparently deletes some CSS formatting I have defined. I uploaded some Screenshots of the generating Perl Code, how Firefox (+ Firebug) renders it and how...

Trying to switch from table design to css and having an issue lining everything up

In the "old days" we could put everything into td cells and everything lined up very nicely. With this css, I'm kind of lost with how to do some things. The issue I am having is that I would like to take the left side text, pad about 50px on the right side and then use an input tag next to the text. What I am getting though is the input ...

How can I get an image to stick to the bottom of a div as the height of the div changes?

I have a div, with an image that needs to be stuck to the bottom-right corner. This is easily done with: #div1 { position: relative; } #div1 img { position: absolute; bottom: 0; right: 0; } However, the height of the div changes dynamically as pieces of a series of nested lists show and hide themselves on hover events...

IE6: Images are stretched for a split second with height:auto

I have height:auto set, but I'm noticing that small thumbnail images are being stretched vertically in Internet Explorer 6 for a split second, then conforming to their correct height. One thing to note, in the HTML, the image tag looks like this: <img src="http://location" width="96" /> Will setting the height attribute in the HTML f...

What is grid layout using CSS?

Difference between grid and liquid layouts? Looking for explanation of a grid layout.thanks ...

Dropdown menu going underneath certain elements in IE7/8

A site I am developing is giving me some serious issues in IE7/8. On certain pages, the navigation goes underneath text and images. I'm rather confused. I've tried adding z-index of 1 to the content and a higher z-index to the navigation, but it is to no avail. link to site with problem and respective css file: http://exitbellaire.c...

HTML: div size?

I have 3 divs, all contained within a parent They are in parent-div. Here's my HTML: <div id="header"> <div id="left"></div> <div id="middle"></div> <div id="right"></div> </div> And my CSS: #left { float: left; width: 334px; background-image: ...; } #middle { float: left; width: ???; background-image: ...;...

How to stick a footer to bottom in css?

Hello everyone, I am having the classic problem for the positioning of a Footer on the bottom of the browser. I've tried methods including http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ but to no good result: my footer always keeps appearing in the middle of the browser window in both FF and IE. In the HTML i got this ...

Rendering error with a list on IE8, 7, 6

What is the trick to getting IE to display a <ul>? I am working on a page with a php extension. I have a simple list. <ul> <li>Stuff one</li> <li>stuff two</li> <li>stuff three</li> <li>stuff four</li> </ul> While on Safari and Firefox I get a list that renders properly, on IE it just displays a paragraph. I have ...

The right way to do radio buttons?

So.. I have been trying to avoid radio buttons at all cost in my web development projects because I just cant figure out the right way to code them. Do you set a label for radio button.. if so, how does that work for screen readers. The way I have been doing most of my forms is by using un-ordered lists. Each input being a list item. ...

css tree folders list with jquery progress bar

I have a tree of folders and I want to add a progress bar next to the folder name which is also an anchor. The progress bar div section is the jQuery UI progress bar div. The pblabel element should seat on top of the progress bar. The bar element is the progress bar itself with a variable width. <ul> <li> <a href="" style="displa...