css

CSS - Absolutely positioned divs are not sticking to right edge when "right:0px" in IE6

I found an example here of using rounded corners using a single image. I've got this working perfectly in IE7+ and FireFox. The following is an example tab layout: <div class="tab"><div class="corner TL"></div><div class="corner TR"></div> <div class="inner"><p>Test 1</p></div> </div> <div class="tab"><div class="corner TL"></div><...

Text is busting out of the contained box

Hi, I have a user control that displays summary information, and it busts out of the contained box if the text is like: <NOBR>00000000000000000000<wbr/>00000000000000000000...</NOBR> I added the nobr and wbr tags, but it still doesn't force the text to wrap to the next line. The entire row is displayed (with the "..."), so for sure ...

When will <td valign="top"> not working?

Have you guys ever concluded about this? Now I've met one,very strange,don't know why. My code: <td valign="top"> <input type="text" /> <iframe scrolling="no" height="21px" frameborder="0" width="62px" marginheight="0" marginwidth="0" src="Server/SecCode.php"> </iframe> </td> But it turns out to be that the "input" is va...

Increase SO font size via Javascript doesn’t work on my iPhone

So, I've been using this little bit of Javascript (as a bookmark) to increase the font size of various websites I visit on my iPhone's Safari browser (zooming in leads to too much scrolling from side to side). http://www.everythingicafe.com/forum/iphone-software/increase-font-size-in-safari-without-zooming-9511.html javascript:for(i=0;...

CSS Suckerfish and active top items

Brain freeze here. What I want to do is have the Suckerfish drop down menu link to be active on the current page in the drop down as well as the top item. I.e. below, in the Articles menu item, I'd like to have the top item "Articles" active at the same time that either Categoryone or Categorytwo is active. (Archives is a single level ...

Changing CSS for Last li

Hi Everyone: I am wondering if there is some way to change a css attribute for the last li in a list using CSS. I have looked into using :last-child, but this seems really buggy and I can't get it to work for me. I will use Javascript to do this if necessary, but I want to know if anyone can think up a solution in CSS. Thanks for any...

What browsers support "!important"?

Which browsers support the CSS !important directive, and what are the various quirks amongst the different browsers that do support it? ...

css href and links

It seems that when I add an 'href' tag to my anchor I lose all my css formatting. Is there something special the way css treats links? Here is the simple css .topmenu > ul > li > a:visited, .topmenu > ul > li > a:active, .topmenu > ul > li > a:hover, .topmenu > ul > li > a:link, .topmenu > ul > li > a { font-family...

IE8, compatibility view on local files?

I just developed a small website and tested it locally in IE8, there is no compatibility view button but under settings i find an option called "display intranet sites in compatibility view", this option is checked so i trust that all local files are rendered as IE7. I then upload the page to my server and everything works fine in IE8-m...

Simple jQuery test using "toggle" function, not behaving as expected

I've constructed a simple test with jQuery to see if I can get an element to show/hide upon the clicking of a button. HTML file: <link href="test.css" rel="stylesheet" type="text/css" /> <script src="jquery.js" type="text/javascript"></script> <script src="test.js" type="text/javascript"></script> <input type="submit" id="show" val...

CSS tooltip positioning

Trying to style a CSS popup. I know there's libraries, I'm doing it by hand anyway. <div class="labelDiv"> <span class="label helpText">Description</span> <div id="activeHelpTip" class="helpTip messageBox"> Help text not defined for this field. </div> </div> .labelDiv { float: left; position: relative; } .helpTip ...

Preloading @font-face fonts?

Is it possible to preload or otherwise cache @font-face fonts, most likely with javascript, before the page loads so you don't get that ugly jump when the page finally does load? ...

Funky rendering in IE for HTML + CSS

http://churchcentral.com/rfi.php?site%5Fid=4&amp;division%5Fid=2144 is the page, and IE only is the problem. If you notice, the text at the end of "Step 2", the text "the next page" is repeated. If you highlight either of those portions of text, IE will highlight both of them. Is this a bug in IE? We've seen this happen on the same pa...

asp:button disappears in IE7, but stays in IE8. Why?

I have the following html which is display correctly in IE8. Below is the html and the css for grey_btn_75. Any idea why this would be happening? <div style="float: left; width: 70px; margin-right: 25px; padding-top: 60px; margin-left: 25px"> <asp:Button ID="btnAddAll" runat="server" Text="Add All" OnClick="btn...

Width in percent-border

Lets say I wanted to make a horizontal nav bar, with five links, and I set the width to 20%. As soon as I add a 1px border to my links, they become bigger than 20% and the last link is moved onto a new line! How can I get around this problem? I was hoping CSS would allow me to do a minus padding value so that the border would actually b...

Use CSS to create multiple elements that take up the entire width of the parent.

I'm trying to achieve a horizontal CSS menu bar where all of the <a> elements combined expand to the entire width of the parent. The HTML looks something like this: <div id="parent"> <a href="/">Home</a> <a href="/learn">Learn More About The Product</a> <a href="/about">About Us</a> <a href="/contact">Contact Us</a> </d...

Given a background color, black or white text?

I'm trying to find a method for determining whether to use black or white text, given a background color (as a hex value). Has anyone dealt with this before? Is there an effective way to do this? In my case, I would be using PHP to implement the logic (though any experience with this in other languages is welcome). ...

Formatting jquery-validate's error text

I'm working a .net mvc project using xVal/nHibernate/jQuery-Validate. The aspx is marked up as: <%=Html.Password("Login.Password")%> <%=Html.ValidationMessage("Login.Password")%> and rendered looks like: <input id="Login_Password" class="error" type="text" value="" name="Login.Password"/>metadata={ } <label class="error" for="Login...

What is the best method to output the correct HTML from my PHP loop

Hi guys, I have a problem, I have a HTML problem, I don't know if i'm using the best method, so here is my problem: Everthing is ok:http://screencast.com/t/uJmffaxE If i have more space, here are starting the problems: http://screencast.com/t/1z1GRhOLK Here is my code: <div id="wrap-categories" class="clearfix"> <?php if($this->categori...

Why are IE and Firefox returning different overflow dimensions for a div?

I have a div with a fixed size of 100px. scrollWidth and scrollHeight works fine if the text in the div is normal (no word is long enough to fill the one row entirely). However, if there is any text with one word rendering wider than the 100px it will cause a problem. Let's say the text is like "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890": t...