css

div css height adjusting

i have the following div in my website: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <title></title> <style type="text/css"> .popup { float: left; position: fix...

dynamically positioning panels depending on their user-controlled visibility

I've got 4 panels, and I have a checklist at the top which controls which panels you want to view. How would I set it up so that if they uncheck one of the panels, then the rest will reposition. A bit vague, so: ___ ___ | 1 | | 2 | |___| |___| ___ ___ | 3 | | 4 | |___| |___| So if they uncheck 2 and 3, I would ...

Problem getting items in adjacent table cells to align vertically

I'm having a big of a styling problem with some table rows. As per this screenshot: The blue and red circles are cells in a table row (whose height is 50px). Both are styled with "vertical-align:top" . The phone number data (in the red circle) is actually a pipe-delimited string where I've substituted HTML breaks for the pipes. In...

html text box displaying hint when in focus

How do I create a text box that displays hint on the right when in focus? Example : http://www.airbnb.com/rooms/new (click on the address text box) ...

Styling select element (jQuery)

I tried some plugins but they all come with their own styling which takes quite some time to get rid of. Is there any plugin with minimal styling (or a really simple way) to apply custom background to select element? I just need something very simple. Thanks ...

Unexpected box model behaviour in all modern browsers for <table>

The following is a reference HTML document that illustrates my issue: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Box model test</title> <style type="text/css"> ...

Dynamically Expanding the width of a TD

Is there a way for expanding the width of a TD in the table based on the width of the next TD. The asp:Panel is going to be hidden or displayed based on some condition in the code behind. I'm thinking it's some CSS thing that would help me fix this, but unable to put a finger on it. Help!! Here's the HTML Markup: <tr> <td class=...

Is sizing fonts using "em" still relevant?

Those of you who use em when sizing fonts will know that they can be a headache when dealing with nested elements, and having to make the px -> em calculations (to ensure your design interpretation is correct @ 100%) consumes extra time. With these (admittedly minor) issues in mind, and given the recent progress the major browsers have ...

How do you create a bar at the bottom of the browser that is persistent?

What HTML/CSS is used to create a bar that fills the bottom of the browser and remains in place when the user scrolls? See envato.com for an idea of what I'm talking about. ...

Jquery modal window help

All, I need to get the below code (radio buttons,input boxes,textarea) on a jquery modal window. The requirements are that the contents should be enlarged on opening a dialog window when clicked on (Open window) hyperlink.Else be small in size. Please help me out with it. PS:I had posted the same question in another post (i have for...

is it even possible to expand a (horizontal) list's background with ajax?

I've got a list with list-style-none which needs to be able to add new items to itself via Ajax and have the background expand appropriately when it does. Adding via Ajax is easy, but every solution I try for the background fails me. I don't know if it's even possible; is it? I'm using a grid like this one: http://jqueryui.com/demos/sor...

Why is IE showing a scrollbar with no scroller (scrollbar not needed and not in FF and Safari)?

Please tell me if you need more info. I have a calendar that is a table. For some reason, IE is adding a vertical scrollbar to the edge of the page but there is no scroller (and nothing to scroll) FF and Safari look fine. Any idea? Thanks Joel ...

JQuery Rotating Banner Question...

I am looking for a JQuery solution to something like the rotating banner located at http://www.bazaarvoice.com. One where it has a timed scroll but also allows the user to toggle by rolling over tabs. Anyone know of a good, easy to style one? ...

Lone developer but lots of xhtml css jquery work? Should i use any version control system ?

Would it be useful for single user single PC or would be overkill? Can i save time and increase productivity with any version control system? If answer is yes then which free version control system would be best for me and how I can save time with that? I work from home and office both. both places I've internet access. I want to acce...

Missing Left-Border in IE 7

For this report created in HTML & CSS the left borders are disappearing in IE 7 & 6. They show up correctly in IE 8, Firefox, Chrome, Opera, etc. I am applying the style with three different CSS classes: .LeftBorder { border-left: 1px solid black; } .LeftBorderHeadingShaded { background-color: gray; color: black; tex...

What are best practices to make layout scalable?

What is technical difference between Fluid vs liquid vs elastic vs Flexible css layouts? Are these all same or different technically? Is fluid layout better for both mobiles and computer user? I think there are only two properties to make fluid layout "em" and "%". And we already use "em" for font even in fixed width layouts. What ar...

CSS class not being applied to input element on asynchronous call back

I am using the following CSS class to hide a textbox in an asp:UpdatePanel to accept input from a USB card reader. <style type="text/css"> .USBBox { position: absolute; left: -999em; } </style> When I click an asp:LinkButton control that is configured to be an asp:AsyncPostBackTrigger for the update panel...

IE6 screwing the pooch here... what the hey!

http://sensenich.bythepixel.com/support/faq If you look at the link in IE6 styling appears only when you scroll down. Then when you scroll back up it disappears. How is this possible? Thanks ...

Problem with CSS's display: inline-block and IE7!

I created this to simply explain my problem. It is of some list items being displayed as inline blocks. I had an original method that didn't work either, so I used this CSS. http://jsbin.com/upexu/edit This works great in FF and IE7, as a standalone. Unfortunately, in my implementation on my site, it doesn't display correctly in IE7 ...

Why do my image background disappear on float: left?

I want to create a navbar with images on each end to make it purty. So, I created the HTML and CSS below and it worked great. My menu items are in a ul/li list. When I style the list to put the items all on one line, the images on the ends disappear. What's up with that? How do I fix it? The culprit is float: left; below. --- test...