StackOverlow, Whats up! I am trying to append a new UL inside a div. It works beautifully in every browser except for, you guessed it, IE. Even though the new UL is appended under the current UL's in IE, the CSS styling is not being applied...I am not doing anything super complex. Just making an AJAX call, getting the results and app...
I help manage a website for a local ACM student chapter, http://acm.cs.uakron.edu/. For some reason, Internet Explorer simply refuses to parse the majority of the CSS. Every other browser I know of handles it just fine, but why does IE7+ stop? ...
I have a menu coded in html here, but i need a dotted line to span between the Names and Prices, How would i go about doing that here? I'm kinda lost haha. You can see it here. http://mystycs.com/menu/menuiframe.htm I know i can use css to do it, but how would i get to it span between those two. Thanks =) ...
im trying to turn this jquery script into a toggle event type, thier is my script, with illustrations, to show what i want to happen. i cnt seem to intrgate it so here goes: //myElement.toggle(vote(), unvote()); // this is the toggle event $(document).ready(function() { $('.statuses').delegate('.vote_up', 'click', funct...
I have been looking at the w3 page on css selectors and have not found any promising leads, so I thought I would ask... Is there a way to style a single element with two classes differently than if it was one class? Example: <a class="foo">Red</a> <a class="bar">Yellow</a> <a class="foo bar">Orange</a> a.foo { color:red; } a.bar { c...
I'm having trouble to get the -webkit-tap-highlight-color property to apply to a div - I'm at a loss as to why it isn't. Copying all the styles that apply to it below. The desired outcome is a back button as shown here: http://building-iphone-apps.labs.oreilly.com/ch03.html#ch03_id35932102 .backButton { font-weight: bold; text-align...
I am using the ms proprietary css property "filter" to control the opactiy of an element. #square2 { filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; zoom:1; padding:10px; border:solid 5px #0cc; height:200px; width:400px; background-color:#cc0; color:#c0c; font-size:2em; } The problem...
I am having trouble splitting a screen into 4 divs with width and height of 50%. It's no problem to get the 50% width and float them around, but how can I get each of them to have a height of 50% of the screen? ...
I've got the following code and I'm trying to use CSS2 or CSS3 to make it so the content appears below the header on each page when in print preview. Is this possible? It seems to work correctly on the first page but then every page after that the header sits on top of my content. <!DOCTYPE html> <html><head> <style> @media print { h1...
I've been applying an ID to the body tag of my HTML documents lately to allow greater CSS control (#9). Recently the though occurred to me that I could do exactly the same thing by applying a class to the body tag. I want to know positives and negatives of each choice. If I have multiple pages where the body tag has the same ID, is it be...
I'm building a site with a lot of similar css between pages. I've decided that a good approach would be to have the css generated as strings by php functions (with parameters) and outputed as an internal stylesheet in every page that i serve. The benefits: this way if i make a change it will reflect throughout the entire site without h...
I have the following loading image: <img id="loading" src="loading.gif" /> To show/hide it during an AJAX call, I have several solutions. For example, I can hide it by adding a class which corresponds to a CSS style: $('#loading').addClass('hidden'); .hidden { display: none; } Alternatively, I can use jQuery .show() and .hide(). I...
Hi I am re-laying out an old asp page in order to update it with some new requirements. I am trying to put some div tags inside a td cell because a table within the td cell would not achieve what I was after. So, basically I have a div which should align to the top left, another div which should also align to the top filling the rest ...
I have a grid of 5 columns and 5 rows using an unordered list. The grid has an image and underneath the image there is a hyperlink and a description, both of which are coming from a database (FileMaker Pro via PHP). So, each grid cell consists of three li items. Now what I would like to do is have two buttons under each item in the gr...
In my previous question (asked before I registered), I asked why my ACM chapter's site doesn't get all the way through IE's CSS parser. Got an answer, but after turning on Drupal's CSS caching which merges all CSS into one file, absolutely no CSS is handled. What gives? The CSS validator says there's a few bugs but none of them look like...
This is my first HTML5 site and I never expected for Firefox and Safari to be fighting! It's usually IE that I'm mad at. The header and footer both seem to be working just fine in both browsers. But the content area is shifted all the way to the right in Safari. If I add webkit css (first time having to use that as well), then Safari wo...
Hello, This markup shows my problem: Webkit browsers seem to create an erroneous width on floated parent elements with floated/overflow:hidden elements inside, when their width is set to 0. Is there a known workaround? <!DOCTYPE html> <html> <head> <title>float & width</title> <style type="text/css"> div { ...
I need to create a website - Content based for a Training institute It contains informations of the National Exams, Forms, FAQs, Question Banks etc The training these institutes give for the above exams. Login for staff and students where they can create/share documents like - word/excel/power point. I know PHP, Cakephp and Wordpres...
Hi everyone, I'm looking for a way to change the Right-Click context menu in Firefox using jQuery/CSS... and disable de default one of course. I'm trying to make a Windows Explorer-like app to manage images and i want to be able to delete pictures using the right-click. Anyone have an idea, cant find one. Thanks!! ...
Hi, I have webpages that contain links to word documents and pdf files. For each link I want to display the file size and an icon showing what the file type is. I'm thinking the best way to do this would be with CSS? Can anybody give me an example of how to do this? Thanks! ...