css

Position an image outside of its container

I have a major headache trying to get an image that is contained within a div to appear to float outside of its containing element. While I'm pretty sure this just isn't possible, I want to be sure I've exhausted all avenues before telling designer and client that they're just not going to get it to look exactly as outlined in the desig...

CSS : Margin Auto

Hi folks, how to fix the margin spaces on IE? Here the code. IF you open this file on modern browser all working great and will have a space for 20px on the bottom. But in IE nothing space. Let me know the trick to fix this thing. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr...

How do I keep a centered background image from breaking the layout?

http://www.goodshow.tv I'm having issues with the background image. The layout looks right if the browser is wide enough, but when you make it too narrow, the background keeps moving off to the left. Is there a way to keep it from moving? ...

A public open source HtmlHelper repository for sharing "controls"

After using the MVC framework for a little while now I must say I love it, but in my opinion there has always been one thing that poops on the MVC party cake. The lack of good, reusable and portable "controls". This is where the HtmlHelpers should kick in. After reading this blog post I started thinking about what exactly I’m expectin...

Border around 100% body height and width (HTML 4.01 Strict)

Okay, this is driving me crazy right now. I want to have a border around my document. It should be nicely going around the whole window/viewport. So I define: body { border: 1px solid red; } When my document is in quirks mode, this works fine. At least in IE, which is my primary target here. A red border shows up at the very edges ...

Centre Content Horizontally in Page

I would like to display all my content in a div that is 800px wide, centred in the page. That way, all browser window widths are catered for. How do I go about doing that? ...

Lining up text fields

How do I line up textfields so they look more neat? At the moment I've got: <div id="content"> <h2>Change password</h2> <% form_tag({:action => "change_password"}, :method => "post") do %> <%= @error %> <div class="form_row"> <label for="current_password">Current password:</label> <%= password_field_tag 'curre...

Setting paginatorActiveColumnStyle in JSF Tomahawk

Hi %, I'm struggling with the paginatorActiveColumnStyle attribute of t:datascroller within JSF. Actually the system ignores values set to this property. I'm on the most recent LIB versions, just checked that. Does anyone know how to get this going? thx and best regards, Andras ...

Hidden radio button but box around it in ie8

Hello, I have style my radio buttons with a background image, basically what i have done is <input type="radio" id="btn" name="btn" style="opacity: 0;filter: alpha(opacity = 0);position:absolute;"> <label for="btn">My Text</label> <!--- added styles to it ---> with this i get output something like this Image1 that shows how the disp...

How do I center a div and make it expand around the divs inside of it?

I have a page that I want centered, with a background and a border around the entire content. I made a div and set it with the background color and the border settings I want. Problem is that it has divs inside it that float and the background does not stretch around the floating divs. The only way I was able to get it to work was by s...

Expand or shrink depending on the screen size using css

I'm pretty rubbish with CSS, I muddle through and rather than bash my head against a brick wall... www.SchofieldBell.com I have the book part of the page in the middle by placing everything inside #wrapper: #wrapper { BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid; ...

Making a Javascript drop down menu push site content down?

Hi, i'm new here and I don't know if this is the sort of site to ask such a question. Basically i'm new to web design so I got myself the Sothink DHTML menu builder. A horizontal bar slides down below my menu and I was wondering if I could pass on that effect to the rest of the site, so instead of laying on top of my page content it sit...

Web Dev Primer

Before reading JavaScript books, what is a good resource for learning HTML and CSS? I'm looking for material that will get me up to speed rather than specify every single compliance standard. So, concepts that are prerequisites for exploring JavaScript. I've done basic web development for about 6 months (HTML/CSS, ASP.Net) but my approac...

Textbox stretching issue

I have the following code <table cellpadding="2" cellspacing="2"> <tr> <td>Factory:</td> <td> <asp:TextBox ID="txtFactory" runat="server" Width="100%"></asp:TextBox> </td> </tr> </table> My problem is that sometimes the factory textbox can hold a fairly long description of 100 or more characters, and when this ha...

Concatenate and minify JavaScript on the fly OR at build time - ASP.NET MVC

As an extension to this question here Linking JavaScript Libraries in User Controls I was after some examples of how people are concatenating and minifying JavaScript on the fly OR at build time. I would also like to see how it then works into your master pages. I don't mind page specific files being minified and linked inidividually as...

What is a good CSS cleanup tool?

I am working on a CSS file that is a total mess right now and wanted to clean it up, take a look: ... solid;border-collapse:collapse!important}.account_table_top_text{padding:5px 0 5px 10px}.account_table_header_text{font-family:Arial,Helvetica,sans-serif!important;font-weight:bold;font-size:16px;color:black}.account_add_account_link{...

CSS Inheritance

Is there a way to completely ignore a CSS file from a header that is imported into your html file? I want one page to have its own independent CSS not inheriting from any other CSS sources. ...

How can I get a jquery css container to pop up letting the user know data was successfully entered?

When a user inserts data into a form and then submits it, it goes to my php script and inserts the data. The script will return a value letting the user know if the data was inserted or not. Since I am using JQuery, I have no idea how to do this. Can someone please point me in the right direction? All I'm after here is a nice, neat littl...

Why is emspace or enspace breaking the CSS font line-height in the HTML?

Confused about how the browser - any browser - because it's happening in all, goes about calculating emspace and enspace. Here's what's happening: I am using a free font called Gentium. font-size is 16px line-height is 19px All looks fine. Non breaking spaces - &nbsp; not a problem - that exists in the font as a character. thinspace &th...

How to replace inline text with images using CSS.

Hi, I'd like to replace the text ("Word 1 Word2 Word3 Word4") in the following HTML with images, using CSS. I'd like the images to appear in-line horizontally too, as the text would. <div id="aSentence"> <p> <span id="word1">Word1&nbsp </span> <span id="word2">Word2&nbsp </span> <span id="word3">Word3&nbsp ...