css

How to make a "Print" button disappear.

I followed one example: I have a print image button. When clicked, the button opens the print dialog and then I want to hide the image button. But, initially I am not able to see the print button to click on it. <link href="style-print.css" rel="stylesheet" media="print" type="text/css"> #print { display: none; } <div style="flo...

Stuck on sticky footer CSS issue

I know there are several other questions about the sticky footer, but none have seemed to help me get to a solution for my problem. Here is the template in question: http://blog.campquiet.com/stack/ Basically I would like the background with the transparent side bars to extend to the bottom of the browser window. The footer (copyright ...

styling ASP.NET menu controls with standard css

I have a piece of piece of HTML which looks like this - <div id="moduleList"> <ul> <li class="noBorder">&nbsp;</li> <li class="noBorder"> <span class="currentTabLeft">&nbsp;</span><span class="currentTab"> <a href="Welcom...

CSS Shift Downward

Can anyone tell me what is going on with this widget: http://davidbeckblog.com/notify/? The relevant CSS is mostly at the bottom of style.css. Basically, the widget has 3 sections. On the left is the button, the middle is the text box, and the right is a spot for a progress indicator. When I add in the text box and the progress indicato...

CSS overflow hidden with absolute position

I've been banging my head on this one. I want to absolute position an image that I will be moving around in a div and want anything that extends outside the div to be clipped. Here is an example of the problem: <html> <body> <div style="width: 500px; height: 200px; border: 1px solid black; overflow: hidden;"> <div style="width: 20...

make width the same size as another html element

Hi I have a dropdown button that when you hover it, it drops down some links to pages. I want those links to be the same size as the width of the button. The button size is 100% width of the content, so it varies. How do I make the size of the drop down items the same size as the button with CSS? <style type="text/css"> #butt...

template html page

Hi I am new to web programming. I want to create a template sort of css where all the pages look the same except the content of the pages. So I have a logo and some tabs at the top where you can navigate the website, but the content of the pages would be different (contact, about, info.etc). How do I go about creating this template? ...

Google Maps v2 div inside or over map

I just need put one div (or more) inside or over map, something like a menu inside the map area, I need when i load my map this div is there... css can't do it right? that div contains php code... ...

Javascript to turn an unordered list into multiple columns.

There doesn't seem to be an easy way in (well supported) css to do this. I'm looking for a javascript solution, preferably jQuery. I have an unordered list like this: <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> ...etc </ul> I want each column to have a height for example four items and ...

Find CSS difference from two give links

What would be the easiest way to find a difference between two compacted css files. This can't be done at the server side using a diff tool since the final css comes from lots of sources. Is there way to do something similar from the html of a webpage as well?? ...

vertical text in ie within a table cell

I'm trying to rotate some text cross browser within a thin table cell that spans a few rows. I want it to be a nice compact summary of the rows, which is why it is thin and rotated -90 degrees. The tips described here: http://stackoverflow.com/questions/272799/vertical-rotated-text-in-html-table work like a charm except in, surprise ...

What is the best way to a div on mousemove() in jquery?

Hi, In my MVC application I have a view with the following DOM: <div class="item"> Item Name </div> These “item divs” are generated via a foreach loop inside the view. My goal is show another "div" on mouse move event, which will offer the user some options (like, share, delete.. etc.). I don't have a specific design in mind for th...

What does ">" means in css rules ?

For example: What does div > p.some_class { ... } selects ? ...

jQuery align table (number of rows/cells) based on screen resolution

I have a table like this (8 cells only for illustrative purposes, may be more or less): [1] [2] [3] [4] [5] [6] [7] [8] Each item in each cell is roughly 450px wide, so they fit comfortably next to each other on a 1920x1200 screen (which, incidentially, is mine). However, I need this configuration to change automatically and align the...

Some font-size's rendered larger on Safari (iPhone)

Are there CSS or other reasons why Safari/iPhone would ignore some font-size settings? On my particular website Safari on the iPhone renders some font-size:13px text larger than font-size:15px text. Does it maybe not support font-size on some elements? ...

jQuery Get Elements Color ?

Hi Guys, I have the follow HTML <div>This is some <span>special <a href="#">text</a></span> and it's super</div> And CSS span {color:#333;} a {color:#777;} a:hover {color:#AAA;} I am wondering what I can use to setup a function that I can extract the color of the <a> and <a>:hover elements? Thanks ...

How to have a different visited link colour in 2 sections of a html?

Hi all, how can I have a different vlink colour within a single html page? I am puting vlink in and it controls all vlink in the whole page. On the other hand, I would like to have a different vlink colour in a specific section. I tried to put the vlink attribute as a style in the tag which is already using a style class in a css file...

Design breakout in sliding panel

Hi all :) Please have a look at here: http://www.datespeed.net Click on the login/register button, a panel will slide down, showing a login and register form. The design holds in firefox and safari but not in IE. In IE there is a huge gap between the forms. When i use the developer tool in IE i see that the form is not enclosing the d...

How to vertical space blank under <li> bullet background?

This is css li { background: transparent url(bullet-arrow.png) no-repeat left 4px; padding-left: 10px; list-style-image: none; list-style-position: outside; list-style-type: none; } this is current output I need in this format ...

HTML forms / CSS - should "position" be on the enclosing DIV or the enclosed control?

Which is correct? <div class="TEdit" id="Edit1" style="position: absolute; left: 200px; top: 100px;"> <input type="text" name="Edit1" value="an edit bx"> </div> or <div class="TEdit" id="Edit1" > <input type="text" style="position: absolute; left: 200px; top: 100px;" name="Edit1" value="an edit bx"> </div> see also rela...