I'm working on a thumbnail page for an image gallery. Thumbnail previews are done as an <ul> with floating <li> with a fixed, square size. The thumbnails images themselves however are not necessarily square or same size, they have the properties of the large images they represent. To make it look nice I'd like to display the center of ...
hi there, in the header menu i am using an image with repeat-x property. it works perfectly in full screen however in low resolution i.e in 1024X768 and 800X600 screen it leaves some margin. it leaves the margin when a horizontal scroll takes place. how do i make sure even if horizontal scroll exist the repeat-x property should cover th...
Hi All, I am having an issue with a layout i am trying to develop. I basically have split the view-port into 2 equal width divs with a different background tiled image in each. i have it stretching full screen 100%, but have a problem on scrolling. The background image is cropped to the original height of the view-port..! Here'...
how to load an external css file if javascript is disabled. Should work in IE 6 to 9, Firefox Google chrome, Safari I tried <noscript> And keeping <noscript> inside but it's not working in IE 7 ...
I have a table where the even rows are given the class "even" and the odd rows "odd". But I also want to give the rows classes like "complete" or "problem" that give them other colors, but I still want the hue of the colors to be dark or light depending on if they're even or odd. Examples <table> <tr class="even problem"> <tr c...
I have found utilities that can compress html, javascript, and css files individually. However, lets say I have a file called homepage.php with php at the top of the page, css and javascript in the header, html in the body along with more php code and perhaps some more javascript. Sometimes, the chunks with javascript may also have php i...
Hi there, I am coding exclusive ie6 css, wherein I am facing the problem. The footer does not take the min-width value whereas it accepts the fixed width value. I am using the repeat-x for an image and assigning a min-width value to it. The same thing I did with header div and it works perfectly fine. For example here is my code. Heade...
Hello, I have the following code: <html> <head> <style type="text/css"> DIV#left { z-index: 100; position:absolute; left:0px; top:0px; width: 100px; height: 100px; background-color: #e7e7e7; } DIV#right { z-index: 100; position:absolute; left:100px; top:0px; width: 100px; height: 100px; background-color: #e20074; } </style> </head> <bo...
I'm just writing a javascript UI dialog for a web app. The problem is that users can create there own themes for the web app, which may include element css selectors (h1 {...}, div {...} etc.) which overwrite my css formatting for the UI dialog. The dialog is a div element which is formatted over a class selector (id dose not work becaus...
Hello, This is ordinarily a simple task. I have a simple sign in form that has an email input,password input, and a submit button, all in a horizontal line. After hours and hours of taking styles off, and trying different structures, the button sits a little lower then the boxes. I am thinking it might be because I have absolutely positi...
So often you will have a number of labels (lets use name, age, colour) and a value for each! If I placed these In a 2 column 3 row table I could make sure that the values (lets use Steve, 19, Red) all start in the same horizantal position. And if I wished by having that column left align, and if i also wanted have the label column righ...
Hi, I have to make an iframe element from java script so it isn't scrollable anymore(the javascript function is called from a iframe inside the one that I have to change).Now it works but only on Firefox and Chrome and I must do it on IE also. I have no alternative than to change the scroll bars to the parent iframe and to understand wh...
Okay I have the below code, which will allow me to either click the link or hover over the link to show the pop-up. I would like to be able to edit it to make it open on page load. I would also like to be able to have it open only once per visitor per week. I am new to this so any help would be great! Thanks <head> <style type=...
Hi I am making a table in HTML and I do not want the borders of the leftmost and right most cells to extend all the way till the table border. For example: | ____ | So as in the above example, while the cells themselves have a contiguous top border this border does not extend all the way till the outer table border. It would be great...
I have the id of my element. I need to add a given value (determined by a variable in the javascript) to one of the element's css attributes. I.e. given an element id=my_id how do I add x to that element's margin-top attribute? ...
I'm writing styles for a page where I'd like to use rgba colors on the background of some list items. I've used the CSS background property along with rgba(146,138,118,.4) to define my transparent background color. Now I'm trying to cover my bases with IE support by using the technique of an ms-filter as described in this article. (see ...
Hello, I'd like generate the representation below by <div>. The constraints : the full size = 100% the first + second column = 50%, the 3rd + 4th column = 50% the first column is smaller than the second, the second take "the rest of the place", same for column 3 and 4 :) the 3rd lines, combines 2 cells the last line combine 4 cells do...
document.getElementById("spinner2").style.visibility="visible" Visibility visable/hidden is very slow on Blackberry (OS4.6). screen seems to be redrawing which makes it unusable in Ajax application. The goal is to put visible feeback to user while ajax request completes. Anyone suggest alternative? ...
I'm developing a "content script" Chrome extension. I'm trying to use a CSS files to style some existing elements on a page and to style elements that I create dynamically with JavaScript. I've specified my CSS file in the manifest.json file: { ... "content_scripts": [ { "matches": [ ... ], "js":...
hi, i have a overlay which works great except if under it is a embedded video for example. What happens is that the video pops up over the overlay but i cant click on it or do anything with it. I did some research and i guess if there are any flash elements or multimedia elements in the host page they will pop through the overlay. Is th...