css

remove a class element

How to remove a class that has been appended to a div id? Earlier I appended a star to a label,when a checkbox is click. $("<span class='req'><em> * </em></span>").appendTo("#displayPanel #labelstr"+div_id); Now,if the same checkbox is clicked again I want to remove that star. I know there is a remove() option, but what is the proper...

Visibility option in jquery

I'm having some trouble with finding the visibility param for JQuery. Basically... the code below does nothing. $('ul.load_details').animate({ visibility: "visible" },1000); There's nothing wrong with the animate code (I replaced visibility with fontSize and it was fine. I just can't seem to find the correct param name equivalen...

Lost chronology using window.location.href

Hi, I have a problem with a javascript set of functions that I made. This functions walk the entire Html page and then add the onclick event to every anchor it finds. It do some check on the anchor href and redirect to it (using window.location.href) My problem is that the cronology don't work properly this way, and the :visited sele...

How to make a div to fill a remaining horizontal space (a very simple but annoying problem for CSS experts)

I have 2 divs: one in the left side and one in the right side of my page. The one in the left side has fixed width and I want the one of the right side to fill the remaining space. The one on the right side is the navigation and I want it to to fill the remaining space on it right side: My CSS: #search { width: 160px; height: ...

How to write a:hover in inline CSS?

I have a case where i must write inline CSS code. And i want to apply hover style on an anchor. How to write a:hover in inline css inside the html style attribute? ...

How to suppress the display of repeating values in html tables which can be sorted?

I have a table in HTML which I am generating from XML/XSL and I want it to suppress repeating values. However, I also want to sort it on the fly by clicking the titles. Without a round trip to the server I need to suppress different values after each sort. Is there a good javascript/css solution. For example Data Date Person Score ...

Creating table inside Datalist

This is my DataList code , I define a table in headertemplate and close it in footerTemplate. The problem is with AlternatingItemStyle and ItemStyle that they don't effect. If i move the table defenition inside <ItemTemplate> it does work. <asp:DataList ID="DataList1" runat="server" DataKeyField="ProductID" DataSourceID...

Force capitalised input to title case in CSS using text-transform

I'm creating a theme for a CMS, and only have the ability to change the CSS associated with the page (no Javascript, PHP, etc). Is there a way to change this list of users that we have: JOHN SMITH DAVID JONES ... into proper title case (John Smith, etc) using CSS? text-transform: lowercase; works ok (john smith, etc) but text-tra...

Have larger image in an <img> but don't shrink it

Hi, I have an image that is too big and I want to put it into an tag but I don't want to shrink the image, I'd like it just clipped. This is due to IE incorporating margin and padding into the overall width. Is there a way to sort this? ...

need help CSS centering with absolute positioning

I've never been totally satisfied with my various solutions to centering content in a web page. the <center> tag has been deprecated back in the middle of the 18th century, but I fail to see a reasonable alternative. Specifically what I want is to have a parent DIV that is centered, but against whose upper left hand corner I can set thin...

CSS Box Shapes

Is it possible to have rounded corners or sliced corners for a box using CSS? If yes, please let me know the way. Thanks. ...

What are the best web design sites?

Hello! I just wanted to know what are the best websites about web design? I'm looking for websites about either web design, CSS, Photoshop for the web or web development in general (like new web technologies). ...

jQuery Sortable for Two Column reordering?

Hey all. Here is the scenario. I have the below code, and I'm needing to rearrange the items within these columns. The problem is...the items don't necessarily need to remain within their containing column, they need to be able to be switched back and forth, depending on the user. Here is the sample code: <div id="container"> <d...

How to stop reloading Java applet when changing "overflow" style

When I change the "overflow" style on document.body from "hidden" to "auto", it forces a reload of a Java applet that is on the page. I have set overflow to hidden because most of the time I don't want scrollbars to be visible on the page, but I'd like to enable them without losing state in my applet. Is this possible, or is there ano...

Firefox 1 pixel bug with border-collapse, workaround?

Is there any workaround for the following "1 pixel to the left" bug? <!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" xml:lang="en"> <body> <div style="padding: 50px"> <div styl...

Transparent and expandable wrapper div, how?

I made an image to easier explain what Im after: Ive read some other questions on the subject but Im not sure the solutions will work for me because my div needs to be expandable and grow as more content is added. Does anyone know how to accomplish this in a simple way? ...

How do you change a div with another div, onmouseover?

I have the following code <div class="item" id="item1">Text Goes Here</div> <div class="admin_tools" id="tools1">Link 1 | Link 2 | Link 3</div> <div class="item" id="item2">Text Goes Here</div> <div class="admin_tools" id="tools2">Link 1 | Link 2 | Link 3</div> *admin_tools* div is hidden from view by default. When a mouse is moved o...

HTML question: Percentage-sized elements with minimum pixel dimensions

I have a page with elements that I want to be dynamically resizeable with the browser window, but I don't want certain elements squishing shorter than certain dimensions. Without Javascript, is there a good way to do this? Edit: Argh! Stupid question. I should've remembered that sooner. :P ...

Using @font-face slows load time. Can I force the client to cache the font?

Update: Looks like the header request information is the culprit. How would I change the max-age property of the request header? TIA. Hi, I'm using @font-face on a website and i'm experiencing delayed loading of the text (presumably due to the loading of the font every page). I understand the client has to download the font once to di...

Date of Birth selector problem in IE6

I'm using a javascript date selector within a HTML form, and it's displaying as it should in the browsers I've tested in (Firefox 3, Opera 9, Chrome, IE7) but it displays really large in IE6. Here's the page I'm talking about - http://marketplace.prettypollution.com/kids-club Any ideas? ...