css

How to center the label on the screen?

I'm specifing the size of the windows within the window.open(), but regardless of the size, I would like this label to be exactly on the center of the screen (vertically and horizontally): <?xml version="1.0" encoding="UTF-8"?> <window sizemode="maximized" hidechrome="true" id="weatherWindow" title="Window" xmlns="http://www.mozill...

css/ html help in making rounded table like container

can anyone provide insight or a sample of how to create a css based bubble container for html to go inside it? im looking to make a rounded table. that is to say i want the result to look like a table but with rounded edges. and it would be great to have a slight gradient inside as well. i found one sample on this site: http://www.seek...

Nice stylesheet for displaying code in HTML?

I'd like to display snippets of programming language code, and also HTML code, inside an HTML document using CSS. I want it to be indented and in fixed-width font... I'm thinking of something like: <blockquote style="some_style"> my code here my code here also </blockquote> and have it appear in a nicely formatted way (bonus if it's c...

scale HTML5 Video and break aspect ratio to fill whole site

I want to use a 4:3 video as a background on a site, but setting the width and height to 100% doesnt work, since the aspect ratio is kept intact, so the video doesnt fill the whole width of the site. thanks for your help! here is my html and css code html: <!DOCTYPE HTML> <html land="en"> <head> <link rel="stylesheet" type="text/cs...

CSS - floating LIs - bigger content messes up the next row.

<style> ul{margin:0px;padding:0px;} ul li{margin:0px 5px 5px 0px;padding:0px;list-style-type:none;float:left;} </style> <ul class="clearfix"> <li>&nbsp;</li> <li>&nbsp;</li> <li>&nbsp;</li> <li>&nbsp;</li> <li>&nbsp;</li> <li>&nbsp;</li> </ul> The first li contains more content than the rest. So, I have the fo...

Simple Table CSS Problem

Hi everyone! I have a issue with a table. I want just a border-bottom to be set and I wanted to have no gaps in between the td's, my css looks like this: #questions td { padding: 10px; border-bottom: solid thin black; } questions is the id of my table. I've tried setting the border bottom of the tr but this seems to do nothin...

How do you prevent firefox from zooming in when pressing ctrl and +?

I am trying to use the ctrl and + combination within firefox for a different action for our web application. How could I prevent firefox from zooming when our web application is listening for this event? I do not want to change a setting within firefox, but would like the code to do this somehow. Any suggestions? ...

Divs height problem

How to get that div id="left" has height equal like divs right_up and right_down together ? <div style="width: 1050px;"> <div id="left" style="width: 80%;height:80%;min-height: 80%;float: left; background-color: blueviolet;">a</div> <div id="right_up" style="width: 20%;height:40%;min-height: 40%; float: left; background-c...

Obtaining the urldata of a background-image with Javascript (possibly using canvas)

Let's assume there is a DIV element and it has CSS background-image property. I want to get urldata(base64) of the background image with Javascript. I can get urldata of IMG elements but how about this one ? Thanks. ...

CSS:How can i hide (Positioning to somewhere which user cant see) a div with Z-Index settings ?

How can i hide (Let it be on the page somewhere and the user shouldnt see it) a div using some tricks with Z-Index ? I dont want to put style="display:none;" to the div to hide it. Any thoughts ? Looking for a solution which works in major browsers ...

Mark selected days in jQuery UI datepicker

I'm using jQuery UI's datepicker (http://docs.jquery.com/UI/Datepicker). It sounds like it should be possible to mark certain days by providing a beforeShowDay function (http://docs.jquery.com/UI/Datepicker#event-beforeShowDay). But I can't get the CSS right for this. I'd like to make the background green for some days. This is the Jav...

Html and CSS for emails, how to, where to?

Hi, I have to design quite a lot of html email. The way I do it at the present is I design and html file and the css until it´s looking good in the browser. Then I send it, and start fixing it for the different clients, there it all goes really wrong (believe me outlook plays tricks on your mind, much like his cousin IE does). The qu...

CSS width acting strange

Over at this page I'm having some trouble with the width of my foot <div>. Is there an explainable reason why my footer is stretching the width of the browser window, while my header <div> isn't? Thanks! ...

Center Form Dynamically Add Elements Remain Center?

I have a basic HTML form that I am centering. I am using jQuery plugin to dynamically validate that the fields are required. When it adds the "Field is required" message after the text box, it causes the form/table to shift due to the fact that it is in a table. This makes sense. The question I have is what is the best way to keep th...

Horizontal nav menu with jQuery css sprite rollover

I was thinking of having a unique setup for my left navigation on my Mario themed website: OK, so for each link, I would have the text like "Action Figures" for example in a certain font. Give a little room, and then insert a sprite of a certain Mario character, Mario would go next to "Action Figures", Luigi next to "Board Games", so o...

Temporarily set all css z-index to "none"

How can i walk through all elements and if there is an associated z-index style applied to any elements, set that z-index style to none...? Then upon completion of the following function, return the original z-index's to there original value. The small script i am working with. $(document).ready(function() { $("<div/>", { "class": ...

regarding runat=server

I got this div tag who's background image's being set in the CSS using some method like this.. Inline CSS:- .id0, .mySprite:hover div { background-image: url(<%=GetImage()%>); background-repeat: no-repeat; width: 728px; height: 243px; } HTML:- <div class="id0"></div> Now do I need to set ru...

CSS vertical align IE 6 & 7 problem

Hi there I've got the following code: ... <li><a href=""> <span class="nr">2</span> <span class="item">Despre clinic&atilde;</span> <span class="img"><img src="/images/footer_navi_icon1.gif" alt=""/></span> </a></li> ...

What is the error in including the css by php echo statement?

Hello there I am using the following code for display the requested content.It is not the main page and here in this time only I need a css.But this CSS is not working.I dont know what is the reason.Please help me on this. echo ' <html> <head> <title>My site</title> <link href="css/main.css"/> </head> <body> <div class="head...

css table border right not displayed properly

Hi I have table with below css property its working fine in all IE versions except IE8 ie right side border is not getting displayed properly background-color:#D9E0F1; border-collapse:collapse; border:1px solid #003366; ...