css

How can I use HTML/CSS to add a background image to an email?

I've been trying to get background images working in my Email HTML and have had no luck. I'm using Outlook 2007 to test my HTML code. My method is: Create my .htm file Save it in %appdata%\Microsoft\Signatures Create a New email and set that HTM file as my signature So far, all my attempts at adding a background image have failed an...

Need to display 2 diff banner sprites on same page based on the value of a control of Master Page

there's a label control on the master page..if its value is "Value1" ,I want this CSS Sprite to display on my webform..if the Value is "Value2"..the CSS sprite should use some different image..just the image needs to be changed ..nothing else in that Sprite.. I found out that I can use "FindControl" method to find out what value that La...

CSS: Vertical-Align text?

I am using the following HTML: <p><a href="http://www.example.com/"&gt;&amp;larr; Back</a></p> To create the following: Back Problem is, the left arrow is not vertically aligned in the middle. It appears to be at the lower 3rd. Question: how do I get the left arrow to be aligned vertically in the middle (of the letter "B") using C...

Using Markdown, how do I center an image and its caption?

I want to end up with: Hello there! <image> This is an image Hi! Where the image and the text This is an image are centered on the page. How do I accomplish this with Markdown? Edit: Note that I'm looking to horizontally center the image and text on the page. ...

jquery visibility selector

I'd like to know if there's anything incorrect in the following : if($('#three').is(':visible')) { alert("visible"); } else { alert("hidden"); } Thanks ...

unable to change link color in IE8

I have apply a classname "bSelect" to a Link element, it could apply background image but not converting the link into white? .bSelect {background:url('../../img_assets/bs1.png') 0 0 no-repeat;background-position:center;color:#fff;} ...

iframe dynamic height width change based on inner content

Hi, I have iframe with content like below, <iframe frameborder="no" src="http:localhost/com" id="iframe"> <div style="height:850px;width:700px;">div text </div> </iframe> This shows the iframe with hori. and vertical scroll but not the height on inner content of 850px. how can i change the iframe height dynamiclly base...

Centering a ul with floated li

I have <div id="container"> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </div> With the following CSS: #container li { float:left; height:33px; line-height:30px; text-align:center; width:auto; } #container{ width:600px; } However I am having difficulty in horizontally centering the ul inside #container. It appears ...

How to load CSS using jquery

Hi , I have loaded a css file on server so I am having a URL with me. How can i load it in my perl code using JQuery ? So currently I am hardcoding the css in my mason page which is missing from the page something like this JQ.onReady('show', function(){ JQ.addStyles({styles: ["\n\n.ap_classic { border-top:1px solid #ccc;border-le...

Multiple centered floating divs in a liquid layout

I have an idea for a layout I would like to use, but I can't get it to work correctly. I am hoping someone on here might be able to help as I have spent hours searching. The layout is like so. One wrapper div houses 6 child divs. Those child divs must be centered at ALL times regardless of the size of the wrapper div. <html> <head> <t...

TinyMCE style conflict

Something in my CSS seem to be changing tinyMCE's buttons : Any ideas on how to fix this ? ...

Javascript event propagation with image map

Hi, I'm making an image map of the world map where moving the mouse over different parts of the world should highlight that part of the world. I do this by loading images of the different regions into an (initially) empty 'div' and positioning them on top of the world map with css and absolute positioning. It works well except that th...

Problem with floating CSS containers with variable width

Hi, I have 3 floating containers of unknown width. The surrounding container has a fixed width. ------------- | X | X | X | ------------- Inside the third container there are again floating elements: --------------------------- | X | X | X [ O | O | O ] | --------------------------- What happens when these elements execeed the wid...

How to change Image inside of CSS of a usercontrol

there's a label control on my master page..if its value is "Value1" ,I want this CSS Sprite to display on my webform..if the Value is "Value2"..the CSS sprite should use some different image..just the image needs to be changed ..nothing else in that Sprite.. I found out that I can use "FindControl" method to find out what value that Lab...

fixed panels with scrollable content RICHFACES

hello all, Please tell me how can I create a Richfaces page where I want to keep the collapsible panels fixed and below that I have another form. As the form is very large. So I want to put a scroller. Do I need to use frameset or is there any support for that in Richfaces ...

Using POD for CSS documentation

I'm working on the frontend of a project which has a Perl backend. The CSS files are getting pretty big and complicated, and are in need of some documentation and Tables of Contents. I looked at various guides, slides and blog posts where everyone suggest their own style of plain text formatting. There seems to be no good standard, maki...

File input behaviour in IE

I have noticed a difference in behaviour between chrome and IE of handling file input clicks. jsFiddle example here. In Chrome, clicking anywhere on the input (text or button bit) triggers the file dialogue. In IE (testing on 7), you have to click on the actual button, not the text bit. The problem is that I'm using a transparent fil...

max-width on img-tag not working in IE8

Hey I have a strange problem. On a site that were currently building we have a gallery function throuh the jQuery plugin, Gallerific. The gallery opens in a modal window. What I need is to set a max width of the images to 765px. There fore I have set the max-width: 765px; in my CSS. I know i't not working in IE6 but I don't care. The s...

the best way to crop img with the css?

I want to show a photo in my page, the DIV layer is 500 * 500px. I will replace the picture very often , the picture size is not sure, may be horizontal version may be vertical version, maybe 800*600px maybe 576*720px. I don't want to get the photo deformation. How to set CSS or JS, make the photo show only the center 500 * 500 px, hide ...

Element rotation and resizing in IE (jQuery UI + CSS)

Hi, I've got a script that performs rotation in all modern browsers using jQuery UI and CSS transform property. But I doesn't work in IE. I've managed to make it rotates as expected (around it's center) but I fails when I resize it again. You can find an example in here http://vremenno.net/examples/jquery-ui-rotation/ If someone could...