css

CSS, menu behind div

Hey guys, I'm having a problem with IE7, my menu always drops down behind the div where it's in. The code: (style.css) @CHARSET "ISO-8859-1"; body { background: #fff url('images/bg.gif') repeat-x; } #everything { width: 100%; height: auto; text-align: center; } #bar { position: relative; float: left; background: #022c3e; width: 100%;...

How can I apply a background image to a text input without losing the default border in Firefox and WebKit browsers?

For some reason most modern browsers will stop applying their default input border style to text boxes if you give them a background image. Instead you get that ugly inset style. From what I can tell there's no CSS way to apply the default browser style either. IE 8 doesn't have this problem. Chrome 2 and Firefox 3.5 do and I assume oth...

how to get just numeric part of css property with jQuery?

I need to do a numeric calculation based on css properties. However, when I use this to get info: $(this).css('marginBottom') it returns the value '10px'. Is there a trick to just getting the number part of the value no matter whether it is px or % or em or whatever? Thanks! ...

dropdown Menu behind flash

Hey guys, I've got a neat dropdown menu and also a flashfile in my webpage. Now when I hover the menu and it expands. It's behind the flash... The problem is only in IE 7 Here's my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html> <head> <meta ...

How to make a JQuery drop-down appear in the right place?

Hey everyone, I'm not familiar at all with JQuery and I'm not very good with CSS, but nonetheless I find myself working with it. So, basically here's my dilemma: I have a simple jquery script where you click on an image and a little login box drops down using slideToggle. I took a script someone had already written to do this, but thei...

Placing CSS information on an HTML page

Where are all of the places you can put CSS style information on an HTML page? I know you can place CSS style info in the head of an HTML page, where else is it valid to put CSS elements? I would like to place my CSS someplace else on the page due to inheritance, e.g: <style type="text/css"> ... </style> ...

.net c# <a href> links, killing link when in correct location

Hi, I am developing a navigation bar for the top of a website. One of the interesting things I noticed about the sites original was that when you had navigated to a location, the link would no longer be a lnk. The prior developer achived this with a lot of code and variables floating around, I am just wondering if there is a much simp...

Visual Studio's CSS Intellisense - Absolute paths & MasterPage files

Hi there. I've noticed that to get CSS-Intellisense working in VS, the paths have to be relative - Is this the case? However, it seems <link href="/resources/test.css" [...] /> is far more practical than <link href="resources/test.css" [...] /> I'm including the CSS in the master page, and don't see much good in including it a...

IE8 CSS Bug? Not displaying DIV correctly with javascript

This video explains the problem best: http://www.screencast-o-matic.com/watch/cQ1Oc9f1L Basically the directory is located here: http://www.ipalaces.org/uploaderprogress/grrrrrr.html Is the problem piece using YUI.js as the uploading script. The YUI updates the table's row with new information on every event. So I have it update it wit...

CSS - Moving an item in a Horizontal List

Hello, I have a Google ad placed to the right of a table. To do this, I am using CSS and making the table and ad items in a horizontal list. The code is below. It looks okay, but I would like to move the ad about 25 pixels down and 25 pixels to the right. How do I do this? Thanks in advance, John Code: if($sum>0){ print "<ul c...

CSS: problem with Float property

Here is my problem with CSS when I use the Float property My picture: http://www.sourimage.com/show-image.php?id=fb748238bf7e4ab12001e64cb543066b It does not look good because having many blank space among the block. My CSS code: .listcol{ width:180px; float:left; margin-right:5px; background-color:#eceff1; margin-t...

How to vertical align a text?

How to vertically align the text in a floated div? For example: I have a dynamic content with fixed height. if the content is small or big it has to automatically vertically align. Thanks ...

css background Outlook 2007

Hi, I creating a program which send newsletter with a background image. It works fine on Office 2000-2003, thunderbird, but the background image does not show on Outlook 2007. I read that Microsoft changed the rendering engine and did not support the background css property (it is possible but only applied to the Body). Is it achievabl...

Scrolling DIVs in IE6 with CSS

I've been writing a small notice board site in ASP.NET and nothing i do will make it work properly in IE6. The main page has a header DIV, with the content region below it. Within this region are three further regions, a search facility in the top left, a list of notices below it, and the currently displayed notice to the right of these ...

how to set anchor tag text width using css?

Hi I have html and css as below - .title { display: block; background-color: red; } <a href="#"> <span class="title">Text</span> </a> I could see that the SPAN spans to the 100% of the available width (coz of dispaly: block). Like below |----------------------------------------------------| | Text ...

changing class of a <span> element with JavaScript

I am trying to change the class of a element with Javascript using the below code: parent.document.getElementById('<?php echo $markid ?>').class = 'unlistened'; Not having much luck though. How do I do this properly? ...

Gradient servers as external files in SVG

Hi, the fill property in SVG accepts an url to point to a gradient/pattern element, an instance of a so-called 'paint server'. The Question: Is it possible in any browser (that is, not IE, of course), to use a gradient defined in an external SVG file? Like, in rect.svg, <rect fill="url(grad.svg#my_grad)" /> and the corresponding <li...

Problem setting equal heights with jQuery in IE

I have several of the same class of element on a page and am attempting to get them all to be the same height even though the content within varies slightly. I've put together a small function that yields results in both Firefox 2+ and Safari 3+ but apparently doesn't even register in IE 7. Here's what I'm using: var tallestcopy = 0; ...

Learning advanced CSS

Hi friends, I know basic CSS to the point that I can write simple style sheets which actually adds simple decoration to the html elements. (like border, text-color, background, font etc.) But I just realized that CSS is much more than that. One can actually build menus, tabs, arrange divs to come up with a http://news.google.com sort o...

Absolute positioning in IE7 limiting width of div.

I'm working on drop down menus for this: http://www.heroicdreams.com/wordpress/elderFlashSite.html In every other browser it works great, but in IE7 the drop down widths are being limited by the size of the top link and it's margin. Is there a way to get IE to behave like all other browsers in that it will allow the drop down widths to ...