css

CSS - content overflowing background image

I have a center background image on my body tag. When my site is maximized everything looks find but as a start to make my browser window smaller and a a scroll bar appears on the bottom, when I scroll the content overflows the background image. I have tried to do everything to keep the image centered no matter what but it doesnt seem to...

How to iterate through DOM elements that match a css class using xpath?

I'm processing an HTML page with a variable number of p elements with a css class "myclass", using Python + Selenium RC. When I try to select each node with this xpath: //p[@class='myclass'][n] (with n a natural number) I get only the first p element with this css class for every n, unlike the situation if I iterate through selectin...

Weird image injection when using YUI grid

Hi all, I was trying to use YUI grid and i noticed something weird coming up on my webpage: <img id="fvdkoff-target-image" style="border: medium none ; margin: 0px; position: relative; visibility: visible; color: transparent; z-index: 2147483647; left: 424px; top: 274px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAA...

using xsl to generate html for excel needs more formatting

I'd like to set the background color for some tags. Neither CSS background-color or attribute bgcolor seems to work. Is there a mso- CSS that will give me background color? Perl, XSL only, No Microsoft products. It should work for OS X and Windows, with current versions of Excel. xml: <d>Y</d> html: <td class="Status Y" bgcolor="yell...

Any tool to allow moving of elements on a webpage to aid design?

Are there any tools/Firefox plugins that will allow you to drag elements (divs, images etc) about on the page, and tell you the amount (x, y) that you have moved it? It would speed up designing a page a lot, instead of tweak css, reload page, tweak css, reload page. I've found the Firefox Web Developer extension useful for editing the c...

What's a good Linux IDE for HTML\CSS?

Are there any good HTML\CSS IDEs available for Linux? I don't mean a WYSIWYG editor; I pretty much just need text editor with syntax highlighting and a preview pane w/something similar to Firebug. Does anything like that exist? ...

Trace link hover styles

I have been using Firebug in Firefox and Developer toolbar in IE to help trace my styles for a branding effort in SharePoint. The trace styles in Developer Toolbar is very nice.. I can easily trace a hyperlink's styles and create the css to change it's styling, I'm having some trouble with tracing the hover style for links as neither Fi...

Can't get div to expand height to include content inside

I can't figure out how to get the height of my middle-container div to expand to fit the data inside. I'm getting lost in suggestions like height:100%, etc. Anyone figure out what css I need to add to fix the following: http://www.tippycanoetoo.com/pillows-rugs-throws.html http://www.tippycanoetoo.com/emma-20-5-square-throw-pillow-1.ht...

asp form question

hi I have this form <form action="http://www.mysite.com/asp/formd.asp" method="post" target="_blank"> so the asp looks like below, it opens a new window where ot says "send ok" my question is how and where can I contro/define the style of this new window i.e background fonts color etc thanks the ASP code: <%@ Language=VBScript...

Rather weird css/opacity/hover question..

Hi! Sorry for the title, I really couldn't think of how to simplify this problem. Now, the problem is this: I have a row of thumbnail images in a div: <div id="daumen"> <a href='#' class='gsc_thumb_row'> <img src='image1.jpg' class='thumbnails' /> </a> <a href='#' class='gsc_thumb_row'> <img src='image2.jpg' class='current-th...

Webkit CSS Animation issue - persisting the end state of the animation?

Hello, Given the following CSS3 animation.... <style type="text/css" media="screen"> .drop_box { -webkit-animation-name: drop; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; } @-webkit-keyframes drop { from { -webkit-transform: translateY(0px); } to { -webkit-transform: translateY(100px); ...

css file not loading

Hi, For some reason this html page will not load the css file AND displays as gibberish in ff3.6.6 on mac, fine in Safari. http://www.mainstayprojects.com/teardrop.html The same code works fine on another page: www.mainstayprojects.com/ The path to the css file is correct and all the html and css validates. I'm at a loss as to what to...

Problems with transparency in CSS

Ok so heres the deal. I have a page I'm creating in html and css. I've got a div whose background needs to be transparent. However when I use opacity: .6; Everything in the div goes see through. Is there any way to fix this so it works in safari, IE, and firefox? ...

Problem with CSS for mobile website

Hi guys, I am building this mobile website. If you check it on your mobile browser it should fit in such that there is no horizontal scrolling. (Content should only be vertically stacked). Can someone help me in fixing the CSS of the page. Just let me know what the correct CSS should be so as to auto adjust for different mobile phones...

Remove full css from div with Jquery

Hello guys. In my css i have * { font-family: "Meiryo UI" , Verdana; font-size:13px; } input, select, textarea { font-size: 12px; border-color: #333; color: #333; border-style: solid; border-width: 1px; } But, i want one DIV without CSS. I tried $('#preview').removeClass() $('#preview').removeAttr("style") $('#preview')....

CSS hover property ignored

Can anyone see why this isnt working? For this example the box should turn white when hovered over. <style type="text/css" media="screen"> .center {margin: 0 auto;} .box{width: 250px; height: 250px; display: block;background: #000; border: 1px solid white; float: left} .inner {width:175px; height: 175px; display: block; ...

Rounded corners for <input type='text' /> using border-radius.htc for IE

I want to create an input fields with rounded corners. HTML: <div id="RightColumn"> <input type="text" class="inputForm" /> </div> CSS: .inputForm { -moz-border-radius:10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* KHTML */ border-radius: 10px; /* CSS3 */ behavior:url("borde...

Drop-down submenus overlap, how do I fix this?

I rendered this menu with Superfish and the Supersubs plugin: As you can see, the submenu that originates from parent "Long long long submenu item" isn't positioned correctly. I know what I need to do, but not how to execute it. First, I need to know the width of the parent menu. I then need to set the submenu's left attribute to tha...

jQuery incorrectly reports a width of zero

I'm trying to access the width of certain elements by using jQuery's .width() function, but sometimes the return value is 0 when I don't expect it. Is this a known issue? Does an element have to be visible for this to work, perhaps? If there are limitations, how can I work around them? ...

jQuery + CSS: switch to "loading".

I have the following set up: <div class="click red"></div> <div class="click green"></div> <div class="click blue"></div> and when "click" is clicked I want to add the class "load" to the div. I have managed this fine, but "red" "green" and "blue" all have a background image set so I need to remove that class. Now, I know how to do th...