css

How to re-render a page from a Google Chrome extension?

I'm new to writing extensions for Google Chrome. I want to make an extension that only runs on a few pages (that I'll choose) and re-renders their CSS after the page has loaded (ideally I would like something similar to what you can do with GM_addStyle in greasemonkey scripts). How can I accomplish this in a Chrome extension? ...

Styling an Input Field

Hello, How can I give the input field below the characteristics listed below? Characteristics: -Text typed into the field starts in the upper left corner and starts on another line (wraps?) when the right border of the field is reached. -A scroll bar appears if the text is more than what can fit into the field. -The text is in Cour...

restore default css attributes

hi all. i'm writing a component that is to be used across multiple websites. each website has it's own stylesheets and displays certain things differently. all of my html is wrapped within a div with an id: <div id="myComponent">...</div> my component however is to look consistent across all of the sites. this is fine as i apply s...

Background selector declaration in CSS

Hello, In CSS declaration for a selector is given as: background-attachment: scroll; background-color: transparent; background-image: url(/images/ucc/green/btn-part2.gif); background-repeat: no-repeat; background-position: right top; I want to optimize the code and change it to: background: scroll transparent url(/images/ucc/gre...

How to add subit action to an image

Hello. I am supposed to add submit action to an image.So on the main page,i have done <input type="submit" class="go-button" name="submit"/> in and in css i have written .go-button { margin-right:7px; background: transparent url(../images/go.gif); width:26px; height:20px; border:0px; overflow:hidden; } But the problem is I am...

[CSS] Margin display disparity between IE7 and FF3

Hi everyone: Refer to HTML, CSS below. Why the margin-bottom will not reflect in IE7, but in FF3? Is there any workaround for it? Notice that I set margin: 50 in CSS. <body style="background-color:#fff"> <div class="window"> d-window </div> CSS: body{margin:10px;padding:0;background-color:#1e1e1e;color:#ddd; border: 1px solid #...

IE positioning problems

In every browser but IE, on euroworker.no/order the little green arrow under the word "produkt" sits on top of my div container. Why in the world does this not work in IE? Thing is, it works on two pages out of four in IE but all four in other browsers. All the pages are built the same, but for IE it displays this thing like 20px above t...

How do i put an X on the right side of a <a> block?

if i remove a.three display block this shows up fine. However what i want is the X to be at the right side. I tried float: right but it puts the x on the next line. How do i get the X on the same line? Here is some code. -edit- I forgot to mention. All of the green must be clickable as the original and which is why i have the 3rd link a...

Seems like IE animates/processes my loading.gif even though I have set display:none?

I believe this is happening because whenever I perform an ajax request (upon which the loading.gif is set to display:block) the animation does not start at the same position. The starting point feels random which led me to think the animation still goes on behind the scenes in IE. In Firefox the animation starts from "scratch" all the ti...

image in div doesn't display anything

i'm trying to insert an image in a div container using css and html, but it doesn't display any image. html code: <div id="wrapper"> <div id="quoteContainer"> <span class="start_img"></span> </div> </div> css: #quoteContainer { color: #898989; background:#F9F9F9; border: solid 1px #ddd; border-radius:10px; -mo...

Design an indefinite scroll widget like google reader on iGoogle

Hi, all. Do you have any idea how to implement an indefinite scroll widget like google reader on iGoogle, which loads data dynamically and the scroll bar is replaced with a pair of up and down arrows. I have a html structure like this: <div id="note_column"> <ul class="messages"> <li class="note"> .... ...

Why IMG load everytime when refresh the web page ?

I have one html page which contains background images + one logo (image). I called background-images through external css file, but for the logo, i used with an <image> tag. Whenever I refresh the page, the logo image is always reloaded but not the background images are. Can i know why the image reload every time ? Do i need to use that ...

css, fixed size

Hi, I need three tables (div). The left and right sides of the occupied 50% of the free window. The center is fixed. Everything seems fine, but right down to jump off the table. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org...

HTML/CSS - Headings for each "level" of unordered list

I would like to use the heirarchical benefits of using nested unordered lists, but I need to identify each "level" at the top like a table column header. For example, given this unordered list: Product 1 Part 1 Subpart 1 Subpart 2 Part 2 Product 2 Part 1 ...

CSS for https urls

Hello, looking for some help with images referenced within the stylesheet. I have no problems with these from non secure locations within the site but only from https. The stylesheet loads fine and displays everything correctly except for the images. example: body { margin: 0; padding: 0; background: url(/img/background_tile.gif) top ...

Phantom horizontal scroll bars on the whole window in IE.

I'm working on a website layout you can find at dev.movingcost.com In most browsers, everything seems fine... but I'm getting a horizontal scroll bar on the window when viewing the page in IE. I'm using a fixed width of 960px with auto margins to center the content. I've even tried using "overflow-x:hidden" on the html and body tags ...

Styling jQuery validation

When I have this, the div, which just has text in it, uses all the horizontal width it can, so there's trailing width after the text, which I can tell from the background color. errorElement: "div", errorPlacement: function(error, element) { error.insertBefore("#zzz"); When I use this, the width is the same as the...

How can I get the post text to be beside the avatar and not below it?

So I'm trying to create a forum with avatars, but right now the text is going below the avatars and not beside them. How can I fix this? Here is the CSS: .postbox{ text-align: left; margin: auto; background-color: #dbfef8; border: 1px solid #82FFCD; width: 100%; margin-top: 10px; } .postfooter{ width: 10...

Javascript/CSS rollover menus are patented and subject to licensing?

Very interesting finding that a client brought to my attention today regarding javascript style rollover menus. They got a call from their legal dept that they need to change the manner in which their rollover menu is activated (at the risk of having to pay license to continue using the navigation technique). Its no April fools joke, app...

Applying css media=print not working with MasterPages after pagebreaks

Hi, I´m using a css media=print file in a Page that is using a MasterPage. I put some pagebreaks like this in certain parts of the html code: <h1 style="page-break-before: always; height: 0px; line-height: 0px;"> This works perfectly in the first page, meaning that the styles are applied correctly, but after the pagebreaks, the css is...