I'm running the following code in jQuery to dynamically load a stylesheet. Its purpose is to allow users to load a custom stylesheet and change the look of a JavaScript widget: this.loadStyleSheet = function(url){ $("<link rel='stylesheet' type='text/css' />").attr("href", url).appendTo("head"); } For a split second the screen app...
I'm trying to make a pseudo link class with the CSS3 text-shadow for both navigation and normal use of links. The problem is that the state "a:hover" is overruling "a:visited" so when doing a mouseover on the link that previously has been visited, it outputs different that it should. If the a:visited state isn't present in the CSS the ...
So i'm trying to make a login box with 2 fields and a submit button. The submit button position itself differently in EVERY browser. In Firefox it works as expected but in IE8 and Safari the vertical alignment gets screwed up. Any ideas to resolve this problem? Here's a screendump of the issue: http://gefuhlkunder.dk/bla.jpg <form ...
Hey all, I was working on a slider using an unordered list. Standard structure, example (not the same code I'm using): <div style="overflow: hidden;width: 500px;padding: 20px;position: relative"> <ul style="width: 1000px;position: relative;padding: 0;margin: 0;list-style: none;"> <li style="width: 500px;padding: 0;margin: 0;flo...
Three columns must fit the width of the parent container. The left and the right ones must not be less than 150px width. The one in the center must not be greater than 200px width. I've made a reference page using JavaScript. Is it possible to do the same layout without JavaScript? It should work at least in IE 8, Firefox 3.6, Chrome...
in my site i want to play tick\click like sounds on mouse over (hover) or on clicks... can it be achieved... we can do this in flash but i want to avoid flash ...
I have a Django (1.1) form. One of the fields is CharField with a set number of choices, this is correctly rendered as a <select> box. However the html style attribute for the <select> is set as …style="width: 100px"…. I want to conserve screen space, so I want to change this to style="width: auto", or even just remove the style attribut...
i have a CSS Horizontal Menu in a table cell. I have set the cell's alignment to align=right.. and the CSS Menu is in that cell but it not right aligned... see the code HERE... i want to make this menu right aligned ...
Hi, I hate to have to write down a lot of CSS rules and then enter my styles in it, so I'd like to develop a tiny php script that would parse the HTML I'd pass to it and then return empty CSS rules. I decided to use PHP's DomDocument. The question is: How could I loop through the whole structure? (I saw that for example DomDocument on...
When creating a web-site design, is the only real option to provide a fixed content width? I notice most major websites (this one included) center all the content into a fixed width, which ensures all elements look correct on all screen sizes. I think I already know the answer to this, but a colleague seems to think that there should n...
I would like to have an IFRAME dynamically sized using the following CSS: #myiframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } However, no browser seems to support this. In good browsers I could wrap the IFRAME in a DIV with the quoted CSS style and set the height & width of the IFRAME to 100%. ...
Hi I'm new to CSS, so this question maybe is stupid, but... I have a web page (the code below is a simplification), where I put some structure and a css for positioning. If you look, in the code the content comes before the headers (not the html headers, the "pages menus"), but with CSS I put that menus on top of the page. So, basicall...
Good day, I'm in need of inserting a Hack to a web page, so it works well on IE7.0 But I'm having issues with the way I'm doing things. It should be simple. The actual CSS code is the following: <style type="text/css"> body { margin:0;} #home_splash { background-image:url(homeimages/image-background.jpg);background-repeat:repeat-x; ba...
Hi all, The actual table is a lot larger than the mock-up one that I am going to show you but this mock-up one does explain the problem. Please go to http://www.monteandjanicechan.com/test_table.cfm The thickness of the grid lines in the table are coming up the way I want in the HTML version. You can do a View Source to see the actua...
I have a page that has a position:fixed div at the top:0px and bottom:0px (making a header and footer). When either the header or footer has "focus", I am able to use PageDown, PageUp, Home, End, and Spacebar to scroll the page. But if I click within the main "content" div and try to use those keys, it no longer works. There aren't any ...
I'm not really sure how to accomplish this with this theme. The Filament Group has shown some promise in this demo. But not all that glimmers is gold, since the accordion and other plugins won't work correctly (it's a work in progress). Related questions include: Round Corners in IE using ui-corner-all ...
I have a set of radio buttons inside a div which has a fixed height and overflow:hidden. Some of the radios get hidden because they would be naturally positioned outside the height of the containing div. When a radio is selected, and that radio is outside the visible part of the div, the div gets scrolled. What I want is to be able to...
I have a table within another table, that look like below. What I want is to have the +0 all line up vertically. I have them float:right. The problem is there is a small gap, as you can see, between the two tables, making the +0 of the inner table indent inward a bit. Is there a way to take out these gap? EDIT Image is taken down by O...
Hi I am trying to create tabs with CSS and Jquery but I dont know why I am not getting the right content when the appropriate tab is selected. thanks for ur time <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Follow me!</title> <style type="text/css"> ul.tabs { ...
Hello, after a lot of google searches I've been unable to find a clean/simple plugin that handle flyout menus. flyout menu being, click an icon, and a list of menu items dropsdown. Most flyout menus seem to have the menu items generated on click as a DIV. Any solutions? Thanks ...