I've got a simple <ul> which has a position of fixed, with the height set to 100% and overflow to auto. This allows me to scroll when the height of window becomes less than the height of the unordered list. The only problem with this is that I want the unordered list to be 30px from the top of the page. When the scrollbars appear the ...
I have a really high resolution images (e.g. this one) that needs to be viewed. I would like to either fit it into the browser screen or have user scroll around the picture (without changing the image). What are some good ways to do such things? I'm guessing that there is a way to do this with CSS (using width/height) or Javascript. I...
Hello, I am having a nightmare, been trying all day with this, and searched google with no success. I have a little navigation that is floated to left and I wanted to make it work for RTL language. It worked fine in FireFox but IE6 does not display it at all. Can someone tell me why? The HTML is the default markup.. nothing fancy <di...
Suppose you want a box on your website that says "Give us your email address and we'll send you news" or somesuch. What's a simple/elegant way to collect those email addresses (assuming a standard LAMP stack)? In particular, I'd like recommendations on Javascript to handle the UI (complain if invalid email address, say thanks when t...
Note: I know the answer to this after a bit of searching and experimenting, so I'm posting it here for others sake. The text on my web page looks fine in Firefox & Safari, but in IE7 certain portions are cut off. It looks like it has been placed in a smaller element with overflow: hidden; Anyone know how to remedy this? ...
Moved the link because it no longer points to the site, and solution has been found I have some list elements that have a mysterious left padding/margin. In Firefox, it displays as expected. But in IE7, there is a text indent or something forcing the inner text in about 4 spaces. See the example link above. I have set padding to 0, ma...
Hello, I want to create a DIV with a header of 6px height and inside the div body, I want to align an Image and Text next to each other. The height of the DIV body should be fixed. Please help with CSS. ...
After several hours of frustration I finally turned to the internet for the answer. Imagine this extremely simple piece of code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>AARRRRRRGH</title> </head> <body> <table> <tr> ...
I have a multiple unordered lists, with a h2 titling each list by subject. Here is the html <h2>Early Childhood Education</h2> <ul class="course-list"> <li><a href="/academics/courses/child_growth_and_development/" title="Child Growth and Development">Child Growth and Development</a></li> <li><a href="/academics/courses/cur...
I have read this excellent Multi-column list article, as well as this question on SO. I've come to the conclusion that there is no cross-browser way to turn a long unordered list into n columns of equal length. So far, I have been reduced to multiple-ul solutions like this: //Three columns. string col1 = string.Empty; string col2 = st...
What does the slash mean here: "font-size: 100%/120%"? ...
I want to display a noscript warning when users have javascript disabled, in the same way StackOverflow does. I use this html: <noscript> <div id="noscript-warning"> Este sitio funciona mejor con JavaScript habilitado. Descubrí <a href="">cómo habilitarlo.</a> </div> </noscript> and this css: #noscript-warning { ...
Alright, I'm trying to buy into the idea that html tables should not be used, and that divs should be. However, I often have code that resembles the following <table> <tr> <td>First Name:</td> <td colspan="2"><input id="txtFirstName"/></td> </tr> <tr> <td>Last Name:</td> <td colspan="2"><input type="text" id="txtLastName"/></td> <...
I've got CSS that formats labels above form input elements and I'd like to replace the input elements with text from the database if I'm just displaying read-only data. No matter what I do, changing the input fields to a span or asp:label will not properly render the label above the text. I'm using this CSS: div.formRow { padding: ...
I have a regular html select field. When a user selects an item from the list, it is added to a multiple select field and marked as selected. If the user clicks on one of the items in the multiple select field it is removed. What I want to do is override the default colors of the multiple select field so that selected items have a bla...
I'm looking for some applications or websites that minimize css and js files. Ideally, they could batch them all or if not, one at a time. Thanks! Brian ...
I am seeking some web architecture advice: I would like to know how to share common files, e.g. stylesheets, amongst web applicaitons that span virtual directories and many developers as opposed to having redundant files within each project? What are some recommendations? ...
Hi I seem to be having an issue trying to align an H1 tag to the left. I know it is something in my template.css file but I can't work out what. Have a look > Should be easy for any CSS guru I hope ;)... ...
I am testing a site build with a slow connection and I noticed the jQuery Accordion stays expanded for a long time, until the rest of the site is loaded, and then finally collapses. Not very pretty. I was wondering how I could keep it collapsed through the loading process and only expand when clicked. I am working with the standalone ...
On my page, I have custom styled hyperlinks, and I also have alot of hyperlinked images. I don't want these custom styles to appear on the hyperlinks that only contain images. Instead of adding a separate class (i.e "nostyle") to each hyperlinked image, can I somehow target the hyperlinked images from my stylesheet? Thanks. ...