css

Round Corner (css and javascript)

please go to : http://jlecologia.com/page1c.html to see the problem the top box look fine.. but in ie6 there is a double top and bottom border... can somebody point me ut what i have done wrong ?.. Or can anybody tell me a javascript rounded box that accept to do that effect with the border that is unequal. I have test some and they a...

Setting table column width

I've got a simple table that is used for an inbox as follows: <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> How do I set the width so the From and Date are 15% of the page width and the Subject is 70%. I also want the table to take up the whole page width. ...

need help with some html/css trickery to get around drawback in struts2

I am trying to get an html page like http://jsbin.com/awoco This is a JSP page so it will include scriptlet. Final html will be kind of like this (i left tags unclosed to save space): <% Iterator it = MyList.iterator() While (it.hasNext()) SomeClass all = it.next(); SomeClass a = it.next(); SomeClass b = it.nex...

How to make Hyperlink in a List Item to hidden on oveflow?

the hyperlink always wraps. is there a way to hide the overflow? ...

How/why does the width work on INPUT and SELECT elements if they are inline elements?

As I understand, width/padding/margin properties only work on block level elements. However, on INPUT and SELECT elements I am able to specify the width, which works. Should it? I could write something like this: <input type="text" style="display:block;" /> But is it necessary? Can anyone explain please why it works? ...

All about choosing the right font for a website

I actually have right now two questions: 1) What font faces are preferred for a website? Right now I really like 'Segoe UI', but it's only available on newest Windows systems like Vista and 2008 Server. So I have defined a sequence: font-family: 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif; I do not really like the look of all of...

CSS on a separate file or not?

Which is a better option: to store CSS on a separate file or on the same page? Let's forget the fact that changing the CSS on a file makes it to apply all HTML pages directly. I am using dynamic languages to generate the whole output - so that does not matter. A few things I can think of: 1) CSS on a separate file generates less bandwi...

[jquery] Implement + selector for IE6

Hi, I really like the + selector and don't want to add another css rule just for a IE6 workaround. So is there a jquery-way to check all existing css rules if it's using the + selector and to then modify the element. Something like this: if (IE6) for (var rule in $.cssrules) if (rule.selector.find('+')) $(rule).style = ru...

How do I validate XHTML, ATOM, and CSS in Ruby?

I'd like to run validations on the static web content I'm creating. Are there any good validators for XHTML, ATOM, and CSS? (The first two would be covered by any general-purpose XML-DTD validator.) Later I failed to specify that I wanted local validation, not something that uses the W3C service. ...

IE6 prototype.js/window.js rendering issue...

Has anyone else ran into the issue where you created a prototype based window using the window.js library and it renders just fine in every browser except IE6? The test page I am trying to use to debug this issue can be viewed at rik.kmshooting.com/test.php As you can see, the window graphics, which are background-image values assign i...

Input type file size varies in Linux/ Windows

I have an input type="file" element with size="70" and width="522px". It looks and works fine in all browsers on Windows but in Firefox on Linux the input element is bigger than 522 pixels. Things I tried: max-width:522px but it doesn't work (Linux). setting size="52" and min-width:522px; looks fine in Linux but doesn't work on in Fir...

Two column page with fieldsets

I don't know where to begin learning about doing such a layout without tables, or at most one two column table as a simple container. Where should I start? ...

when i click on this textbox it gets big but when i click away how do i make it go back to normal?

i'm basically mimicking the share button feature on facebook with jquery and what im trying to do is when i click on the textbox area the textbox gets larger by height. and when i click away it should get back to normal. with the last piece of jquery the code doesnt work at all. what are my options in getting this to work? thanks. ps: ...

CSS layout kit

What CSS toolkit for initial page layout do you prefer? Is there is a solution that would have: Tested cross-browser compatibility; Great scalability (small source for a small project and adding new code only when necessary); Clean and readible source. ...

Good books/resources for learning web programming.

I am a beginner & wanted to know good tutorials to get myself started with javascript,html & other web programming related stuff. many thanks. ...

Check this web optimization report - how can I fix it?

Hi guys I ran the analyser on http://www.websiteoptimization.com/services/analyze/ and I got a number of issues the most prominent are the ones below: *TOTAL_OBJECTS - Warning! The total number of objects on this page is 93 which by their number will dominate web page delay. Consider reducing this to a more reasonable number. Above 20...

Whats the difference between using .Class or #ElementId in CSS?

Ive been wondering... in CSS are there any differences between creating a style class and applying it an element, or creating a style with the #elementId notation (apart from being able to assign a class to different elements)? For example... #div1 { background-color: Yellow; } <div id="div1"> Hello world! </div> Or .div1 { b...

How can I request that browsers always update (a.k.a. never cache) certain page elements, such as CSS sheets?

I've noticed an issue while developing my pages that's always bothered me: while Firefox (my general "dev" browser) always updates CSS and images when they change on the server, Internet Explorer does not always do this. Usually, I need to refresh the page in IE before it will ask the server for updated versions of things. As I understa...

Best Way to Sprite Images?

I am now getting to the point that I want to sprite the images on www.trailbehind.com. Most of the images are loaded by JavaScript functions, and I have lots of little images such as the map icons. Is there any software that supports this? I know that you can use Django-sprites if your images are in Django templates. And you can use G...

CSS, JQuery Cycle and IE issue..

Hi all, I'm using a jQuery plugin called "Cycle" and I am having issues with the CSS for it in IE, it looks perfect in Opera, FF, Chrome and Safari, but IE is cracking the sads.. www[dot]photographicpassions[dot]com/home You will see the "latest work" on the right hand side and the thumbnails below the main image, in FF, Safari, Chrome...