I've got some DocBook documentation styled with a CSS xml-stylesheet declaration. It looks great in Firefox, but IE7 doesn't seem to understand the CSS child selectors (e.g. section > title { ... }). I think this is because IE is running in quirks mode to render this XML, and older versions of IE didn't support that CSS syntax at all. ...
So a method I often use to create nice SEO links that use images is the text-indent: -9999px; trick. Basically, I create a block-level anchor with a background image. I set its text-indent to a large negative number so you don't see it and that's good for SEO. When I click on the link though, the outline of it shoots off the page (i.e. i...
Hello, sorry my question is dumb. I have a simple css file with class hide, that makes an element hidden (wow!). I use simple javascript to unhide element: $(document).ready(function(){ var a = $("p.hide"); a.removeClass("hide") }); It works in Firefox, Chrome, but in Opera and IE I should manualy reload page to see an effect...
Hello. I have a huge amount of elements in my website... And since I added the following css... Some elements inherit from these css styles... While they don't have anything to do with it: other scope, no direct definition to the css style etc... What am I doing wrong? #InformationForDiv { width: 205px; height: 180px; backg...
Hi all, After some hours of fiddling I thought I’d try my luck over here. I’m working on a website design which has quite a basic setup, it consists out of a header and two columns, which have their own scrollbars. This requires their position to be absolute, and to have a top value set, and a bottom value of 0px. This ofcourse prevents...
In another question I asked about alignment this was given to me to answer the question about firefox being a twit. It worked but it has left a sour taste in my mouth and I'll explain why. button::-moz-focus-inner { border: 0; padding: 0; } Opera (10 for this example), Firefox (3 for this example) and Internet explorer (7 for thi...
If on this product page you click on the second or third thumbnail, while using IE 6 or 7, the zoom function breaks. I think when you view the error in IE7 you can understand a little better what's going wrong. But to tell the truth, I have no clue what's going wrong O_o Again, opera, safari, chrome, ff no problemo, whyyyyyyyyy ...
Hello, This is a database driven menu that IE6 likes fine but modern browsers not so much. http://www.tanyadischler.com/index2.php http://www.tanyadischler.com/menu.css If you roll along the menu you will see in Chrome, Safari, FF, IE7 etc that the hover on Gallery appears to have less height and to be too wide so that it appears und...
Rather than trying to explain this, I'll give you the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>weird</title> <style type="text/css"> div#sidebar { background-color: yellow; float: left; ...
I am trying to minimize the height of the table shown below. Firebug tells me that table's height is 29, tbody's 25, and both rows together's 23. The layout tab does not show that there is any padding, margins or border. Though, it tells me that tbody has 2 pixel offset, and the same for tr. Is there a way to prevent that offset? <body...
I've got three columns inside of a div that is the full page width. The two on either side are 25% width and the one in the center is 50% width. This layout is working fine except in IE6 where at certain page widths it bumps the right column to the next line. Is there a fix for this? Maybe an alternate way to layout a page like this? E...
Consider the following HTML snippet. The desired effect is to have a dropdown be positioned right above a table. <!-- this is actually in a proper CSS class, not inline--> <div style="float:left; min-height:1px; padding:15px 2% 20px; position:relative; width:96%;"> <form method="post"> ...
I have a simple problem but have not figured out what might be solution just yet. I used css reset to fix the issue with internet explorer but no dice. I also do not want to use relative - absolute positioning. If you go to s-e-c-u-r-i-t-y-c-a-m-e-r-a-s-f-l-o-r-i-d-a-.-n-e-t via firefox, chrome, or safari it looks the way i wanted which ...
I've got a two column layout like this: <div> <div id='left'></div> <div id='right'></div> </div> When the contents of the left div are that of a flash object with dimensions that exceed the left column's width, the right column no longer floats to the right properly in ie6. It falls underneath the left div. All other browsers (of ...
Hello, I am trying to create a report that will be delivered via email. Outlook is a required application in our environment. The content of the report is HTML and it uses table-based layout. Some of the content needs to be right-aligned. However, Outlook does not appear to be displaying the content as being right-aligned in a table ce...
I am working on the following page: www.darksnippets.com It looks good on FF and chrome but on IE6 the width looks terrible for the home page and other pages. for example: http://www.darksnippets.com/?page_id=62 on IE6 is extra wide. I cant seem to fix this issue. I know the site is using tables rather than div's but I've grandfather...
Well it should work in IE, i know IE doesnt support content property anything other that? ...
Hi, I'm currently making a website where the owners want background ads (a ad as background on the whole site). It is quite easy to make in css: body { background-image: url('ad.jpg'); repeat, color..... } But, they want it to be a link. It is a little bit harder so I need some help with that. I have tried with something like...
Is it possible to take something like: $("div").css({ "top": var1, "height": var2, etc. }); And turn it into: var dir = "top"; var length = "height"; $("div").css({ dir: var1, length: var2, etc. }); So far, the only way I can get it to work is by repeatedly declaring the lines separately, such as: $("div...
Hello all, View Here: http://174.132.101.73/~ree/header/ I have a drop down box. I am trying to get the text "Link 1", "Link 2" and "Link 3" to align left under the products link when you hover over it. But I can not get that to work for the life of me. I am sure its something simple. You will find the CSS code in question at the botto...