css

CSS problem - firefox 1px shift

Hi, I have little problem with Firefox here http://bit.ly/a0Je6X There is 1px shift on the bar under the horizontal menu in Mozzila Firefox. Do you have any idea why? Thanks a lot. ...

Simple CSS Question

Here's the CSS .box { background-color: #CCCCCC; } .box-title { font-size: small; font-weight: bold; color: #000000; background-image: url(/icons/bg.png); background-repeat: repeat-x; } .box-content-container { background-color: #FFFFFF; } a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; ...

What's the proper way to write a CSS selector with a class AND a pseudo class?

Simple Question: what's the proper way to write a CSS selector with a class AND a pseudo class? For example: a.someclass:active { top:1px; } or a:active.someclass { top:1px; } Which is correct? If possible, can you give me a source on this - such as a W3C reference? I tried to find it but alas I could not. ...

Problem with a:active style and absolute positioning

OK, I added a universal style to my main.css that says: a:active { top:1px; position:relative; } This gives me a nice little "nudge" effect when anything is clicked. Consequently, I had to go around to all of my absolutely positioned <a> elements and fix them from jumping up to top:1px and manually give them the proper nudge. Alt...

CSS - Creating two DIVs inside a <th> tag.

Website in reference: http://www.imvu-e.com/products/ht/clients/test/ Notice on the tables how I have a newline separating Total and Hours, but it totally makes it look weird when the sort icon is inserted. Its currently like this: Total Hours [v^] I like to have it like this: Total Hours [v^] Figured the best way would be p...

Libraries/Examples of Hover or Click Menus for web pages/apps, where to start?

I'm changing the layout of a web app that we are developing internally and have identified a few spots where a menu would be much more helpful than our currently layout. The project is currently built on Zend Framework and jQuery. Are they any good examples of context menus, or just menus in general that I should check out for inspiratio...

How do I get SVG to render with transparency in web-kit?

I am having issues embedding SVG into a webpage. I have found the simplest method to just use an image tag. For example: <img src="my_graphic.svg" height="100"/> Works in web-kit. I do not need to explicitly set the width and the browser will maintain the aspect ratio. Very nice! This doesn't work in Firefox though - it's not cross b...

Weird problem: Submit button not showing up in IE8.

On this site: http://tinyurl.com/2allkcs The submit button for the login form doesn't seem to show up in IE8, however in Firefox it all works just fine. Any ideas as to why? ...

Styling 'FILE' input type element

How do I properly style a 'file' button with an image, so that it is seen clean and nice in all browsers and no overlapping text from the default control is there? Thank you! ...

Center Iframe Horizontally Without Specifying Width/Height CSS

Hi, I have this Iframe which I'm looking to center using css, but is there a way to do it without specifying the height and width of the object? Thanks! ...

IE8 does not hover when using an li with position:absolute

I have a sort of an image map, where I've used li's to create the elements, and on hovering the information pops up. The html code is: <li id="b906" style="z-index: 1000;"> <a href="#"> <span>&nbsp;</span> <span class="para">Some text and maybe an image goes here.</span> </a> </li> And the CSS code for the corr...

How to set class for a html tag when loading the page?

Hi, The problem: I want to use PHP include to import file "header_menu.html" into all pages that share the same navigation menus, but each page has its own current highlighted menu item. For example, the following are the menus, in index.php, only the first should be set to "current" class, and in download.php, only the second should ...

hide column/td of the table by using jquery

How can we hide the column of the table by using jquery < table > < tr > < td id="td_1" >name</ td > < td id="td_2" >title</ td > < td id="td_3" >desc</ td > </ tr > < tr > < td id="td_1" >Dave</ td > < td id="td_2" >WEB DEV</ td > < td id="td_3" >Blah Blah</ td > < /tr > < tr > < td id="td_1" >Nick< /td >...

How can I create a drop down menu with google app engine??

I trying to make a drop down menu with Google app engine and http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm I follow above instruction from above website, it seems css file is not working with google app engine ?? Does anyone know how to make drop down menu with google app engine or how can I use css with google app engine...

how to hide scrollbar

How to hide the vertical scroll bar using CSS? Can any one help me? ...

background image not filling window

Hi All, I'm creating a pop-up with a background image from CSS as below #gui-01-Qa { background-image:url(path/to//file.jpg); background-repeat: no-repeat; background-position: top left; } This all works fine apart from (what looks like) a boarder of approx 5px being added. It's not coming from my code, but both IE and Firefox are a...

how to set css property of one class from another class

I am applying css style to "body" and to a div which id is "overlay" like: body { margin:0; background:#FEFEFE url(../Images/gradientHeader1.png); background-repeat:repeat-x; } overLay { background-color:#666666; height:1000px; left:0; opacity:0.5; position:absolute; margin-top:0; width:100%; ...

database connectvity with html

how we connect the database(oracle) with html ...

Disable Scrollbar conditionally without javascript

i want to hide the scrollbar conditionally i.e. i want to hide the scrollbar of the body when javascript is disabled and enabling it when javascript is enabled because in my page iam showing an message when javascript is disabled and not allowing to user to do anything by graying out the whole screen but as the height for different pages...

multiple 3D text shadow using css

I want to give shadow effect to some of my texts in a website which would make it look like 3D using CSS Is it possible? ...